@@ -11,8 +11,6 @@ Looking for a peaceful and relaxing holiday in the Italian Riviera? I'm renting part of my family country home in the center of the old village of "Sessarego":http://italia.indettaglio.it/eng/liguria/genova_bogliasco_sessarego.html, on a peaceful hill a few minutes away from Bogliasco, a small coastal town on the _Golfo Paradiso_. The center of Genoa can be reached by car, bus or train in about 30 minutes and a lot of tourist locations like Camogli, Rapallo, Santa Margherita and Portofino are just a few train stops away.
 
 The house was build in the XVIII century, and it has been renovated in 1929 and more recently in 2006, and it now features brand new wooden windows, doors and internal stairway as well as all the most common household appliances and services.
 
-<hr class="spacer-100">
-
 h3. Photos
 
 	<div id="gallery">

@@ -3,16 +3,11 @@ permalink: projects
 title: Projects
 type: page
 -----
-!>/images/theme/heraldry/dragon.png!
-
-<span class="dropcap">T</span>his page lists all my _projects_. Except for a few cases, they normally are:
+This page lists all my _projects_. Except for a few cases, they normally are:
 * open source
 * programming-related
 * developed using the "Ruby programming language":http://www.ruby-lang.org
 * hosted on "GitHub":http://www.github.com/h3rald
-
-<div class="spacer-50"></div>
-<div class="spacer-50"></div>
 
 - "H3RALD Web Site":/h3rald/ := This very web site, in its 8th incarnation. H3RALD.com has been operative since 2004 and through the years its backend changed from being pure vanilla HTML, to server-side PHP (Prado and CakePHP) to Ruby (Rails, Nanoc).
 - "Glyph":/glyph/ := A _Rapid Document Authoring Framework_ written in Ruby that can be used to create and manage books and articles.

@@ -23,8 +23,6 @@ * Word completion
 * History Management
 * Custom key/key sequences bindings
 
-<br style="clear:both" />
-
 h3. Installation
 
 The simplest method to install RawLine is to install the gem:

@@ -171,10 +171,6 @@ article p {
 	margin: 0.6em 0;
 }
 
-#body-text ul, ol {
-	margin-left: 2em;
-}
-
 article.feature {
 	border: 1px solid $light-gray;
 	padding: 10px;	
@@ -192,6 +188,44 @@ margin-bottom:10px;
 	}
 }
 
+/* Lists */
+
+#body-text ul, ol {
+	margin-left: 2em;
+}
+
+dl {
+	margin: 2em 0;
+	dt {
+		margin: 1em 0 0.3em 0; 
+		font-size: 120%;
+	}
+	dd {
+		margin-left: 2em;
+	}
+}
+
+
+/* Tables */
+
+#body-text table {
+	border-collapse: collapse;
+	@include border-radius(5px);
+	th {
+		font-size: 110%;
+		text-align: center;
+		font-weight: bold;
+		background: #fafafa;
+	}
+	tr, th, td {
+		border: 1px solid $light-gray;
+	}
+	td {
+		padding: 5px;
+	}
+
+}
+
 /* TOC */
 
 #auto-toc {
@@ -231,9 +265,7 @@ line-height: normal;
   height: auto;
 	font-weight: bold;
   border: 1px solid rgba(0,0,0,.08);
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
-  border-radius: 3px;
+	@include border-radius(3px);
 }
 .lc-body {
 	margin: 0 10px;

@@ -18,9 +18,9 @@ transition: $property 0.25s ease-in;
 }
 
 @mixin border-radius($size) {
-	border-radius: $size;
-	-moz-border-radius: $size;
 	-webkit-border-radius: $size;
+	-moz-border-radius: $size;
+	border-radius: $size;
 }
 
 @mixin hover-image($width, $height) {

@@ -1,9 +0,0 @@ 
------
-filter: erb
------
-<div class="article-item"> 
-	<h4><a href="/articles/<%= @article.attributes[:permalink]%>/"><%= @article.attributes[:title]%></a></h4><% unless (@article.attributes[:tags].empty?) then %>
-		<%= render 'article_meta', :article => @article %>
-	<% end %><%	if (@article.attributes[:summary] && !@no_summary) then %><div class="article-summary"><%= @article.attributes[:summary] %>
-	</div><% end %>
-</div>

@@ -35,7 +35,7 @@ keywords = min_keywords+default
 		end
 		%>
 		<meta name="keywords" content="<%= keywords %>" />
-		<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+		<link rel="shortcut icon" href="/favicon.png" type="image/png" /> 
 		<meta content="44.388041;9.073248" name="ICBM" />
 
 
@@ -118,6 +118,13 @@ var s = document.createElement('script'); s.async = true;
   s.src = 'http://disqus.com/forums/h3rald/count.js';
   (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
 }());
+			</script>
+		<% end %>
+		<% if @item[:github] then %>
+			<script type="text/javascript">
+					$(document).ready(function() {
+							display_commits(5, '<%= @item[:github] %>');
+							});
 			</script>
 		<% end %>
 	</body>

@@ -1,187 +0,0 @@ 
------
-filter: erb
------
-<?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
-	<head>
-		<title><%= @item[:title] %> - H3RALD</title>
-		<% if @item[:feed_url] then %>
-			<link rel="alternate" type="application/rss+xml" title="H3RALD - <%= @item[:feed_title]%>" href="<%= @item[:feed_url]%>" />
-		<% else %>
-			<% if @item[:feed] then %>
-				<link rel="alternate" type="application/rss+xml" title="H3RALD - <%= @item[:feed_title]%>" href="<%= @item[:feed]%>rss/" />
-				<link rel="alternate" type="application/atom+xml" title="H3RALD - <%= @item[:feed_title]%>" href="<%= @item[:feed]%>atom/" />
-			<% end %>
-		<% end %>
-		<meta name="author" content="Fabio Cevasco" />
-		<meta name="copyright" content="Fabio Cevasco" />
-		<meta name="robots" content="all, follow" />
-		<meta name="Revisit-After" content="2 Days" />
-		<meta name="language" content="en" />
-		<meta name="target_country" content="en-us" />
-		<meta name="country" content="United States" />
-		<meta name="description" content="H3RALD - Fabio Cevasco's Web Site" />
-		<% 	
-			min_keywords = "h3rald, fabio cevasco, "
-			default = "ruby, rails technical writing, reviews, software, browsers, articles, traveling, books, genova"
-			case @item[:type] 
-			when 'article' then
-				keywords = min_keywords+@item[:tags].join(', ')
-			when 'project' then
-				keywords = @item[:permalink] == 'h3rald' ? "fabio cevasco, "+@item[:permalink] : min_keywords+@item[:permalink]
-			else
-				keywords = min_keywords+default
-			end
-		%>
-		<meta name="keywords" content="<%= keywords %>" />
-		<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
-		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
-		<meta content="44.388041;9.073248" name="ICBM" />
-
-		<link href="/css/main.css" media="all" rel="stylesheet" type="text/css" />
-
-	</head>
-	<body>
-		<div id="wrapper">
-			<a href="http://github.com/h3rald/h3rald"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /></a>
-			<div id="header">
-				<!--[if lte IE 6]>
-				<div id="ie-warning">
-					This site is not compatible with Internet Explorer 6 or lower. You should consider using a more modern browser for a better &ndash; and <em>safer</em> &ndash; web experience. [<a href="http://browsehappy.com/browsers/">Read More...</a>]
-				</div>
-				<![endif]-->
-				<!-- HEADER START -->
-				<div id="header-container">
-					<div id="header-left">
-						<h1><span class="logo"></span><a id="logo" href="/" title="H3RALD"></a></h1>
-					</div>
-					<div id="header-right">
-						<ul id="navigation">
-							<% ['archives', 'projects', 'about', 'other'].each do |l| %>
-								<li><span class="preload nav-<%= l%>"></span><a id="nav-<%= l%>" href="/<%= l %>/" title="<%= l.upcase %>"></a></li>
-							<% end %>
-						</ul>
-					</div>
-				</div>
-			</div>
-			<!-- HEADER END -->
-			<div class="ribbon">
-			</div>
-			<!-- MAIN START -->
-			<div id="main">
-				<!-- CONTAINER START -->
-				<div id="container">
-					<!-- CONTENT START -->
-					<div id="content" class="clearfix<%= (@item[:permalink] == 'home') ? ' home' : ' standard' %>">
-<div id="page-links">
-					<span><script type="text/javascript" src="http://w.sharethis.com/button/sharethis.js#publisher=6e34d60c-b14e-4c19-9b2f-7c35a9f0ab09&amp;type=website&amp;linkfg=%23a4282d"></script></span>
-					<% if @item[:feed] then %>
-						<span><a href="<%= @item[:feed_url] || @item[:feed]+"rss/" %>" type="application/rss+xml" rel="alternate"><img src="/images/theme/feed.png" alt="#"/>RSS Feed</a></span>
-					<% end %>
-					<% if @item[:pdf] then %>
-						<span><a href="<%= @item.identifier.chop %>.pdf" ><img src="/images/theme/pdf.png" alt="#"/>Download PDF</a></span>
-					<% end %>
-					<span><a href="http://github.com/h3rald/h3rald/raw/master/<%= @item[:file].path %>?iframe" class="fancybox"><img src="/images/theme/source.png" alt="#"/>View Source</a></span>
-				</div>
-
-						<h2><%= @item[:title] %></h2>
-						<% 	case @item[:type]
-								when 'article' then%>
-								<div id="content-header">
-									<%= render 'article_meta', :article => @item %>
-								</div>
-							<% end %>
-							<hr />
-							<div id="content-body">
-								<% if @item[:toc] then %>
-									<div id="toc">
-										<span id="toctitle">Table of Contents</span>
-										<ol></ol>
-									</div>
-								<% end %>
-								<%= yield %>
-							</div>
-							<div id="content-footer">
-								<div class="share">
-									<script type="text/javascript"><!--
-google_ad_client = "pub-2871497824158668";
-/* 728x90, h3rald 8.0 */
-google_ad_slot = "0081634732";
-google_ad_width = 728;
-google_ad_height = 90;
-//-->
-									</script>
-									<script type="text/javascript"
-src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
-									</script>
-								</div>
-								<%= render 'article_buttons' if @item[:type] == 'article' %>
-							</div>
-						</div>
-						<!-- CONTENT END -->
-					</div>
-					<!-- CONTAINER END -->
-				</div>
-				<div class="ribbon"></div>
-				<!-- MAIN END -->
-				<div id="border-bottom">
-					<% if @item[:type] == 'article' then %>
-						<%= render 'comments' %>
-					<% else %>
-						<%= render 'services' %>
-					<% end %>
-				</div>
-				<div class="clearfooter"></div>
-			</div> <!-- WRAPPER END -->
-			<div id="footer">
-				<div id="footer-container">
-					<div class="footer-div">
-						H3RALD Web Site v8.0.0 <em>"xStatic"</em> &mdash; &copy; 2004-<%= Time.new.strftime("%Y") %> <strong>Fabio Cevasco</strong> &mdash; <a class="link" href="http://creativecommons.org/licenses/by-nc-nd/3.0/us/">Some rights reserved</a> | <a href="http://validator.w3.org/check?uri=referer" class="link">XHTML 1.1</a> | <a href="http://jigsaw.w3.org/css-validator/validator?uri=<%= url_for @item %>" class="link">CSS 2.1</a>
-					</div>
-				</div> <!-- END FOOTER CONTAINER-->
-			</div> <!-- END FOOTER -->
-			<script src='http://www.google-analytics.com/ga.js' type='text/javascript'></script>	
-				<!-- Start of StatCounter Code -->
-				<script type="text/javascript">
-					var sc_project=6193656; 
-					var sc_invisible=1; 
-					var sc_security="57f7ee2a"; 
-				</script>
-				<script type="text/javascript" src="http://www.statcounter.com/counter/counter_xhtml.js"></script>
-				<!-- End of StatCounter Code -->
-				<script src="http://www.google.com/jsapi?key=ABQIAAAA6h3j8Jri5D_da53UPbEbThRlq2n1sm52B5HDRR5tm6o8XM18FhTKn3v155RpPeD0kWnWG81QEhhifQ" type="text/javascript"></script>
-				<% if @site.config[:dev] = true then %>
-					<script src="/js/jquery.js" type="text/javascript"></script>
-					<script src="/js/jquery-timeago.js" type="text/javascript"></script>
-					<script src="/js/jquery-easing.js" type="text/javascript"></script>
-					<script src="/js/jquery-fancybox.js" type="text/javascript"></script>
-					<script src="/js/jquery-toc.js" type="text/javascript"></script>
-					<script src="/js/date.js" type="text/javascript"></script>
-					<script src="/js/feeds.js" type="text/javascript"></script>
-					<script src="/js/search.js" type="text/javascript"></script>
-					<script src="/js/init.js" type="text/javascript"></script>
-				<% else %>
-					<script src="/js/compressed.js" type="text/javascript"></script>
-				<% end %>
-				<% if @item[:type] != 'article' then %>
-					<script type="text/javascript">
-						$(document).ready(function() {
-								display_opinions(7);
-								display_tweets(7);
-								display_bookmarks(7);
-								});
-</script>
-			<% end %>
-			<% if @item[:type] == 'article' then %>
-				<script src="http://badges.del.icio.us/feeds/json/url/data?url=<%= url_for @item %>&amp;callback=delicious_counter"></script>
-			<% end %>
-			<% if @item[:github] then %>
-				<script type="text/javascript">
-					$(document).ready(function() {
-							display_commits(5, '<%= @item[:github] %>');
-							});
-</script>
-			<% end %>
-		</body>
-	</html>

@@ -1,5 +1,9 @@ 
 -----
 filter: erb
 -----
-<div class="project-data right-column" >Project Status: <strong><%= @item.attributes[:status] %></strong><div class="project-version">Version: <strong><%= @item.attributes[:version]%></strong></div><div class="project-links">Links: <%= @item.attributes[:links].map{ |l| res=nil; l.each_pair{ |label, value| res = %{<a href="#{value}">#{label}</a>}}; res }.join(" &middot; ")  %></div><div id="github">Recent Activity:</div>	
+<div class="project-data right-column" >Project Status: <strong><%= @item.attributes[:status] %></strong><div class="project-version">Version: <strong><%= @item.attributes[:version]%></strong></div>
+	<div class="project-links">
+		Links: <%= @item.attributes[:links].map{ |l| res=nil; l.each_pair{ |label, value| res = %{<a href="#{value}">#{label}</a>}}; res }.join(" &middot; ")  %>
+	</div>
+	<div id="github">Recent Activity:</div>	
 </div>