From 27f3ad307088d1cec666f33b3fe050330f0a58af Mon Sep 17 00:00:00 2001
From: Thomas Park <thomas@thomaspark.me>
Date: Wed, 15 May 2013 16:31:03 -0400
Subject: add amazon recommendations

---
 css/bootswatch.css               |   2 +-
 img/refs/beautifulwebdesign.png  | Bin 0 -> 66458 bytes
 img/refs/htmlandcss.png          | Bin 0 -> 49962 bytes
 img/refs/javascriptandjquery.png | Bin 0 -> 71053 bytes
 index.html                       |  58 +++++++++++++++++++++++++++++++++++++--
 5 files changed, 57 insertions(+), 3 deletions(-)
 create mode 100644 img/refs/beautifulwebdesign.png
 create mode 100644 img/refs/htmlandcss.png
 create mode 100644 img/refs/javascriptandjquery.png

diff --git a/css/bootswatch.css b/css/bootswatch.css
index 6a52381d..b0b8b40b 100644
--- a/css/bootswatch.css
+++ b/css/bootswatch.css
@@ -113,7 +113,7 @@ section {
 	text-align: right;
 }
 
-#more {
+.more {
 	margin-top: 40px;
 	margin-bottom: 20px;
 	text-align: center;
diff --git a/img/refs/beautifulwebdesign.png b/img/refs/beautifulwebdesign.png
new file mode 100644
index 00000000..e6ec18d4
Binary files /dev/null and b/img/refs/beautifulwebdesign.png differ
diff --git a/img/refs/htmlandcss.png b/img/refs/htmlandcss.png
new file mode 100644
index 00000000..02c77d7d
Binary files /dev/null and b/img/refs/htmlandcss.png differ
diff --git a/img/refs/javascriptandjquery.png b/img/refs/javascriptandjquery.png
new file mode 100644
index 00000000..60d7ef67
Binary files /dev/null and b/img/refs/javascriptandjquery.png differ
diff --git a/index.html b/index.html
index cf8dfe19..b8148638 100644
--- a/index.html
+++ b/index.html
@@ -467,9 +467,9 @@
 
 		<hr>
 
-		<div class="row" id="more">
+		<div class="row more">
 			<div class="span12">
-				<h4>Still searching?</h4>
+				<h4>Want more?</h4>
 				<p>Check out my personal faves from the paid templates at <a target="_blank" href="https://wrapbootstrap.com/?ref=bsw" title="Marketplace for premium Bootstrap templates" onclick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap']);">WrapBootstrap</a>.</p> 
 			</div>
 		</div>
@@ -531,6 +531,60 @@
 
 		</div>
 
+
+		<div class="row more">
+			<div class="span12">
+				<h4>Still looking?</h4>
+				<p>Learn to code your own themes with these books from <a target="_blank" href="http://www.amazon.com/?tag=bootswatch-20">Amazon</a>.</p>
+			</div>
+		</div>
+
+		<div class="row">
+
+			<div class="span4">
+				<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="HTML and CSS: Design and Build Websites, by Jon Duckett"></a>
+					<div class="caption">
+						<h3>HTML &amp; CSS</h3>
+						<p>Jon Duckett</p>
+						<div class="btn-toolbar">
+							<img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1118008189" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important; height: 1px;" />
+							<div class="btn-group"><a class="btn btn-large btn-info" 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">Amazon</a></div>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<div class="span4">
+				<div class="thumbnail">
+					<a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'javascriptandjquery']);" href="http://www.amazon.com/gp/product/1449399029/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1449399029" target="new"><img src="img/refs/javascriptandjquery.png" alt="JavaScript and jQuery: The Missing Manual, by David Sawyer McFarland"></a>
+					<div class="caption">
+						<h3>JavaScript &amp; jQuery</h3>
+						<p>David Sawyer McFarland</p>
+						<div class="btn-toolbar">
+							<img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1449399029" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important; height: 1px;" />
+							<div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'javascriptandjquery']);" href="http://www.amazon.com/gp/product/1449399029/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1449399029" target="new">Amazon</a></div>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<div class="span4">
+				<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="The Principles of Beautiful Web Design, by Jason Beaird"></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; height: 1px;" />
+							<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</a></div>
+						</div>
+					</div>
+				</div>
+			</div>
+
+		</div>
+
 		<hr>
 
 		<footer id="footer">
-- 
cgit v1.2.3