first version of bundle sales box

index.html

@@ -99,7 +99,7 @@
 			}
 
 			#buy-the-ebook .cover {
-				width: 60px;
+				width: 131px;
 				display: table-cell;
 				padding-right: 0px;
 				padding-left: 16px;
@@ -115,15 +115,16 @@
 			}
 
 			#buy-the-ebook .description {
-				width: 420px;
+				width: 349px;
 				display: table-cell;
-				padding-right: 32px;
+				padding-right: 16px;
+				padding-left: 16px;
 				vertical-align: middle;
 				text-align: center;
 			}
 
-			#buy-the-ebook .description strong {
-
+			#buy-the-ebook strong.price {
+				font-size: 18pt;
 			}
 
 			#buy-the-ebook .buy {
@@ -135,9 +136,9 @@
 				padding: 8px;
 				width: 140px;
 				border: 1px solid #444;
-				border-radius: 3px;
-				background-image: -moz-linear-gradient(top, #f2ab2b, #e17b19);
-				background-image: -webkit-gradient(linear, center top, center bottom, from(#f2ab2b), to(#e17b19));
+				border-radius: 6px;
+				background-image: -moz-linear-gradient(top, #14d014, #029302);
+				background-image: -webkit-gradient(linear, center top, center bottom, from(#14d014), to(#029302));
 				box-shadow: 0 1px 2px rgba(0,0,0,0.4), inset -1px 1px 0 rgba(255,255,255,0.4);
 				-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4), inset -1px 1px 0 rgba(255,255,255,0.4);
 				-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4), inset -1px 1px 0 rgba(255,255,255,0.4);
@@ -146,8 +147,9 @@
 			.buttonlink {
 				text-decoration: none;
 				font-weight: bold;
-				font-size: 13px;
-				color: #000;
+				font-size: 15px;
+				color: #fff;
+				text-shadow: 0.1em 0.1em #666;
 			}
 
 			#donate p {
@@ -378,25 +380,32 @@
 
 		<div id="buy-the-ebook">
 			<div class="cover">
-				<a href="/buy/"><img src="the_node_beginner_book_cover.png" height="86" width="57" /></a>
+				<a href="/buy-bundle/"><img src="the_node_beginner_book_cover.png" height="86" width="57" /></a>
+				<a href="/buy-bundle/"><img src="hands-on_node.js_cover.png" height="86" width="57" /></a>
 			</div>
 			<div class="description">
 				<p>
-					You can now buy the <strong>PDF</strong>, <strong>ePub</strong> and <strong>MOBI</strong>
-					version
+					LeanBundle currently offers
+					the final version of
+					<br />
+					<strong>The Node Beginner Book</strong>
+					<br />
+					plus Pedro Teixeira's excellent
+					<br />
+					<strong>Hands-on Node.js</strong> for only
 					<br />
-					of The Node Beginner Book at Leanpub.
 					<br />
+					<strong class="price">$7.99</strong>
 					<br />
-					It's 59 pages for only <strong>$4.99</strong>.
+					(regular price <del>$10.98</del>)
 				</p>
 				<p>
-					You will receive any future updates to the book for free.
+					You will receive any future updates to both books <u>for free</u>.
 				</p>
 			</div>
 			<div class="buy">
-				<a class="buttonlink" href="/buy/">
-					<div class="button">Buy the eBook now</div>
+				<a class="buttonlink" href="/buy-bundle/">
+					<div class="button">Buy this<br />bundle now</div>
 				</a>
 			</div>
 		</div>