From 1052c41d97ea2a82e7169bfa502c02fedfc1f40e Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 15 Jan 2019 22:21:35 +0000
Subject: [PATCH] Use article tags

---
 source/articles/archive.html.twig |  8 ++++----
 source/articles/index.html.twig   | 14 +++++++-------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/source/articles/archive.html.twig b/source/articles/archive.html.twig
index d5c5dd51..411922c0 100644
--- a/source/articles/archive.html.twig
+++ b/source/articles/archive.html.twig
@@ -10,13 +10,13 @@ use: [posts]
 {% endblock %}
 
 {% block content %}
-    <ul class="list-reset -mt-4 -mx-4 spaced-y-4">
+    <div class="-mt-4 -mx-4 spaced-y-4">
         {% for post in data.posts %}
-            <li class="p-4 {{ post.draft ? 'bg-blue-lighter' }}">
+            <article class="p-4 {{ post.draft ? 'bg-blue-lighter' }}">
                 {% include 'blog/post-summary' %}
-            </li>
+            </article>
         {% endfor %}
-    </ul>
+    </div>
 {% endblock %}
 
 {% block scripts %}
diff --git a/source/articles/index.html.twig b/source/articles/index.html.twig
index 9eed679a..23b39bf2 100644
--- a/source/articles/index.html.twig
+++ b/source/articles/index.html.twig
@@ -4,20 +4,20 @@ title: Articles
 use: [posts]
 ---
 <div class="spaced-y-10">
-    <div class="text-lg spaced-y-4">
+    <header class="text-lg spaced-y-4">
         <p>I enjoy writing articles, and have written a number of them so far during my career, both to document my own learning as well to act as resources for others.</p>
         <p>Here are some of my favourites.</p>
-    </div>
+    </header>
 
-    <div class="spaced-y-10">
+    <div class="spaced-y-12">
         {% for post in data.posts if post.promoted %}
-            <div>
+            <article>
                 {% include 'blog/post-summary' %}
-            </div>
+            </article>
         {% endfor %}
     </div>
 
-    <div class="markup">
+    <footer class="markup">
         <p>Read the rest of my articles in the <a href="/articles/archive">archives</a>.</p>
-    </div>
+    </footer>
 </div>