layout / style tweaks

_includes/post.html

@@ -1,12 +1,12 @@
 <article class="hentry" role="article">
   <header>
     <h1 class="entry-title">{{ post.title }}</h1>
+    <time datetime="{{ post.date | datetime | date_to_xmlschema }}" pubdate><a href="{{ post.url }}">{{ post.date | date: "%B %d, %Y" }}</a></time>
   </header>
   <div class="entry-content">
     {{ content }}
   </div>
   <footer class="meta">
     <p><i class="fa fa-tags"></i> {{ post.tags | tag_links }}</p>
-    <time datetime="{{ post.date | datetime | date_to_xmlschema }}" pubdate>&mdash; <a href="{{ post.url }}">{{ post.date | date: "%B %d, %Y" }}</a></time>
   </footer>
 </article>

_layouts/default.html

@@ -22,6 +22,7 @@
           <li><a href="/about.html">About</a></li>
           <li><a href="/blog/">Blog</a></li>
           <li><a href="/contact.html">Contact</a></li>
+          <li><a href="/atom.xml">Feed <i class="fa fa-rss"></i></a></li>
         </ul>
       </nav>
     </div>

_layouts/tag_index.html

@@ -10,4 +10,4 @@ title: Posts tagged "{{ page.tag }}"
 {% endunless %}
 {% include article_list.html %}
 {% endfor %}
-<p><a href="/tag/{{ page.tag | replace:' ','-' }}/atom.xml">subscribe</a></p>
+<p><i class="fa fa-rss"></i> <a href="/tag/{{ page.tag | replace:' ','-' }}/atom.xml">Subscribe</a></p>

_sass/_base.scss

@@ -8,6 +8,11 @@
 $serif: 'PT Serif', 'Georgia', serif;
 $typewriter: Typewriter,"Georgia","Times",serif;
 
+$base-font-color: #343434;
+
+$base-border-radius: 3px;
+
+
 // Layout
 $max-width: em(624) !default;
 $grid-columns: 8;

_sass/_style.scss

@@ -1,5 +1,5 @@
 body {
-    color: #343434;
+    color: $base-font-color;
     background: #ffffff;
 	  font-family: $serif;
 
@@ -68,26 +68,44 @@ body {
 
             article.hentry {
                 border-bottom: 1px #dedede solid;
+
+                header time {
+                  color: transparentize($base-font-color, .6);
+                  font-size: 0.9em;
+                  font-style: italic;
+                  margin-bottom: 0.3em;
+                }
+
+                h1 {
+                  font-size: 1.6em;
+                  margin-bottom: 0.5em;
+                }
+
+                pre {
+                  padding: 0.5em;
+                  overflow: auto;
+                }
+
+                code {
+                  background: #F7F7F7;
+                  border-radius: $base-border-radius * 1.5;
+                  border: 1px solid #E0E0E0;
+                  font-family: monaco;
+                  font-size: 0.75em;
+                  font-style: normal;
+                  padding: 0.1em 0.4em;
+                  white-space: nowrap;
+                }
+
+                footer {
+                  font-size: 0.8em;
+                }
             }
 
             article {
-                pre {
-                    background: #000;
-                    color: #fff;
-                    padding: 0.5em;
-                    overflow: auto;
-                }
-
                 .gist-file pre {
                     color: #000;
                 }
-
-                footer time {
-                    margin-bottom: 1em;
-                    display: block;
-                    text-align: right;
-                }
-
             }
 
             article.list {