add footer

_layouts/default.html

@@ -18,10 +18,33 @@
 
 <div class="site">
   <div class="title">
-    <a href="/">Tom Preston-Werner</a> <a class="extra" href="http://feeds.feedburner.com/tom-preston-werner">rss</a>
+    <a href="/">Tom Preston-Werner</a>
+    <a class="extra" href="/">home</a>
   </div>
 
   {{ content }}
+
+  <div class="footer">
+    <div class="contact">
+      <p>
+        Tom Preston-Werner<br />
+        Cofounder of <a href="http://github.com/">GitHub</a><br />
+        [email protected]
+      </p>
+    </div>
+    <div class="contact">
+      <p>
+        <a href="http://github.com/mojombo/">github.com/mojombo</a><br />
+        <a href="http://twitter.com/mojombo/">twitter.com/mojombo</a><br />
+        <a href="http://flickr.com/photos/mojombo/">flickr.com/photos/mojombo</a>
+      </p>
+    </div>
+    <div class="rss">
+      <a href="http://feeds.feedburner.com/tom-preston-werner">
+        <img src="/images/rss.png" alt="Subscribe to RSS Feed" />
+      </a>
+    </div>
+  </div>
 </div>
 
 <script type="text/javascript">

css/screen.css

@@ -116,4 +116,27 @@ table {
 
   .site .meta {
     color: #aaa;
-  }
+  }
+
+  .site .footer {
+    font-size: 80%;
+    color: #666;
+    border-top: 4px solid #eee;
+    margin-top: 2em;
+    overflow: hidden;
+  }
+
+    .site .footer .contact {
+      float: left;
+      margin-right: 3em;
+    }
+
+      .site .footer .contact a {
+        color: #8085C1;
+      }
+
+    .site .footer .rss {
+      margin-top: 1.1em;
+      margin-right: -.5em;
+      float: right;
+    }