added a friendly sales pitch into the book text

markhern · Mar 23, 2012 · 4bccf0a · 4bccf0a
1 parent 1a00438
commit 4bccf0a
Show file tree

Hide file tree

Showing 4 changed files with 144 additions and 2 deletions.
diff --git a/buy-bundle/salespitch.html b/buy-bundle/salespitch.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+	<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<meta http-equiv="Refresh" content="1; url=http://leanbundle.com/bundles/node" />
+		<script type="text/javascript">
+			var _gaq = _gaq || [];
+			_gaq.push(['_setAccount', 'UA-2127388-6']);
+			_gaq.push(['_trackPageview']);
+
+			(function() {
+				var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+				ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+				var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+			})();
+		</script>
+	</head>
+	<body>
+		You are being redirected to <a href="http://leanbundle.com/bundles/node">the Node.js Bundle page</a>...
+	</body>
+</html>
diff --git a/default.css b/default.css
@@ -213,7 +213,7 @@ body {
     color: #bbb;
 }
 
-.buy-the-bundle .button {
+.buy-the-bundle .button, #salespitch .button {
     padding: 8px;
     margin-top: 26px;
     margin-left: auto;
@@ -226,9 +226,11 @@ body {
     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);
+    text-align: center;
+    font-family: "Helvetica Neue", sans-serif;
 }
 
-.buy-the-bundle .buttonlink {
+.buttonlink {
     text-decoration: none;
     font-weight: bold;
     font-size: 15px;
@@ -348,6 +350,52 @@ h2, h3, h4, h5 {
     margin-bottom: 36px;
 }
 
+#salespitch {
+	font-family: "Helvetica Neue", sans-serif;
+}
+
+#authorimage {
+	border: 1px solid #999;
+	border-radius: 4px;
+	padding: 8px;
+	background-color: #ffe;
+}
+
+#salespitch .box {
+	text-align: center;
+	width: 200px;
+	background-color: #eee;
+	border-radius: 16px;
+	padding: 32px;
+	margin: 0 auto;
+}
+
+#salespitch .box .subinfo {
+	font-size: 10pt;
+	color: #777;
+}
+
+#bubble {
+	float: right;
+	width: 500px;
+	border: 1px solid #999;
+	border-radius: 16px;
+	padding: 32px;
+	background-color: #ffe;
+	margin-bottom: 60px;
+}
+
+#salespitch .orbox {
+	width: 200px;
+	margin: 0 auto;
+	text-align: center;
+	padding: 24px;
+}
+
+#hiddenhalf {
+  opacity: 0.075;
+}
+
 #book p {
     text-align: justify;
     font-size: 110%;

diff --git a/index.html b/index.html
@@ -1508,13 +1508,84 @@ <h3>Routing to real request handlers</h3>
             more complex.
         </p>
 
+        <a name="continuereading"></a>
         <p>
             Let's call these functions, where requests are routed to,
             <em>request handlers</em>. And let's tackle those next, because
             unless we have these in place there isn't much sense in doing
             anything with the router for now.
         </p>
 
+        <div id="salespitch">
+          <img id="authorimage" src="manuelkiessling.png" width="48" height="48"/>
+          <div id="bubble">
+            <p>
+              Hi there! Sorry to interrupt you.
+            </p>
+            <p>
+              My name is Manuel Kiessling, I'm the author of this book.
+            </p>
+            <p>
+              If you have read that far, I guess I may assume that you like
+              the book. I'm pretty sure you also like the fact that it's free,
+              which is totally fine, and you can continue reading it for free,
+              which also is totally fine.
+            </p>
+            <p>
+              However, I would like you to consider buying the eBook version
+              of the book. It's a beautifully crafted package including a PDF,
+              an ePub, and a MOBI file, which means you can read it on all
+              kinds of eReaders out there like the Amazon Kindle, the Nook, or
+              the Sony Reader.
+            </p>
+            <p>
+              But the best thing about it is that it comes bundled with another
+              great Node.js book: <em>"Hands-on Node.js"</em> by Pedro Teixeira. It's a
+              complete reference that explains all the Node.js modules in great
+              detail - it's perfect to dig deeper once you finished <em>The Node
+              Beginner Book</em>.
+            </p>
+            <p>
+              Both books together would cost a total of $10.98, but we are offering
+              it as a bundle for only <strong>$7.99</strong>.
+              You can download it immediately, it's
+              completely DRM-free, and you will receive any future updates for
+              both books for free.
+            </p>
+            <p>
+              So, here are the two choices you have right now:
+            </p>
+            <div class="box">
+              <a href="buy-bundle/salespitch.html"><img src="the_node_beginner_book_cover_small.png" height="86" width="57" /></a>
+              <a href="buy-bundle/salespitch.html"><img src="hands-on_node.js_cover.png" height="86" width="57" /></a>
+              <br/>
+              <div class="subinfo">
+                226 pages in total<br/>
+                DRM-free<br/>
+                Free updates
+              </div>
+              <a class="buttonlink" href="buy-bundle/salespitch.html">
+                <div class="button">Buy this<br />bundle now</div>
+              </a>
+            </div>
+            <div class="orbox">
+              <strong>OR</strong>
+            </div>
+            <div class="box">
+              <script type="text/javascript">
+              var showHiddenHalf = function() {
+                document.getElementById('hiddenhalf').style.opacity = '1.0';
+                document.getElementById('salespitch').style.display = 'none';
+                return false;
+              };
+              </script>
+              <a href="#continuereading" onclick="showHiddenHalf();">Continue reading<br/>the free version</a>
+            </div>
+          </div>
+          <br clear="all"/>
+        </div>
+
+        <div id="hiddenhalf">
         <p>
             New application part, new module - no surprise here. Let's
             create a module called requestHandlers, add a placeholder
@@ -3555,6 +3626,7 @@ <h2>Conclusion and outlook</h2>
             are probably the best starting points for more information.
         </p>
         </div>
+        </div>
 
         <div class="buybox">
             <div class="buy-the-bundle">

diff --git a/manuelkiessling.png b/manuelkiessling.png