added paper and sandstone, deprecated amelia

1 files changed, 59 insertions, 31 deletions

diff --git a/index.html b/index.html
index 4425abae..678e0736 100644
--- a/index.html
+++ b/index.html
@@ -46,7 +46,6 @@
               <ul class="dropdown-menu" aria-labelledby="themes">
                 <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>
@@ -54,7 +53,9 @@
                 <li><a href="./flatly/">Flatly</a></li>
                 <li><a href="./journal/">Journal</a></li>
                 <li><a href="./lumen/">Lumen</a></li>
+                <li><a href="./paper/">Paper</a></li>
                 <li><a href="./readable/">Readable</a></li>
+                <li><a href="./sandstone/">Sandstone</a></li>
                 <li><a href="./simplex/">Simplex</a></li>
                 <li><a href="./slate/">Slate</a></li>
                 <li><a href="./spacelab/">Spacelab</a></li>
@@ -149,36 +150,6 @@
           <div class="col-lg-4 col-sm-6">
             <div class="preview">
               <div class="image">
-                <a href="amelia/"><img src="amelia/thumbnail.png" class="img-responsive" alt="Amelia"></a>
-              </div>
-              <div class="options">
-                <h3>Amelia</h3>
-                <p>Sweet and cheery</p>
-                <div class="btn-group"><a class="btn btn-info" href="amelia/">Preview</a></div>
-                <div class="btn-group">
-                  <a class="btn btn-info" target="_blank" href="amelia/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootstrap.min.css']);">Download</a>
-                  <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
-                    <span class="caret"></span>
-                  </a>
-                  <ul class="dropdown-menu">
-                    <li><a target="_blank" href="amelia/bootstrap.min.css"
-                      onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
-                    <li><a target="_blank" href="amelia/bootstrap.css"
-                      onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootstrap.css']);">bootstrap.css</a></li>
-                    <li class="divider"></li>
-                    <li><a target="_blank" href="amelia/variables.less"
-                      onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'variables.less']);">variables.less</a></li>
-                    <li><a target="_blank" href="amelia/bootswatch.less"
-                      onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootswatch.less']);">bootswatch.less</a></li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <div class="col-lg-4 col-sm-6">
-            <div class="preview">
-              <div class="image">
                 <a href="cerulean/"><img src="cerulean/thumbnail.png" class="img-responsive" alt="Cerulean"></a>
               </div>
               <div class="options">
@@ -365,6 +336,33 @@
           <div class="col-lg-4 col-sm-6">
             <div class="preview">
               <div class="image">
+                <a href="paper/"><img class="img-responsive" src="paper/thumbnail.png" alt="Paper"></a>
+              </div>
+              <div class="options">
+                <h3>Paper</h3>
+                <p>Material is the metaphor</p>
+                <div class="btn-group"><a class="btn btn-info" href="paper/">Preview</a></div>
+                <div class="btn-group">
+                  <a class="btn btn-info" target="_blank" href="paper/bootstrap.min.css"
+                  onClick="_gaq.push(['_trackEvent', 'bootswatch', 'paper', 'bootstrap.min.css']);">Download</a>
+                  <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
+                    <span class="caret"></span>
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li><a target="_blank" href="paper/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'paper', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
+                    <li><a target="_blank" href="paper/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'paper', 'bootstrap.css']);">bootstrap.css</a></li>
+                    <li class="divider"></li>
+                    <li><a target="_blank" href="paper/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'paper', 'variables.less']);">variables.less</a></li>
+                    <li><a target="_blank" href="paper/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'paper', 'bootswatch.less']);">bootswatch.less</a></li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-lg-4 col-sm-6">
+            <div class="preview">
+              <div class="image">
                 <a href="readable/"><img class="img-responsive" src="readable/thumbnail.png" alt="Readable"></a>
               </div>
               <div class="options">
@@ -392,6 +390,36 @@
           <div class="col-lg-4 col-sm-6">
             <div class="preview">
               <div class="image">
+                <a href="sandstone/"><img src="sandstone/thumbnail.png" class="img-responsive" alt="Sandstone"></a>
+              </div>
+              <div class="options">
+                <h3>Sandstone</h3>
+                <p>A touch of warmth</p>
+                <div class="btn-group"><a class="btn btn-info" href="sandstone/">Preview</a></div>
+                <div class="btn-group">
+                  <a class="btn btn-info" target="_blank" href="sandstone/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'sandstone', 'bootstrap.min.css']);">Download</a>
+                  <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
+                    <span class="caret"></span>
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li><a target="_blank" href="sandstone/bootstrap.min.css"
+                      onClick="_gaq.push(['_trackEvent', 'bootswatch', 'sandstone', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
+                    <li><a target="_blank" href="sandstone/bootstrap.css"
+                      onClick="_gaq.push(['_trackEvent', 'bootswatch', 'sandstone', 'bootstrap.css']);">bootstrap.css</a></li>
+                    <li class="divider"></li>
+                    <li><a target="_blank" href="sandstone/variables.less"
+                      onClick="_gaq.push(['_trackEvent', 'bootswatch', 'sandstone', 'variables.less']);">variables.less</a></li>
+                    <li><a target="_blank" href="sandstone/bootswatch.less"
+                      onClick="_gaq.push(['_trackEvent', 'bootswatch', 'sandstone', 'bootswatch.less']);">bootswatch.less</a></li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-lg-4 col-sm-6">
+            <div class="preview">
+              <div class="image">
                 <a href="simplex/"><img class="img-responsive" src="simplex/thumbnail.png" alt="Simplex"></a>
               </div>
               <div class="options">