Add footer to article

src/components/blog/article-footer.svelte

@@ -0,0 +1,57 @@
+<script>
+  import { format } from 'date-fns'
+
+  export let post
+</script>
+
+<style>
+  .tags-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: inline;
+  }
+
+  .tags-list li {
+    display: inline;
+    font-style: italic;
+  }
+
+  .lighten {
+    color: #595a8f;
+  }
+
+  time {
+    font-style: italic;
+  }
+
+  footer {
+    display: flex;
+    font-size: 0.85em;
+    justify-content: space-between;
+    padding-top: 0.2em;
+    margin-top: 0.4em;
+    border-top: 1px solid #c0c1e1;
+  }
+</style>
+
+<footer>
+  <div class="article-tags">
+    {#if post.tags.length > 0}
+      <span class="lighten">Tags:</span>
+      <ul class="tags-list">
+        {#each post.tags as tag}
+          <li>
+            <a href="blog?tag={tag}">{tag}</a>
+          </li>
+        {/each}
+      </ul>
+    {/if}
+  </div>
+  <div class="created-at">
+    <span class="lighten">Published on</span>
+    <time datetime={post.date}>
+      {format(new Date(post.date), "do MMMM',' y")}
+    </time>
+  </div>
+</footer>