Add date and tidy up respond section of article

layouts/_article.html

@@ -1,4 +1,4 @@
-<% post_date = WezM::Helpers.post_date(@article) %>
+<% post_date = WezM::Helpers.parse_post_date(@article) %>
 <li>
   <abbr class="calender date" title="<%= post_date.iso8601 %>">
     <span class="day"><%= post_date.day %></span>

layouts/article.html

@@ -1,3 +1,13 @@
+<% post_date = WezM::Helpers.parse_post_date(@item) %>
+<div class="published">
+  Published on
+  <abbr class="calender date" title="<%= post_date.iso8601 %>">
+    <span class="weekday"><%= post_date.strftime('%a') %></span>,
+    <span class="day"><%= post_date.day %></span>
+    <span class="month"><%= post_date.strftime('%B') %></span>
+    <span class="year"><%= post_date.year %></span>
+  </abbr>
+</div>
 <%= yield %>
 <% short = short_url("http://www.wezm.net#{@item.identifier}") %>
 <div class="respond">

lib/helpers.rb

@@ -3,7 +3,7 @@ require 'time'
 module WezM
   module Helpers
 
-    def self.post_date(article)
+    def self.parse_post_date(article)
       Time.parse(article[:created_at])
     end
 

output/css/style.css

@@ -280,6 +280,19 @@ ul.inline li:first-child {
   height: 19px;
 }
 
+/* Extra parts on post page */
 .respond {
-  border-top: 1px solid gray;
+/*  border-top: 1px solid gray;*/
+}
+.respond h2 {
+  padding-left: 42px;
+  line-height: 32px;
+  background: url(/images/comment32.png) no-repeat top left;
+}
+.published {
+  font-family: "Helvetica Neue", Helvetica, "Liberation Sans", "Bitstream Vera Sans", Tahoma, Geneva, Arial, sans-serif;
+	color: #999;
+/*  margin-top: -3px;*/
+	padding-bottom: 10px;
+	font-size: 14px;
 }