Add author block and publish dates

src/_includes/post.njk

@@ -7,7 +7,8 @@ eleventyComputed:
 ---
 <main class="wrapper-md stack-lg">
     <article class="stack-md h-entry">
-        <h1 class="p-name"><a href="{{ post.url }}">{{ title | safe }}</a></h1>
+        <h1 class="p-name"><a href="{{ post.url }}" class="u-url">{{ title | safe }}</a></h1>
+        <p class="published">Published: <time class="dt-published" datetime="{{ post.date | rfc3339 }}">{{ post.date | dateDisplay }}</time></p>
         {{ post.excerpt.rendered | safe }}
         <div class="e-content stack-md">
         {{ content | safe }}
@@ -17,13 +18,20 @@ eleventyComputed:
             <h2>Tags:</h2>
             <ul role="list">
                 {% for tag in post.tags %}
-                    <li><a href="/post/tag/{{ tag.slug }}" rel="tag">#{{ tag.name }}</a></li>
+                    <li><a class="p-category" href="/post/tag/{{ tag.slug }}" rel="tag">#{{ tag.name }}</a></li>
                 {% endfor %}
             </ul>
         </section>
         {% endif %}
     </article>
 
+    <section class="p-author h-card" data-section="author">
+      <h2>About the author</h2>
+      {% image metadata.author.avatar, "My face", "box circle u-photo", "(max-width: 500px) 50px, 100px", [50, 100] %}
+
+      <p class="p-note">I'm <a href="https://{{metadata.site.domain}}" class="u-url p-name">Lewis Dale</a>, a software engineer and web developer based in the UK. I write about writing software, silly projects, and cycling. A lot of cycling. Too much, maybe.</p>
+    </section>
+
     <section class="stack-sm" data-section="responses">
         <h2>Responses</h2>
         
@@ -78,4 +86,4 @@ eleventyComputed:
 
     </section>
 
-</main>
+</main>