Permalink
Browse files

general progress on new homepage for this widget

  • Loading branch information...
1 parent 70358ea commit 8b0cfed3fe1bbcde295ac02ff44bb476d615d232 @aehlke committed May 31, 2011
Showing with 228 additions and 42 deletions.
  1. BIN Themeroller_ready_white_200px.png
  2. +109 −39 css/master.css
  3. +4 −2 example.html
  4. +115 −1 index.html
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -1,39 +1,109 @@
-@charset "UTF-8";
-
-/* base */
-html {
- font-size: 62.5%;
-}
-a {
- text-decoration:underline;
-}
-p {
- margin-bottom:10px;
- line-height:18px;
-}
-/* end of base */
-
-body, input, a {
- font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
- color: #333;
- font-size:12px;
-}
-
-#content {
- width:600px;
- margin:20px 0 20px 40px;
-}
-
-.myform {
- padding:20px 0px;
-}
-.myform div.line {
- clear:both;
- min-height:50px;
- margin-bottom:15px;
-}
-.myform label {
- display:block;
- font-weight:bold;
- margin-bottom:5px;
-}
+@charset UTF-8;
+
+html, body {
+ color:#333;
+ background:#232f2e;
+ line-height:1.3;
+ margin:0;
+ padding:0;
+}
+a {
+ color:#636363;
+}
+a:hover {
+ text-decoration:none;
+}
+em {
+ font-style:italic;
+}
+h1 {
+ font-size:197%;
+ color:#4f6f6c;
+ margin:30px 0;
+}
+h2 {
+ font-size:174%;
+ color:#4f6f6c;
+ margin:20px 0;
+}
+h3 {
+ font-size:152%;
+ margin:10px 0;
+}
+h4 {
+ font-size:129%;
+ margin:10px 0;
+}
+pre {
+ background:#eee;
+ border:1px solid #ccc;
+ font-size:100%;
+ overflow:auto;
+ margin:0 0 20px;
+ padding:20px;
+}
+code {
+ font-size:100%;
+ margin:0;
+ padding:0;
+}
+ul li {
+ list-style-type: disc;
+}
+div#wrapper {
+ background:#fff;
+ width:560px;
+ border:10px solid #0f1616;
+ border-width:0 10px 10px;
+ margin:0 auto;
+ padding:20px;
+}
+div#header {
+ position:relative;
+ border-bottom:1px dotted;
+ margin:0 0 10px;
+ padding:0 0 10px;
+}
+ul#nav {
+ position:absolute;
+ top:0;
+ right:0;
+ list-style:none;
+ margin:0;
+ padding:0;
+}
+ul#nav li {
+ display:inline;
+ padding:0 0 0 5px;
+ font-size: 1.2em;
+ font-weight: bold;
+}
+div#footer {
+ border-top:1px dotted;
+ margin:40px 0 0;
+ padding:10px 0 0;
+ font-size: .8em;
+}
+.left {
+ float:left;
+}
+.right {
+ float:right;
+}
+.clear {
+ clear:both;
+}
+.multiselect {
+ width:460px;
+ height:200px;
+}
+#switcher {
+ margin-top:20px;
+}
+strong,h1,h2,h3,h4,h5,h6 {
+ font-weight:700;
+}
+div#header p,div#header h1,form {
+ margin:0;
+ padding:0;
+}
View
@@ -6,12 +6,13 @@
<title>Tag it! example</title>
<!--<link href="css/reset.css" rel="stylesheet" type="text/css">-->
- <link href="css/master.css" rel="stylesheet" type="text/css">
+ <!--<link href="css/master.css" rel="stylesheet" type="text/css">-->
+ <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset-fonts-grids/reset-fonts-grids.css">
+ <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/base/base-min.css">
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/jquery-ui.css">
<link href="css/jquery.tagit.css" rel="stylesheet" type="text/css">
<!--<link href="css/tagit.ui-zendesk.css" rel="stylesheet" type="text/css">-->
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
@@ -87,6 +88,7 @@
</form>
</div>
+
<p>Built with <a href="http://jquery.com/" target="_blank">jQuery</a> and <a href="http://jqueryui.com/" target="_blank">jQuery UI</a>.</p>
<p>Originally created by <a href="http://levycarneiro.com/">Levy Carneiro Jr</a>. Currently maintained by <a href="http://github.com/aehlke">Alex Ehlke</a>.</p>
</body>
View
@@ -1 +1,115 @@
-My GitHub Page
+<!doctype html>
+<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
+<!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]> <html class="ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]> <html class="ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
+<head>
+ <meta charset="utf-8">
+ <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
+ <title>jQuery Tag-it!</title>
+
+
+
+ <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset-fonts/reset-fonts.css">
+ <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/base/base-min.css">
+
+ <link rel="stylesheet" href="css/common.css" type="text/css" />
+
+ <link href="css/master.css" rel="stylesheet" type="text/css">
+
+ <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/jquery-ui.css">
+
+ <link href="css/jquery.tagit.css" rel="stylesheet" type="text/css">
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
+ <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
+
+ <script src="js/tag-it.js" type="text/javascript" charset="utf-8"></script>
+
+ <script>
+ $(function(){
+ var sampleTags = ['c++', 'ja/va', 'php', 'coldfusion', 'javascript', 'asp', 'ruby', 'python', 'c', 'scala', 'groovy', 'haskell', 'perl'];
+ $("#myTagsSingleField").tagit({
+ availableTags: sampleTags,
+ // configure the name of the input field (will be submitted with form), default: item[tags]
+ singleField: true,
+ singleFieldNode: $('#mySingleField')
+ });
+
+ $('#switcher').themeswitcher();
+ });
+ </script>
+</head>
+<body>
+
+<a href="http://github.com/aehlke/tag-it"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub" /></a>
+
+<div id="wrapper">
+ <div id="header">
+ <h1>jQuery Tag-it!</h1>
+ <p>
+ <em>Simple and configurable tag editing widget with autocomplete support.</em>
+ </p>
+
+ <ul id="nav">
+ <li><a href="http://github.com/aehlke/tag-it">Source</a></li>
+ <li><a href="http://github.com/aehlke/tag-it/issues">Bugs</a></li>
+ <li><a href="http://github.com/aehlke/tag-it/zipball/master">Download</a></li>
+ </ul>
+ </div>
+
+ <div id="content">
+ <p>
+ </p>
+
+ <ul>
+ <li>Source code is available at <a href="http://github.com/aehlke/tag-it" title="Social Coding">Github</a></li>
+ <li>The widget is styleable using <a href="http://jqueryui.com/themeroller/" title="jQuery UI Themeroller">Themeroller</a>.</li>
+ </ul><br/>
+
+ <h2>Demo</h2>
+ <form>
+ <input name="tags" id="mySingleField" value="Tag1, Tag2" type="hidden">
+ <label>Tags</label>
+ <ul id="myTagsSingleField"></ul>
+ <div class="line">
+ <input type="submit" value="Submit">
+ </div>
+ </form>
+
+ <script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>
+ <div id="switcher"></div>
+
+ <h2>Features</h2>
+ <ul>
+ <li>Search within available options, if there are a lots of them</li>
+ <li>Displaying counts of selected and available items</li>
+ <li>Select All / Deselect All Buttons</li>
+ <li>Dragging items from the available list to the selected list directly</li>
+ </ul>
+
+ <h2>Authors</h2>
+ <ul>
+ <li><a href="http://github.com/levycarneiro">Levy Carneiro Jr.</a>, <em>original author</em></li>
+ <li><a href="http://github.com/martinrehfeld">Martin Rehfeld</a></li>
+ <li><a href="http://github.com/grobie">Tobias Schmidt</a></li>
+ <li><a href="http://github.com/sskylar">Skylar Challand</a></li>
+ <li><a href="http://github.com/aehlke">Alex Ehlke</a>, <em>current maintainer</em></li>
+ </ul>
+ </p>
+ <h2>License</h2>
+ <p>
+ Tag-it is released under the <a href="https://github.com/aehlke/tag-it/raw/master/LICENSE">MIT license</a>.
+ </p>
+ </div>
+
+ <div id="footer">
+ <p class="right">Template adopted from <a href="http://orderedlist.com/demos/fancy-zoom-jquery/">orderedlist.com</a></p>
+ <br class="clear"/>
+ </div>
+</div>
+</body>
+</html>
+

0 comments on commit 8b0cfed

Please sign in to comment.