add html5 and media query shim for ie8
[bootswatch] / index.html
index 5894376..aee3b17 100644 (file)
@@ -4,9 +4,14 @@
     <title>Bootswatch: Free themes for Twitter Bootstrap</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta charset="utf-8">
-    <link rel="stylesheet" href="./flatly/bootstrap.min.css" media="screen">
+    <link rel="stylesheet" href="./flatly/bootstrap.css" media="screen">
     <link rel="stylesheet" href="./bower_components/font-awesome/css/font-awesome.min.css">
     <link rel="stylesheet" href="./assets/css/bootswatch.min.css">
+    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+    <!--[if lt IE 9]>
+      <script src="./bower_components/bootstrap/assets/js/html5shiv.js"></script>
+      <script src="./bower_components/bootstrap/assets/js/respond.min.js"></script>
+    <![endif]-->
     <script type="text/javascript">
 
      var _gaq = _gaq || [];
@@ -26,7 +31,7 @@
   <body>
     <script src="./assets/js/bsa.js"></script>
 
-    <div class="navbar navbar-fixed-top">
+    <div class="navbar navbar-default navbar-fixed-top">
       <div class="container">
         <div class="navbar-header">
           <a href="./" class="navbar-brand">Bootswatch</a>
@@ -53,7 +58,6 @@
                 <li><a tabindex="-1" href="./simplex/">Simplex</a></li>
                 <li><a tabindex="-1" href="./slate/">Slate</a></li>
                 <li><a tabindex="-1" href="./spacelab/">Spacelab</a></li>
-                <li><a tabindex="-1" href="./superhero/">Superhero</a></li>
                 <li><a tabindex="-1" href="./united/">United</a></li>
               </ul>
             </li>
@@ -81,9 +85,9 @@
           <div class="col-lg-12">
             <h1>Free themes for Twitter Bootstrap</h1>
 
-            <div class="alert alert-block alert-info">
+            <div class="alert alert-info">
               <button type="button" class="close" data-dismiss="alert">&times;</button>
-              <p>You're currently previewing the themes for Bootstrap 3.0.0-rc2. These are still a work in progress. If you want to see version 2.3.2, visit <a class="alert-link" href="http://bootswatch.com/2/">bootswatch.com/2/</a>.
+              <p>You're viewing themes for the newly released Bootstrap 3.0.0. If you want 2.3.2, visit <a class="alert-link" href="http://bootswatch.com/2/">bootswatch.com/2/</a>.
             </div>
             <div id="social">
               <span>
           </div>
           <div class="col-lg-4 col-sm-6">
             <h3><i class="icon-wrench"></i> Tuned for 3.0.0</h3>
-            <p>Themes are built for the latest version of Bootstrap. <a target="_blank" href="https://github.com/thomaspark/bootswatch/tags">Older versions</a> are also available to download.</p>  
+            <p>Themes are built for the latest version of Bootstrap. <a href="http://bootswatch.com/2/">Version 2.3.2</a> and <a target="_blank" href="https://github.com/thomaspark/bootswatch/tags">older</a> are also available to download.</p>  
           </div>
           <div class="col-lg-4 col-sm-6">
             <h3><i class="icon-cogs"></i> Modular</h3>
             <div class="preview">
               <div class="image">
                 
-                <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'javascriptandjquery']);" href="http://www.amazon.com/gp/product/1449399029/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1449399029" target="_blank"><img class="img-responsive" src="assets/img/refs/javascriptandjquery.png" alt="JavaScript and jQuery: The Missing Manual, by David Sawyer McFarland"></a>
+                <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'lesscss']);" href="http://www.amazon.com/gp/product/178216376X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=178216376X" target="_blank"><img class="img-responsive" src="assets/img/refs/lesscss.jpg" alt="Instant LESS CSS Preprocessor How-to, by Alex Libby"></a>
 
               </div>
               <div class="options">
                 
-                <h3>JavaScript &amp; jQuery</h3>
-                <p>David Sawyer McFarland</p>
+                <h3>Instant LESS</h3>
+                <p>Alex Libby</p>
                 <div>
                   <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1449399029" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important; height: 1px;" />
-                  <div class="btn-group"><a class="btn btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'javascriptandjquery']);" href="http://www.amazon.com/gp/product/1449399029/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1449399029" target="_blank">Amazon</a></div>
+                  <div class="btn-group"><a class="btn btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'lesscss']);" href="http://www.amazon.com/gp/product/178216376X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=178216376X" target="_blank">Amazon</a></div>
                 </div>
               </div>
             </div>