index: add sponsor

diff --git a/css/bootswatch.css b/css/bootswatch.css
index c7432a2..1c2a30d 100644 (file)
--- 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 cf8687f..c5f55b3 100644 (file)
--- 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 (file)
index 0000000..27b52c5
--- /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