From 1959f0e54e3937903b96e21a68daefb86c01735a Mon Sep 17 00:00:00 2001
From: Thomas Park <thomas@thomaspark.me>
Date: Tue, 21 Feb 2012 21:23:32 -0500
Subject: added superhero and rss button

---
 css/bootswatch.css |  15 +++++++++++++++
 img/rss-icons.png  | Bin 0 -> 785 bytes
 index.html         |  49 ++++++++++++++++++++++++++++++++++++++++++-------
 3 files changed, 57 insertions(+), 7 deletions(-)
 create mode 100644 img/rss-icons.png

diff --git a/css/bootswatch.css b/css/bootswatch.css
index 0e78d7de..b970c4b9 100644
--- a/css/bootswatch.css
+++ b/css/bootswatch.css
@@ -44,6 +44,21 @@ body {
 .twitter-follow-button {
   width: 160px !important;
 }
+	 
+.rss {
+	height: 14px;
+	font-size: 11px;
+	line-height: 14px;
+	font-weight: bold;
+	margin: 0;
+	padding: 2px 5px 2px 4px;
+}
+
+.icon-rss {
+    background: url(../img/rss-icons.png) no-repeat 0 0;
+  	opacity: .65;
+	width: 16px;
+}
 	  
 .about {
   margin-top: 50px;
diff --git a/img/rss-icons.png b/img/rss-icons.png
new file mode 100644
index 00000000..5fd4cc24
Binary files /dev/null and b/img/rss-icons.png differ
diff --git a/index.html b/index.html
index f3a43126..5ff82f27 100644
--- a/index.html
+++ b/index.html
@@ -54,7 +54,7 @@
     <div class="container">
 		
 		<div class="alert alert-info">
-			<p><strong>20 Feb:</strong> New swatch: <a href="slate">Slate</a>.</p>
+			<p><strong>21 Feb:</strong> New swatches: <a href="slate">Slate</a> and <a href="superhero">Superhero</a>.</p>
 			
 			<p><strong>16 Feb:</strong> Follow the <a target="_blank" href="http://feeds.feedburner.com/bootswatch">RSS feed</a> or the <a target="_blank" href="http://feedburner.google.com/fb/a/mailverify?uri=bootswatch&loc=en_US">email list</a> to get notified when new swatches are released.</p>
 			
@@ -68,16 +68,17 @@
         <p>Add color to your <a target="_blank" href="http://twitter.github.com/bootstrap/">Bootstrap</a> site without touching a color picker.</p>
 		
         <div id="social">
-  	      <div class="span4 offset1">
-  			<iframe src="http://markdotto.github.com/github-buttons/github-btn.html?user=thomaspark&repo=bootswatch&type=watch&count=true"
-  			  allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe>
-			<iframe src="http://markdotto.github.com/github-buttons/github-btn.html?user=thomaspark&repo=bootswatch&type=fork"
-			    allowtransparency="true" frameborder="0" scrolling="0" width="53px" height="20px"></iframe>		
+  	      <div class="span3 offset1">
+  			<iframe src="http://markdotto.github.com/github-buttons/github-btn.html?user=thomaspark&repo=bootswatch&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe>
+			<iframe src="http://markdotto.github.com/github-buttons/github-btn.html?user=thomaspark&repo=bootswatch&type=fork" allowtransparency="true" frameborder="0" scrolling="0" width="53px" height="20px"></iframe>		
   		  </div>
-          <div class="span4 offset1">
+          <div class="span3">
   			<a href="https://twitter.com/thomashpark" class="twitter-follow-button" data-show-count="false" data-show-screen-name="true">Follow @thomashpark</a>
   			<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://bootswatch.com" data-via="thomashpark">Tweet</a>
   		  </div>
+		  <div class="span1 offset1">
+  			<a class="btn rss" target="_blank" href="http://feeds.feedburner.com/bootswatch"><i class="icon-rss"></i><span>RSS</span></a>
+		  </div>
   	    </div>	
       </div>
 
@@ -322,6 +323,40 @@
 			      </div>
 			    </li>
 				  
+
+
+			    <li class="span4">
+			      <div class="thumbnail">
+			        <img src="superhero/thumbnail.png" alt="">
+			        <div class="caption">
+			          <h3>Superhero</h3>
+			          <p>Batman meets... Aquaman?</p>
+			          <div class="btn-toolbar">
+						<div class="btn-group"><a class="btn btn-large" href="superhero">Preview</a></div>
+						<div class="btn-group">
+						  <a class="btn btn-large btn-primary" target="_blank" href="superhero/bootstrap.min.css"
+								onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', '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="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>
+			    </li>
+
 				    
 			    <li class="span4">
 			      <div class="thumbnail">
-- 
cgit v1.2.3