add new theme flatly to site
[bootswatch] / default / index.html
index b11e82c..3d3cc7f 100755 (executable)
@@ -13,6 +13,7 @@
 
     <link href="bootstrap.min.css" rel="stylesheet">
     <link href="../default/bootstrap-responsive.min.css" rel="stylesheet">
+    <link href="../css/font-awesome.min.css" rel="stylesheet">
     <link href="../css/bootswatch.css" rel="stylesheet">
 
    <script type="text/javascript">
          <span class="icon-bar"></span>
        </a>
        <a class="brand" href="../">Bootswatch</a>
-       <div class="nav-collapse" id="main-menu">
+       <div class="nav-collapse collapse" id="main-menu">
         <ul class="nav" id="main-menu-left">
           <li><a onclick="pageTracker._link(this.href); return false;" href="http://news.bootswatch.com">News</a></li>
           <li><a id="swatch-link" href="../#gallery">Gallery</a></li>
           <li class="dropdown">
             <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
             <ul class="dropdown-menu" id="swatch-menu">
-              <li><a href="../default">Default</a></li>
+              <li><a href="../default/">Default</a></li>
               <li class="divider"></li>
-              <li><a href="../amelia">Amelia</a></li>
-              <li><a href="../cerulean">Cerulean</a></li>
-              <li><a href="../cosmo">Cosmo</a></li>
-              <li><a href="../cyborg">Cyborg</a></li>
-              <li><a href="../journal">Journal</a></li>
-              <li><a href="../readable">Readable</a></li>
-              <li><a href="../simplex">Simplex</a></li>
-              <li><a href="../slate">Slate</a></li>
-              <li><a href="../spacelab">Spacelab</a></li>
-              <li><a href="../spruce">Spruce</a></li>
-              <li><a href="../superhero">Superhero</a></li>
-              <li><a href="../united">United</a></li>
+              <li><a href="../amelia/">Amelia</a></li>
+              <li><a href="../cerulean/">Cerulean</a></li>
+              <li><a href="../cosmo/">Cosmo</a></li>
+              <li><a href="../cyborg/">Cyborg</a></li>
+              <li><a href="../flatly/">Flatly</a></li>
+              <li><a href="../journal/">Journal</a></li>
+              <li><a href="../readable/">Readable</a></li>
+              <li><a href="../simplex/">Simplex</a></li>
+              <li><a href="../slate/">Slate</a></li>
+              <li><a href="../spacelab/">Spacelab</a></li>
+              <li><a href="../spruce/">Spruce</a></li>
+              <li><a href="../superhero/">Superhero</a></li>
+              <li><a href="../united/">United</a></li>
             </ul>
           </li>
           <li class="dropdown" id="preview-menu">
@@ -78,7 +80,6 @@
               <li><a target="_blank" href="bootstrap.css">bootstrap.css</a></li>
               <li class="divider"></li>
               <li><a target="_blank" href="variables.less">variables.less</a></li>
-              <li><a target="_blank" href="bootswatch.less">bootswatch.less</a></li>
             </ul>
           </li>
         </ul>
               <span class="help-inline">Woohoo!</span>
             </div>
           </div>
-          <div class="control-group success">
-            <label class="control-label" for="selectError">Select with success</label>
+          <div class="control-group info">
+            <label class="control-label" for="selectError">Select with info</label>
             <div class="controls">
               <select id="selectError">
                 <option>1</option>
       <ul class="nav nav-tabs">
         <li class="active"><a href="#A" data-toggle="tab">Section 1</a></li>
         <li><a href="#B" data-toggle="tab">Section 2</a></li>
-        <li><a href="#C" data-toggle="tab">Section 3</a></li>
+        <li class="disabled"><a href="#" data-toggle="tab">Section 3</a></li>
       </ul>
       <div class="tabbable">
         <div class="tab-content">
           <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a>
           <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a>
         </div>
-        Made by <a target="_blank" href="http://thomaspark.me" onclick="pageTracker._link(this.href); return false;">Thomas Park</a>. Contact him <a href="mailto:hello@thomaspark.me">hello@thomaspark.me</a>.<br/>
-        Code licensed under the <a target="_blank" href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2.0</a>.<br/>
-        Based on <a target="_blank" href="http://twitter.github.com/bootstrap/">Bootstrap</a>. Hosted on <a target="_blank" href="http://pages.github.com/">GitHub</a>. Icons from <a target="_blank" href="http://glyphicons.com/">Glyphicons</a>. Web fonts from <a target="_blank" href="http://www.google.com/webfonts">Google</a>.</p>
+        Made by <a href="http://thomaspark.me">Thomas Park</a>. Contact him <a href="mailto:hello@thomaspark.me">hello@thomaspark.me</a>.<br/>
+        Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2.0</a>.<br/>
+        Based on <a href="http://twitter.github.com/bootstrap/">Bootstrap</a>. Hosted on <a href="http://pages.github.com/">GitHub</a>. Icons from <a href="http://fortawesome.github.com/Font-Awesome/">Font Awesome</a>. Web fonts from <a href="http://www.google.com/webfonts">Google</a>. Favicon by <a href="https://twitter.com/geraldhiller">Gerald Hiller</a>.</p>
       </footer>
 
     </div><!-- /container -->
     <!-- Le javascript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+    <script src="../js/jquery.smooth-scroll.min.js"></script>
     <script src="../js/bootstrap.min.js"></script>
     <script src="../js/bootswatch.js"></script>