@@ -25,11 +25,6 @@ &:[image|$[site.root]/img/pictures/distributed-programming-with-ruby.jpg]
 &:[drb|=>[http://ruby-doc.org/stdlib/libdoc/drb/rdoc/index.html|DRb]]
 &:[rinda|=>[http://ruby-doc.org/stdlib/libdoc/rinda/rdoc/index.html|Rinda]]
 &:[pickaxe|=>[http://www.pragprog.com/titles/ruby/programming-ruby|_Programming Ruby_]]
-rw:[pt|
-	section[@title[Part {{0}}: {{1}}]
-		txt[{{2}}]
-	]
-]
 --[--------------------------------------------------]
 $[document.intro]
 txt[

@@ -16,7 +16,7 @@ A year later, I am still very happy with nanoc, hence there's no need for another major release. Nonetheless, I decided to improve the site's overall design and image, making it (hopefully) easier to use and more pleasant to the eye.
 :extended_intro: |
   I always had a problem finding the right theme for my web site. I always wanted to find something related to the word _herald_, so in the last release I went for a herandry-oriented theme. For this release, I decided to go for a newspaper-style layout: after all, the word _herald_ is often used in newspaper titles, and I picked the name "h3rald" after the "International Herald Tribune":http://global.nytimes.com/?iht.
 
-  Also, I was desperate to try out the new features offered by HTML3 and CSS3, and a newspaper layout seemed a good excuse to use columns. 
+  Also, I was desperate to try out the new features offered by HTML5 and CSS3, and a newspaper layout seemed a good excuse to use columns. 
 -----
 $[document.intro]
 section[

@@ -5,9 +5,6 @@ :title: "Contact"
 -----
 You can contact me using the form below or by sending an email to <a href='&#109;&#97;&#105;&#108;&#116;&#111;&#58;&#104;&#51;&#114;&#97;&#108;&#100;&#64;&#104;&#51;&#114;&#97;&#108;&#100;&#46;&#99;&#111;&#109;'>&#104;&#51;&#114;&#97;&#108;&#100;&#64;&#104;&#51;&#114;&#97;&#108;&#100;&#46;&#99;&#111;&#109;</a>.
 
-<section class="center">
-	<script type="text/javascript" src="http://www.formstack.com/forms/js.php?1003418-bMy6M2wC0u-v2"></script>
-	<noscript><a href="http://www.formstack.com/forms/?1003418-bMy6M2wC0u" title="Contact">Contact</a></noscript>
-	<section style="font-size:x-small;"><a href="http://www.formstack.com/" title="Web Form Builder">Formstack - Web Form Builder</a></section>
+<section id="contact">
+<iframe src="http://visitorcontact.com/embed/9128" frameborder="0" scrolling="no" allowtransparency="true" style="border: 1px solid #CCC; height: 340px; width: 320px;"></iframe>
 </section>
-

@@ -20,6 +20,6 @@ $('.timeago').timeago();
 	// Hyphenate contents 
 	Hyphenator.run();
 	// TOC
-	$("#auto-toc ol").tableOfContents("#body-text", {startLevel: 1, depth: 6, topLinks: "↑"});
+	$("#auto-toc ol").tableOfContents("#body-text", {startLevel: 3, depth: 5, topLinks: "↑"});
 });
 

@@ -148,7 +148,8 @@ margin-top: 2.5em;
 	h1, h2, h3, h4, h5, h6 {
 		clear: both;
 		padding-top: 1.5em;
-		margin-bottom: 0.8em;
+		margin-bottom: 0.5em;
+		padding-bottom: 0.2em;
 		border-bottom: 1px solid $light-gray;  
 		width: 100%;
 	}
@@ -192,6 +193,10 @@ /* Lists */
 
 #body-text ul, ol {
 	margin-left: 2em;
+}
+
+#body-text li {
+	margin-left: 1em;
 }
 
 ol.toc, ol.toc ol {
@@ -210,6 +215,8 @@ }
 }
 
 
+
+
 /* Tables */
 
 #body-text table {
@@ -273,7 +280,9 @@ border: 1px solid $light-gray;
 }
 
 .toc-top-link {
-	font-weight: normal;
+	font-weight: bold;
+	vertical-align: text-top;
+	font-size: 80%;
 }
 
 /* Legacy Comments */

@@ -126,6 +126,10 @@ margin: 20px auto;
 	text-align: center;
 }
 
+#contact {
+	margin: auto;
+	text-align: center;
+}
 
 
 /* Main */

@@ -1,4 +1,6 @@ 
+--[-------------------- Snippets ------------------------]
 &:[G|Glyph]
+--[-------------------- Macros --------------------------]
 rw:[h3rald.article|
 	article[
 		@pubdate[$[document.date]]
@@ -29,3 +31,14 @@ ]
 		{{content}}
 	]
 ]
+rw:[pt|
+	section[@title[Part {{0}}: {{1}}]
+		txt[{{2}}]
+	]
+]
+rw:[quote|
+	blockquote[
+		{{0}}
+	]
+	?[{{1}}|p[@style[margin-left: 4em]– {{1}}, cite[{{2}}]]]
+]