2 files changed, 14 insertions(+), 11 deletions(-)

M assets/style.scss
M layouts/blog/single.html

@@ 129,6 129,11 @@ time.post-time {
     }
 }
 
+.post-metadata-small {
+    color: var(--aside-fg-color);
+    font-size: 0.9em;
+}
+
 .blogpost, .aboutme {
     header {
         margin: 0;

@@ 4,11 4,18 @@
     <article>
         <header>
             <h1 class="post-title">{{ .Title }}</h1>
-            <span class="post-metadata">
+            <aside class="post-metadata">
                 <time class="post-time" datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "2006-01-02" }}</time>
                 on <a href="/blog/">this blog</a>
                 {{ partial "feed-icon.html" }}
-            </span>
+            </aside>
+            {{- with .Params.Tags -}}
+            <aside class="post-metadata-small">
+            tags: <ul class="post-tags">
+                {{- range . }}<li><a href="/tags/{{ . }}">{{ . }}</a></li>{{- end }}
+            </ul>
+            </aside>
+            {{- end }}
         </header>
         {{ $content := .Content }}
         {{- if in .Params.tags "math" }}


@@ 36,15 43,6 @@
         {{- else }}
         <section>{{ $content }}</section>
         <footer class="post-metadata">
-            tags: [
-            <ul class="post-tags">
-                {{- range .Params.tags }}
-                <li>
-                    <a href="/tags/{{ . }}">{{ . }}</a>
-                </li>
-                {{- end }}
-            </ul>
-            ]
         </footer>
         {{- end -}}
         {{- else }}