From 41f85e2876e41da22f6b95787d59aba33f1fe405 Mon Sep 17 00:00:00 2001
From: Sami Samhuri <sami@samhuri.net>
Date: Mon, 3 Mar 2014 23:50:04 -0800
Subject: [PATCH] tweak style, add a symbol to denote the end of content

---
 public/_layout.ejs        | 14 +++++++++-----
 public/css/style.css.less | 25 ++++++++++++++++++++++---
 2 files changed, 31 insertions(+), 8 deletions(-)

diff --git a/public/_layout.ejs b/public/_layout.ejs
index 7c0a337..53d6e40 100644
--- a/public/_layout.ejs
+++ b/public/_layout.ejs
@@ -88,9 +88,10 @@
       <header>
         <h2><a href="<%= link %>">&rarr; <%= title %></a></h2>
         <time><%= date %></time>
+        <a class="permalink" href="<%= url %>">&infin;</a>
       </header>
       <%- yield %>
-      <p><a class="permalink" href="<%= url %>">&infin;</a></p>
+      <p class="fin"><i class="fa fa-code"></i></p>
     </article>
   <% } else if (typeof date != 'undefined') { -%>
     <article class="container">
@@ -99,18 +100,21 @@
         <time><%= date %></time>
       </header>
       <%- yield %>
+      <p class="fin"><i class="fa fa-code"></i></p>
     </article>
   <% } else if (typeof title != 'undefined') { -%>
-    <div class="container">
+    <article class="container">
       <h2><%= title %></h2>
       <%- yield %>
       <div class="clearfix">
-    </div>
+      <p class="fin"><i class="fa fa-code"></i></p>
+    </article>
   <% } else { -%>
-    <div class="container">
+    <article class="container">
       <%- yield %>
       <div class="clearfix">
-    </div>
+      <p class="fin"><i class="fa fa-code"></i></p>
+    </article>
   <% } -%>
 
   <footer class="container">
diff --git a/public/css/style.css.less b/public/css/style.css.less
index 792f797..ba92d87 100644
--- a/public/css/style.css.less
+++ b/public/css/style.css.less
@@ -214,7 +214,6 @@ header.primary {
 }
 
 footer {
-  border-top: solid 1px lighten(@text, 70%);
   padding: 1rem 0;
   text-align: center;
   color: lighten(@text, 30%);
@@ -330,8 +329,28 @@ body.projects:not(.index) .container {
  * Posts
  */
 
-article header h2 {
-  word-wrap: break-word;
+article {
+
+  header {
+
+    h2 {
+      word-wrap: break-word;
+      margin-bottom: 0.3rem;
+    }
+
+    time {
+      margin-top: 0.3rem;
+      color: lighten(@text, 35%);
+    }
+
+  }
+
+  p.fin {
+    text-align: center;
+    color: darken(@background, 20%);
+    margin: 1rem 0;
+  }
+
 }
 
 blockquote {