add new themes to index and api

1 files changed, 87 insertions, 1 deletions

diff --git a/index.html b/index.html
index ff3e076f..d87a080a 100644
--- a/index.html
+++ b/index.html
@@ -97,6 +97,9 @@
                 <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://bootswatch.com" data-via="thomashpark">Tweet</a>
               </span>
             </div>
+            <div class="alert alert-info">
+              <p>Check out our limited edition theme <a href="./cupid">Cupid</a> and our new themes <a href="./lumen">Lumen</a> and <a href="./superhero">Superhero</a>! <a href="http://news.bootswatch.com/post/75753391083/3-new-themes-cupid-lumin-and-superhero">More info...</a></p>
+            </div>
             <div class="bsa well">
               <div id="bsap_1277971" class="bsarocks bsap_c466df00a3cd5ee8568b5c4983b6bb19"></div>
             </div>
@@ -180,7 +183,7 @@
               </div>
               <div class="options">
                 <h3>Cerulean</h3>
-                <p>A calm, blue sky</p>
+                <p>A calm blue sky</p>
                 <div class="btn-group"><a class="btn btn-info" href="cerulean/">Preview</a></div>
                 <div class="btn-group">
                   <a class="btn btn-info" target="_blank" href="cerulean/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.min.css']);">Download</a>
@@ -228,6 +231,33 @@
           <div class="col-lg-4 col-sm-6">  
             <div class="preview">
               <div class="image">
+                <a href="cupid/"><img class="img-responsive" src="cupid/thumbnail.png" alt="Cupid"></a>
+              </div>
+              <div class="options">
+                <h3>Cupid</h3>
+                <p>Pretty in pink</p>
+                <div class="btn-group"><a class="btn btn-info" href="cupid/">Preview</a></div>
+                <div class="btn-group">
+                  <a class="btn btn-info" target="_blank" href="cupid/bootstrap.min.css"
+                  onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cupid', '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="cupid/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cupid', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
+                    <li><a target="_blank" href="cupid/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cupid', 'bootstrap.css']);">bootstrap.css</a></li>
+                    <li class="divider"></li>
+                    <li><a target="_blank" href="cupid/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cupid', 'variables.less']);">variables.less</a></li>
+                    <li><a target="_blank" href="cupid/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cupid', '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="cyborg/"><img class="img-responsive" src="cyborg/thumbnail.png" alt="Cyborg"></a>
               </div>
               <div class="options">
@@ -306,6 +336,32 @@
             </div>
           </div>
 
+          <div class="col-lg-4 col-sm-6">
+            <div class="preview">
+              <div class="image">
+                <a href="lumen/"><img src="lumen/thumbnail.png" class="img-responsive" alt="Lumen"></a>
+              </div>
+              <div class="options">
+                <h3>Lumen</h3>
+                <p>Light and shadow</p>
+                <div class="btn-group"><a class="btn btn-info" href="lumen/">Preview</a></div>
+                <div class="btn-group">
+                  <a class="btn btn-info" target="_blank" href="lumen/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'lumen', '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="lumen/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'lumen', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
+                    <li><a target="_blank" href="lumen/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'lumen', 'bootstrap.css']);">bootstrap.css</a></li>
+                    <li class="divider"></li>
+                    <li><a target="_blank" href="lumen/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'lumen', 'variables.less']);">variables.less</a></li>
+                    <li><a target="_blank" href="lumen/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'lumen', '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">
@@ -427,6 +483,36 @@
             
             <div class="preview">
               <div class="image">
+                <a href="superhero/"><img class="img-responsive" src="superhero/thumbnail.png" alt="Superhero"></a>
+              </div>
+              <div class="options">
+                
+                <h3>Superhero</h3>
+                <p>The brave and the blue</p>
+                <div class="btn-group"><a class="btn btn-info" href="superhero/">Preview</a></div>
+                <div class="btn-group">
+                  <a class="btn btn-info" target="_blank" href="superhero/bootstrap.min.css"
+                  onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', '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="superhero/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
+                    <li><a target="_blank" href="superhero/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.css']);">bootstrap.css</a></li>
+                    <li class="divider"></li>
+                    <li><a target="_blank" href="superhero/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'variables.less']);">variables.less</a></li>
+                    <li><a target="_blank" href="superhero/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', '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="united/"><img class="img-responsive" src="united/thumbnail.png" alt="United"></a>
               </div>
               <div class="options">