Permalink
Browse files

added a friendly sales pitch into the book text

  • Loading branch information...
manuelkiessling committed Mar 23, 2012
1 parent 1a00438 commit 4bccf0a3f1596192b21356e6855f3d282b83e8a1
Showing with 144 additions and 2 deletions.
  1. +22 −0 buy-bundle/salespitch.html
  2. +50 −2 default.css
  3. +72 −0 index.html
  4. BIN manuelkiessling.png
View
@@ -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>
View
@@ -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%;
View
@@ -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">
View
Binary file not shown.

0 comments on commit 4bccf0a

Please sign in to comment.