@@ -3,11 +3,9 @@ permalink: about
 title: About
 type: page
 -----
-H3RALD.com was created in 2004 by Fabio Cevasco, a technical writer, programmer and IT enthusiast. It features over a hundred "articles":/archives/ covering a wide range of topics, from programming to writing, productivity and traveling.
+H3RALD.com was created in 2004 by Fabio Cevasco, a system architect, technical writer, programmer and IT enthusiast. It features over a hundred "articles":/archives/ covering a wide range of topics, from programming to writing, productivity and traveling.
 
 As of version 8, H3RALD.com is a completely static web site, except for a few AJAX calls. All the files are generated automatically thanks to the "nanoc":http://nanoc.stoneship.org/ publishing system, an ingenious creation of "Denis Defreyne":http://www.stoneship.org/. Nanoc can be used to easily create static web sites using Ruby, as explained in "this article":http://www.h3rald.com/articles/take-back-your-site-with-nanoc/.
-
-h3. Requirements
 
 The following ruby libraries (gems) are used to compile this web site:
 
@@ -19,7 +17,3 @@ * "Sass":http://sass-lang.com/, for the SASS filter
 * "RedCloth":http://rubygems.org/gems/redcloth/, for Textile support
 * "RedCarpet":http://rubygems.org/gems/redcarpet, for Markdown support
 * "Glyph":http://rubygems.org/gems/glyph, for Glyph support
-
-Additionally, the following gems were necessary to migrate from the previous version of this web site, powered by "Typo":http://blog.typosphere.org:
-* "MySQL":http://rubyforge.org/projects/mysql/
-* "Sequel":http://rubyforge.org/projects/sequel/

@@ -0,0 +1,3 @@ 
+$navbar-bkg: #2b3033;
+$navbar-link-hover: #456a7f;
+$navbar-link: #acc0cc;

@@ -1,3 +1,4 @@ 
+
 @media (min-width: 768px) {
   body {
     padding-top: 80px;
@@ -28,17 +29,8 @@ height: 100%;
 }
 
 a, a:link, a:visited, a:active {
-  -webkit-transition-property: color, border-bottom-color;
-  -moz-transition-property: color, border-bottom-color;
-  -o-transition-property: color, border-bottom-color;
   transition-property: color, border-bottom-color;
-  -webkit-transition-duration: 1s; 
-  -moz-transition-duration: 1s; 
-  -o-transition-duration: 1s; 
-  transition-duration: 1s; 
-  -webkit-transition-timing-function: ease-out; 
-  -moz-transition-timing-function: ease-out; 
-  -o-transition-timing-function: ease-out; 
+  transition-duration: 500ms; 
   transition-timing-function: ease-out; 
 } 
 
@@ -75,21 +67,21 @@ }
 
 footer, .navbar {
   color: #fff;
-  background: #2b3033;
+  background: $navbar-bkg;
   a, a:link, a:visited, a:active {
     margin: inherit 1px;
-    color: #dbe7ee;
+    color: $navbar-link;
   }
   .nav a {
-    border-bottom: 2px solid #2b3033;
+    border-bottom: 2px solid $navbar-bkg;
     padding-bottom: 5px;
   }
   .nav li.active a {
-    border-bottom: 2px solid #dbe7ee;
+    border-bottom: 2px solid $navbar-link;
     padding-bottom: 5px;
   }
   .nav a:hover {
-    background: #2b3033;
+    background: $navbar-bkg;
     color: #8fc8ea;
     padding-bottom: 5px;
     border-bottom: 2px solid #8fc8ea;
@@ -99,7 +91,7 @@ padding: 0;
     border-bottom: none;
   }
   a.h3:hover {
-    color: #8fc8ea;
+    color: #CBDCE6;
     text-decoration: none;
     border-bottom: none;
   }
@@ -111,7 +103,7 @@ .container {
     padding-top: 5px;
   }
   .nav {
-    background: #2b3033;
+    background: $navbar-bkg;
   }
   .navbar-toggle {
     border-color: #555;
@@ -121,7 +113,8 @@ background: #555;
   }
 
   h1 {
-    margin: 0;
+    position: relative;
+    margin: 0 0 0 15px;
     padding: 0;
   }
 }

@@ -31,7 +31,8 @@ }
 
 .h3-header {
   font-size: 50px;
-  color: #fff;
+  color: $navbar-link;
+  text-shadow: 0 1px 1px #111; 
 }
 
 .h3-footer {

@@ -1,3 +1,4 @@ 
+@import "_definitions.scss";
 @import "_bootstrap.scss";
 @import "_vendor.scss";
 @import "_coderay.scss";