Add post meta back into post.hbs

assets/css/screen.css

@@ -244,10 +244,6 @@ a:hover {
     color: #111;
 }
 
-.post-template .post-title {
-    margin-bottom: 3.4rem;
-}
-
 p, ul, ol, dl {
     -webkit-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
     -moz-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
@@ -773,6 +769,24 @@ body:not(.post-template) .post-title {
    5. Single Post - When you click on an individual post
    ========================================================================== */
 
+.post-template .post-header {
+   margin-bottom: 3.4rem;
+}
+
+.post-template .post-title {
+    margin-bottom: 0;
+}
+
+.post-template .post-meta {
+    margin: 0;
+}
+
+.post-template .post-date {
+    padding: 0;
+    margin: 0;
+    border: none;
+}
+
 /* Stop .full-img from creating horizontal scroll - slight hack due to
    imperfections with browser width % calculations and rounding */
 .post-template .content {
@@ -1522,10 +1536,14 @@ body:not(.post-template) .post-title {
         display: none;
     }
 
-    .post-template .post-title {
+    .post-template .post-header {
         margin-bottom: 2rem;
     }
 
+    .post-template .post-date {
+        display: inline-block;
+    }
+
     hr {
         margin: 1.6em 0;
     }

post.hbs

@@ -14,7 +14,12 @@
     {{! Everything inside the #post tags pulls data from the post }}
     {{#post}}
 
-        <h1 class="post-title">{{{title}}}</h1>
+        <header class="post-header">
+            <h1 class="post-title">{{{title}}}</h1>
+            <section class="post-meta">
+                <time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMMM YYYY"}}</time> {{tags prefix=" on "}} 
+            </section>
+        </header>
 
         <section class="post-content">
             {{content}}