blog-entry: better date placement

sass/static/style.scss

@@ -214,6 +214,8 @@ body
     .date
     {
         font-style: normal;
+        // dates should be able to render as subtitles below headings, gapless
+        margin-top: 0;
     }
 
     header, h1, h2, h3
@@ -247,6 +249,8 @@ body
     header + * > h1
     {
         margin-top: 0;
+        // since it's followed by the date, it shouldn't enforce a bottom margin either
+        margin-bottom: 0.5rem;
     }
 
     .body-text

templates/blog-page.html

@@ -17,7 +17,7 @@
 <h1>
     {{ page.title }}
 </h1>
-<p><strong>{{ page.date | date(format="%Y/%m/%d") }}</strong></p>
+<p class="date">{{ page.date | date(format="%Y/%m/%d") }}</p>
 
 {{ page.content | safe }}