index: added new amazon books

diff --git a/css/bootswatch.css b/css/bootswatch.css
index 5210e2a..08c0aed 100644 (file)
--- a/css/bootswatch.css
+++ b/css/bootswatch.css
@@ -106,14 +106,6 @@ body {
  vertical-align: text-top;
 }
 
-.modal p {
-       margin-bottom: 1em;
-}
-
-.modal p:last-child {
-       margin-top: 2em;
-}
-
 /* Landscape phones and down */
 @media (max-width: 480px) {
 

diff --git a/img/refs/beautifulwebdesign.png b/img/refs/beautifulwebdesign.png
new file mode 100644 (file)
index 0000000..e6ec18d
Binary files /dev/null and b/img/refs/beautifulwebdesign.png differ

diff --git a/img/refs/eloquentjavascript.png b/img/refs/eloquentjavascript.png
new file mode 100644 (file)
index 0000000..c1c39c0
Binary files /dev/null and b/img/refs/eloquentjavascript.png differ

diff --git a/img/refs/rocketsurgery.png b/img/refs/rocketsurgery.png
new file mode 100644 (file)
index 0000000..7651968
Binary files /dev/null and b/img/refs/rocketsurgery.png differ

diff --git a/index.html b/index.html
index 66b2372..0ceffde 100644 (file)
--- a/index.html
+++ b/index.html
@@ -525,18 +525,10 @@
                <div class="modal hide fade" id="modal-custom">
                  <div class="modal-header">
                    <a class="close" data-dismiss="modal">×</a>
-                   <h3>Custom-Built Swatches</h3>
+                   <h3>Custom-Built Swatches and More</h3>
                  </div>
                  <div class="modal-body">
-                       <h4>Quick Swatch</h4>
-                   <p>Get a build of Bootstrap with <a target="_blank" href="https://github.com/twitter/bootstrap/blob/master/less/variables.less">variables.less</a> reskinned for you.</p>
-                       <h4>Full Swatch</h4>
-                   <p>Get a full theme that goes far beyond variables.less, based on your existing design.</p>
-                       <h4>Custom Swatch</h4>
-                   <p>Get a full theme designed and developed from the ground up.</p>
-                       <h4>Other Services</h4>
-                   <p>Get help with Bootstrap-ready markup, custom utility classes, and more!</p>
-                       <p>Send inquiries to <a href="mailto:thomas@thomaspark.me">thomas@thomaspark.me</a>.</p>
+                   <p>Get a  Bootstrap theme designed and developed from the ground up.<br>Send inquiries to <a href="mailto:thomas@thomaspark.me">thomas@thomaspark.me</a>.</p>
                  </div>
                  <div class="modal-footer">
                    <a href="#" class="btn" data-dismiss="modal">Close</a>
@@ -553,7 +545,7 @@
                                          <p>But if you find them useful, you can show your love by linking back to Bootswatch or buying one of these fantastic products.</p>
                                  </div>
 
-                           <li class="span3">
+<!--                       <li class="span3">
                              <div class="thumbnail">
                                <a onClick="_gaq.push(['_trackEvent', 'refs', 'mac', 'transmit']);" href="http://click.linksynergy.com/fs-bin/click?id=wyucSOE7tvo&subid=&offerid=146261.1&type=10&tmpid=3909&RD_PARM1=http%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Ftransmit%2Fid403388562%3Fmt%3D12" target="new"><img src="img/refs/transmit.png" alt=""></a>
                                <div class="caption">
@@ -597,6 +589,8 @@
                              </div>
                            </li>
 
+-->
+
                            <li class="span3">
                              <div class="thumbnail">
                                <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'htmlandcss']);" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1118008189" target="new"><img src="img/refs/htmlandcss.png" alt=""></a>
@@ -642,6 +636,37 @@
                            </li>
 
 
+                           <li class="span3">
+                             <div class="thumbnail">
+                               <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'eloquentjavascript']);" href="http://www.amazon.com/gp/product/1593272820/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1593272820" target="new"><img src="img/refs/eloquentjavascript.png" alt=""></a>
+                               <div class="caption">
+                                 <h3>Eloquent JavaScript</h3>
+                                 <p>Marijn Haverbeke</p>
+                                 <div class="btn-toolbar">
+                                               <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1593272820" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
+                                               <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'eloquentjavascript']);" href="http://www.amazon.com/gp/product/1593272820/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1593272820" target="new">Amazon <i class="icon-share-alt icon-white"></i></a></div>
+                                       </div>
+                               </div>
+                             </div>
+                           </li>
+
+
+                           <li class="span3">
+                             <div class="thumbnail">
+                               <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'beautifulwebdesign']);" href="http://www.amazon.com/gp/product/098057689X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=098057689X" target="new"><img src="img/refs/beautifulwebdesign.png" alt=""></a>
+                               <div class="caption">
+                                 <h3>Beautiful Web Design</h3>
+                                 <p>Jason Beaird</p>
+                                 <div class="btn-toolbar">
+                                               <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=098057689X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
+                                               <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'beautifulwebdesign']);" href="http://www.amazon.com/gp/product/098057689X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=098057689X" target="new">Amazon <i class="icon-share-alt icon-white"></i></a></div>
+                                       </div>
+                               </div>
+                             </div>
+                           </li>
+
+
+
                            <li class="span3">
                              <div class="thumbnail">
                                <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'dontmakemethink']);" href="http://www.amazon.com/gp/product/0321344758/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0321344758" target="new"><img src="img/refs/dontmakemethink.png" alt=""></a>
@@ -657,6 +682,20 @@
                            </li>
 
 
+                           <li class="span3">
+                             <div class="thumbnail">
+                               <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'rocketsurgery']);" href="http://www.amazon.com/gp/product/0321657292/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0321657292" target="new"><img src="img/refs/rocketsurgery.png" alt=""></a>
+                               <div class="caption">
+                                 <h3>Rocket Surgery Made Easy</h3>
+                                 <p>Steve Krug</p>
+                                 <div class="btn-toolbar">
+                                               <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=0321657292" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
+                                               <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'rocketsurgery']);" href="http://www.amazon.com/gp/product/0321657292/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0321657292" target="new">Amazon <i class="icon-share-alt icon-white"></i></a></div>
+                                       </div>
+                               </div>
+                             </div>
+                           </li>
+
                        </ul>
                  </div>
          </div> <!-- end row-->