From ffc1cc18e6d34f3a28a6680bb06fc5d7ca4e8345 Mon Sep 17 00:00:00 2001
From: Thomas Park <thomas@thomaspark.me>
Date: Mon, 27 Feb 2012 23:27:58 -0500
Subject: add spruce to preview menu

---
 index.html       | 35 ++++++++++++++++++++++++++++++++++-
 js/bootswatch.js |  1 +
 2 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index f7407475..6720e9e0 100644
--- a/index.html
+++ b/index.html
@@ -54,7 +54,7 @@
     <div class="container">
 		
 		<div class="alert alert-info">
-			<p><strong>21 Feb:</strong> New swatches: <a href="slate">Slate</a> and <a href="superhero">Superhero</a>.</p>
+			<p><strong>28 Feb:</strong> New swatch: <a href="spruce">Spruce</a>. Subscribe to the <a target="_blank" href="http://feeds.feedburner.com/bootswatch">RSS feed</a> to stay up-to-date.</p>
 			
 			<p><strong>14 Feb:</strong> Visit the <a target="_blank" onclick="pageTracker._link(this.href); return false;" href=" http://thomaspark.me/2012/02/introducing-bootswatch/">blog post</a> that discusses Bootswatch in more detail.</p>
 			
@@ -322,6 +322,39 @@
 			    </li>
 				  
 
+			
+			    <li class="span4">
+			      <div class="thumbnail">
+			        <img src="spruce/thumbnail.png" alt="">
+			        <div class="caption">
+			          <h3>Spruce  <span class="label label-warning">new!</label></h3>
+			          <p>Camping in the woods.</p>
+			          <div class="btn-toolbar">
+						<div class="btn-group"><a class="btn btn-large" href="spruce">Preview</a></div>
+						<div class="btn-group">
+						  <a class="btn btn-large btn-primary" target="_blank" href="spruce/bootstrap.min.css"
+								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spruce', 'bootstrap.min.css']);">Download</a>
+						  <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
+						    <span class="caret"></span>
+						  </a>
+						  <ul class="dropdown-menu">
+						    <!-- dropdown menu links -->
+							<li><a target="_blank" href="spruce/bootstrap.min.css"
+								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spruce', 'bootstrap.min.css']);">bootstrap.min.css</a></li>
+							<li><a target="_blank" href="spruce/bootstrap.css"
+								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spruce', 'bootstrap.css']);">bootstrap.css</a></li>
+							<li class="divider"></li>
+  							<li><a target="_blank" href="spruce/variables.less"
+								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spruce', 'variables.less']);">variables.less</a></li>
+  							<li><a target="_blank" href="spruce/bootswatch.less"
+								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spruce', 'bootswatch.less']);">bootswatch.less</a></li>
+						  </ul>
+						</div>
+					</div>
+			        </div>
+			      </div>
+			    </li>
+
 
 			    <li class="span4">
 			      <div class="thumbnail">
diff --git a/js/bootswatch.js b/js/bootswatch.js
index edbb1c4e..b889b6e7 100644
--- a/js/bootswatch.js
+++ b/js/bootswatch.js
@@ -11,6 +11,7 @@ var menu = '<ul class="nav"> \
 	           <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> \
-- 
cgit v1.2.3