From 8bde66808ecd630519bd39561b64839a85abc41a Mon Sep 17 00:00:00 2001
From: Thomas Park <thomas@thomaspark.me>
Date: Mon, 12 Mar 2012 13:36:08 -0400
Subject: index: new thumbnails, responsive layout, clickable images

---
 index.html | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

(limited to 'index.html')

diff --git a/index.html b/index.html
index 8bd32caa..3fca73cb 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,7 @@
 
     <!-- Le styles -->
     <link href="css/bootstrap.css" rel="stylesheet">
+    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
     <link href="css/bootswatch.css" rel="stylesheet">
 	<link rel="alternate" type="application/rss+xml" 
 	  title="Bootswatch" 
@@ -63,11 +64,11 @@
   			<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">
+          <div class="span3 offset1">
   			<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">
+		  <div class="span1 offset1">
   			<a class="btn rss" href="http://feeds.feedburner.com/bootswatch"><i class="icon-rss"></i><span>RSS</span></a>
 		  </div>
   	    </div>	
@@ -118,7 +119,7 @@
 
 			    <li class="span4">
 			      <div class="thumbnail">
-			        <img src="amelia/thumbnail.png" alt="">
+			        <a href="amelia"><img src="amelia/thumbnail.png" alt=""></a>
 			        <div class="caption">
 			          <h3>Amelia  <span class="label label-warning">new!</label></h3>
 			          <p>Sweet and cheery.</p>
@@ -152,7 +153,7 @@
 
 			    <li class="span4">
 			      <div class="thumbnail">
-			        <img src="cerulean/thumbnail.png" alt="">
+			         <a href="cerulean"><img src="cerulean/thumbnail.png" alt=""></a>
 			        <div class="caption">
 			          <h3>Cerulean</h3>
 			          <p>A calm, blue sky.</p>
@@ -185,7 +186,7 @@
 
 			    <li class="span4">
 			      <div class="thumbnail">
-			        <img src="cyborg/thumbnail.png" alt="">
+			         <a href="cyborg"><img src="cyborg/thumbnail.png" alt=""></a>
 			        <div class="caption">
 			          <h3>Cyborg</h3>
 			          <p>Jet black and electric blue.</p>
@@ -218,7 +219,7 @@
 
 			    <li class="span4">
 			      <div class="thumbnail">
-			        <img src="journal/thumbnail.png" alt="">
+			         <a href="journal"><img src="journal/thumbnail.png" alt=""></a>
 			        <div class="caption">
 			          <h3>Journal</h3>
 			          <p>Crisp like a new sheet of paper.</p>
@@ -252,7 +253,7 @@
 
 			    <li class="span4">
 			      <div class="thumbnail">
-			        <img src="readable/thumbnail.png" alt="">
+			         <a href="readable"><img src="readable/thumbnail.png" alt=""></a>
 			        <div class="caption">
 			          <h3>Readable  <span class="label label-warning">new!</label></h3>
 			          <p>Optimized for legibility.</p>
@@ -285,7 +286,7 @@
 	
   			    <li class="span4">
   			      <div class="thumbnail">
-  			        <img src="simplex/thumbnail.png" alt="">
+  			         <a href="simplex"><img src="simplex/thumbnail.png" alt=""></a>
   			        <div class="caption">
   			          <h3>Simplex</h3>
   			          <p>Flat, matte, minimalist.</p>
@@ -318,7 +319,7 @@
 
 			    <li class="span4">
 			      <div class="thumbnail">
-			        <img src="slate/thumbnail.png" alt="">
+			         <a href="slate"><img src="slate/thumbnail.png" alt=""></a>
 			        <div class="caption">
 			          <h3>Slate</h3>
 			          <p>Shades of gunmetal gray.</p>
@@ -351,7 +352,7 @@
 			
 			    <li class="span4">
 			      <div class="thumbnail">
-			        <img src="spacelab/thumbnail.png" alt="">
+			         <a href="spacelab"><img src="spacelab/thumbnail.png" alt=""></a>
 			        <div class="caption">
 			          <h3>Spacelab</h3>
 			          <p>Silvery and sleek.</p>
@@ -385,7 +386,7 @@
 			
 			    <li class="span4">
 			      <div class="thumbnail">
-			        <img src="spruce/thumbnail.png" alt="">
+			         <a href="spruce"><img src="spruce/thumbnail.png" alt=""></a>
 			        <div class="caption">
 			          <h3>Spruce</h3>
 			          <p>Camping in the woods.</p>
@@ -418,7 +419,7 @@
 
 			    <li class="span4">
 			      <div class="thumbnail">
-			        <img src="superhero/thumbnail.png" alt="">
+			        <a href="superhero"><img src="superhero/thumbnail.png" alt=""></a>
 			        <div class="caption">
 			          <h3>Superhero</h3>
 			          <p>Batman meets... Aquaman?</p>
@@ -451,7 +452,7 @@
 				    
 			    <li class="span4">
 			      <div class="thumbnail">
-			        <img src="united/thumbnail.png" alt="">
+			        <a href="united"><img src="united/thumbnail.png" alt=""></a>
 			        <div class="caption">
 			          <h3>United</h3>
 			          <p>Bright colors and a unique font.</p>
@@ -503,6 +504,7 @@
     <script src="js/jquery.js"></script>
     <script src="js/bootstrap-dropdown.js"></script>
 	<script src="js/bootstrap-tooltip.js"></script>
+    <script src="js/bootstrap-collapse.js"></script>
     <script src="js/bootswatch.js"></script>
 	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 
-- 
cgit v1.2.3