Display blog post metadata

Author: javiereguiluz

app/Resources/views/admin/blog/show.html.twig

@@ -5,8 +5,8 @@
 {% block main %}
     <h1>{{ post.title }}</h1>
     <p class="post-metadata">
-        <i class="fa fa-calendar"></i> {{ post.publishedAt|localizeddate('long', 'medium', null, 'UTC') }}
-        <i class="fa fa-user"></i> {{ post.author.email }}
+        <span class="metadata"><i class="fa fa-calendar"></i> {{ post.publishedAt|localizeddate('long', 'medium', null, 'UTC') }}</span>
+        <span class="metadata"><i class="fa fa-user"></i> {{ post.author.email }}</span>
     </p>
 
     <div class="well">

app/Resources/views/blog/index.html.twig

@@ -11,6 +11,11 @@
                 </a>
             </h2>
 
+            <p class="post-metadata">
+                <span class="metadata"><i class="fa fa-calendar"></i> {{ post.publishedAt|localizeddate('long', 'medium', null, 'UTC') }}</span>
+                <span class="metadata"><i class="fa fa-user"></i> {{ post.author.email }}</span>
+            </p>
+
             {{ post.summary|md2html }}
         </article>
     {% else %}

app/Resources/views/blog/post_show.html.twig

@@ -5,6 +5,11 @@
 {% block main %}
     <h1>{{ post.title }}</h1>
 
+    <p class="post-metadata">
+        <span class="metadata"><i class="fa fa-calendar"></i> {{ post.publishedAt|localizeddate('long', 'medium', null, 'UTC') }}</span>
+        <span class="metadata"><i class="fa fa-user"></i> {{ post.author.email }}</span>
+    </p>
+
     {{ post.content|md2html }}
 
     <div id="post-add-comment" class="well">

web/css/main.css

@@ -207,6 +207,17 @@ body#login #login-users-help p .console {
     padding: 10px
 }
 
+/* Common Blog page elements
+   ------------------------------------------------------------------------- */
+.post-metadata {
+    color: #b4bcc2;
+    font-size: 19px;
+    margin-bottom: 16px;
+}
+.post-metadata .metadata {
+    margin-right: 1.5em;
+}
+
 /* Page: 'Blog index'
    ------------------------------------------------------------------------- */
 body#blog_index h1 {
@@ -217,6 +228,11 @@ body#blog_index article.post {
     margin-bottom: 3em
 }
 
+body#blog_index .post-metadata {
+    font-size: 16px;
+    margin-bottom: 8px;
+}
+
 /* Page: 'Blog post show'
    ------------------------------------------------------------------------- */
 body#blog_post_show h3 {