Add navigation to the bottom of all pages

coffeescript/01_introduction.html

@@ -75,6 +75,9 @@ <h2>Initial setup</h2>
 
 <p>If all this compilation seems like a bit of an inconvenience and bother, that's because it is. We'll be getting onto ways to solve this by automatically compiling CoffeeScript files, but first lets take a look at the language's syntax.</p>
 
+  <div class="previous_chapter"><a href="index.html">&laquo; Back to all chapters</a></div>
+  <div class="next_chapter"><a href="02_syntax.html">02. CoffeeScript Syntax &raquo;</a></div>
+
   </div>
 </div>
 </body>

coffeescript/02_syntax.html

@@ -411,6 +411,9 @@ <h2>Aliases &amp; the Existential Operator</h2>
 <pre><code>blackKnight.getLegs().kick?()
 </code></pre>
 
+  <div class="previous_chapter"><a href="01_introduction.html">&laquo; 01. Introduction</a></div>
+  <div class="next_chapter"><a href="03_classes.html">03. Classes &raquo;</a></div>
+
   </div>
 </div>
 </body>

coffeescript/03_classes.html

@@ -247,6 +247,9 @@ <h2>Extending classes</h2>
 
 <p>Super simple and elegant!</p>
 
+  <div class="previous_chapter"><a href="02_syntax.html">&laquo; 02. CoffeeScript Syntax</a></div>
+  <div class="next_chapter"><a href="04_idioms.html">04. Common CoffeeScript idioms &raquo;</a></div>
+
   </div>
 </div>
 </body>

coffeescript/04_idioms.html

@@ -280,6 +280,9 @@ <h2>Private variables</h2>
 
 <p>In other words, <code>classToType</code> is completely private, and can never again be referenced outside the executing anonymous function. This pattern is a great way of encapsulating scope and hiding variables.</p>
 
+  <div class="previous_chapter"><a href="03_classes.html">&laquo; 03. Classes</a></div>
+  <div class="next_chapter"><a href="05_compiling.html">05. Automating CoffeeScript compilation &raquo;</a></div>
+
   </div>
 </div>
 </body>

coffeescript/05_compiling.html

@@ -127,6 +127,9 @@ <h2>Server side support</h2>
 
 <p>Both Ruby and Python pipe out to Node and the CoffeeScript lib behind the scenes when compiling CoffeeScript, so you'll need to have those installed during development. If you're using Node directly as a backend for your site, CoffeeScript integration is even simpler and you can use it for both the backend and frontend code. We're going to talk more about this in the next chapter, using <a href="https://github.com/sstephenson/stitch">Stitch</a> to serve all our client-side CoffeeScript.</p>
 
+  <div class="previous_chapter"><a href="04_idioms.html">&laquo; 04. Common CoffeeScript idioms</a></div>
+  <div class="next_chapter"><a href="06_applications.html">06. Creating Applications &raquo;</a></div>
+
   </div>
 </div>
 </body>

coffeescript/06_applications.html

@@ -291,6 +291,9 @@ <h2>Additional libraries</h2>
 
 <p>You can find a full list of CoffeeScript web framework plugins, on the <a href="https://github.com/jashkenas/coffee-script/wiki/Web-framework-plugins">project's wiki</a>.</p>
 
+  <div class="previous_chapter"><a href="05_compiling.html">&laquo; 05. Automating CoffeeScript compilation</a></div>
+  <div class="next_chapter"><a href="07_the_bad_parts.html">07. The Bad Parts &raquo;</a></div>
+
   </div>
 </div>
 </body>

coffeescript/07_the_bad_parts.html

@@ -380,7 +380,7 @@ <h2>Using delete</h2>
 
 <pre><code>aVar = 1
 delete aVar
-typeof Var # "integer"
+typeof aVar # "integer"
 </code></pre>
 
 <p>It's rather peculiar behavior, but there you have it. If you want to remove a reference to a variable, just assign it to <code>null</code> instead.</p>
@@ -503,6 +503,9 @@ <h2>JavaScript Lint</h2>
   index.coffee: 0 error(s), 0 warning(s)
 </code></pre>
 
+  <div class="previous_chapter"><a href="06_applications.html">&laquo; 06. Creating Applications</a></div>
+  <div class="next_chapter"><a href="index.html">The end. To all chapters &raquo;</a></div>
+
   </div>
 </div>
 </body>

coffeescript/site/site.css

@@ -96,6 +96,16 @@ header h1 a {
   margin: 10px 5px 0 0;
 }
 
+.previous_chapter {
+  float: left;
+  margin: 10px 5px 0 0;
+}
+
+.next_chapter {
+  float: right;
+  margin: 10px 5px 0 0;  
+}
+
 #content .wrap {
   width: 625px;
   position: relative;