From c5aebfa780647d4d8c59f474aa945b9076d66ee5 Mon Sep 17 00:00:00 2001
From: Thomas Park <thomas@thomaspark.me>
Date: Mon, 20 Aug 2012 18:34:40 -0400
Subject: index: add sponsor

---
 css/bootswatch.css | 12 ++++++++++++
 index.html         | 15 +++++++++------
 js/bsa.js          |  7 +++++++
 3 files changed, 28 insertions(+), 6 deletions(-)
 create mode 100644 js/bsa.js

diff --git a/css/bootswatch.css b/css/bootswatch.css
index c7432a29..1c2a30dd 100644
--- a/css/bootswatch.css
+++ b/css/bootswatch.css
@@ -65,6 +65,10 @@ body {
   margin-top: 20px;
 }
 
+.about .span4 {
+	margin-bottom: 20px;
+}
+
 .about h3 {
   margin: 0 0 5px 35px;
 }
@@ -152,6 +156,14 @@ body {
 	}
 }
 
+.bsap {
+	margin-bottom: 20px;
+}
+
+div.one .bsa_it_ad {
+	padding: 25px;
+}
+
 /* Landscape phone to portrait tablet */
 @media (min-width: 481px) and (max-width: 767px) {
 
diff --git a/index.html b/index.html
index cf8687f8..c5f55b3b 100644
--- a/index.html
+++ b/index.html
@@ -54,6 +54,7 @@
 
 		<!-- Main hero unit for a primary marketing message or call to action -->
 		<div class="hero-unit">
+
 			<h1>Bootswatch</h1>
 			<p id="tagline">&nbsp;</p>
 
@@ -89,14 +90,11 @@
 				<h3>Tuned for 2.0.4</h3>
 				<p>Swatches are built for and tested with the latest version of Bootstrap. <a target="_blank" href="https://github.com/thomaspark/bootswatch/downloads">Older versions</a> are also available for download.</p>
 		 	</div>
-		</div>
-
-		<div class="row about">
-			 <div class="span4">
+			<div class="span4">
 				 <img class="glyph" src="img/glyphicons_023_cogwheels.png">
 				<h3>Modular</h3>
 				 <p>Changes are contained in just two LESS files, enabling modification and ensuring forward compatibility.</p>
-			 </div>
+			</div>
 			<div class="span4">
 				<img class="glyph" src="img/glyphicons_265_electrical_plug.png">
 				<h3>Get Plugged In</h3>
@@ -137,6 +135,10 @@
 
 		<div class="row">
 
+			<div class="span4">
+				<div id="bsap_1277971" class="bsarocks bsap_c466df00a3cd5ee8568b5c4983b6bb19"></div>
+			</div>
+
 			<div class="span4">
 				<div class="thumbnail">
 					<a href="amelia"><img src="amelia/thumbnail.png" alt="Amelia"></a>
@@ -481,7 +483,7 @@
 
 			<div class="span3" id="ref">
 				<h3>Swatches will always be free.</h3>
-				<p>But if you find them useful, you can show your love by linking back to Bootswatch or purchasing one of these great references.</p>
+				<p>But you can show your support by checking out these excellent products.</p>
 			</div>
 
 			<div class="span3">
@@ -637,6 +639,7 @@
 		var line = Math.floor((taglines.length) * Math.random());
 		$('#tagline').html(taglines[line]);
 	</script>
+	<script src="js/bsa.js"></script>
 	<script type="text/javascript" src="http://www.assoc-amazon.com/s/impression-counter?tag=bootswatch-20&o=1"></script>
 	<noscript><img src="http://www.assoc-amazon.com/s/noscript?tag=bootswatch-20" alt="" /></noscript>
 
diff --git a/js/bsa.js b/js/bsa.js
new file mode 100644
index 00000000..27b52c56
--- /dev/null
+++ b/js/bsa.js
@@ -0,0 +1,7 @@
+(function(){
+  var bsa = document.createElement('script');
+     bsa.type = 'text/javascript';
+     bsa.async = true;
+     bsa.src = 'http://s3.buysellads.com/ac/bsa.js';
+  (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
+})();
\ No newline at end of file
-- 
cgit v1.2.3