[SITE] blog: add meta (date, tags) to blogarticle as well

.brackets.json

@@ -10,7 +10,7 @@
                 ],
                 "sourceComments": false,
                 "outputStyle": "nested"
-            },
+            }
         },
         "assets/scss/templates/*": {
             "sass.enabled": true,
@@ -21,7 +21,7 @@
                 ],
                 "sourceComments": false,
                 "outputStyle": "nested"
-            },
+            }
         },
         "assets/vendors/bootstrap/scss/*": {
             "sass.enabled": true,

assets/scss/blog.scss

@@ -62,9 +62,20 @@ main.blog {
   article.blogarticle {
     margin-top: 30px;
 
-    padding-bottom: 60px;
+    h1 {
+      margin-bottom: 0;
+    }
+    div.meta.title {
+      margin-bottom: 20px;
+    }
+
+    padding-bottom: 15px;
     border-bottom: 2px solid lighten($blog_color_meta, 10%);
     margin-bottom: 50px;
+
+    div.meta.bottom {
+      margin-top: 45px;
+    }
   }
 
   div.teasers {

site/blueprints/blog.yaml

@@ -5,7 +5,7 @@ pages:
   num: date
   sort: flip
 
-files: true
+files: false
 
 fields:
   title:

site/templates/blogarticle.php

@@ -32,7 +32,15 @@ snippet('base/cont-header');
     <article class="blogarticle">
 
       <h1><?php echo $page->title()->html() ?></h1>
+      <div class="meta title">
+        <time datetime="<?php echo $page->date('Y-m-d') ?>"><?php echo $page->date('d. M. Y') ?></time>
+      </div>
       <?php echo $page->text()->kirbytext(); ?>
+      
+      <div class="meta bottom">
+        <time datetime="<?php echo $page->date('Y-m-d') ?>"><?php echo $page->date('d. M. Y') ?></time>
+        <?php echo tags($base_url, $page); ?>
+      </div>
 
     </article>