From c99fde007dc01e41b94381d11d5ed2251132b0d4 Mon Sep 17 00:00:00 2001
From: Devin Haska <wonderfulfrog@users.noreply.github.com>
Date: Fri, 23 Feb 2024 16:14:23 -0800
Subject: [PATCH] fix: various spacing issues

---
 src/catalogue-type.html | 6 ++++--
 src/catalogue.html      | 4 +++-
 src/index.html          | 8 ++++++--
 src/posts.html          | 4 +++-
 4 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/catalogue-type.html b/src/catalogue-type.html
index ff2e76f..6b0e320 100644
--- a/src/catalogue-type.html
+++ b/src/catalogue-type.html
@@ -15,7 +15,7 @@ eleventyComputed:
 {% from "macros/catalogue.njk" import list %}
 <h1>{{ type | pluralize | capitalize }}</h1>
 {% set catalogueTypes = collections.catalogueByType | keys %}
-<ul class="[ cluster list-none p-0 ]" style="--gap: var(--spacing-0\.5)">
+<ul class="[ cluster p-0 gap-0.5 ]" role="list">
     {% for type in catalogueTypes %}
         <li>
             <a class="[ pill ] [ flex px-1 py-0.5 gap-0.5 ]"
@@ -29,6 +29,8 @@ eleventyComputed:
     {% for year in years %}
         {% set itemsInYear = itemsByYear[year] %}
         <h2>{{ year }}</h2>
-        <div class="[ items ] [ flex-col gap-0.25 ]">{{ list(itemsInYear) }}</div>
+        <section class="[ items ] [ flex-col gap-0.25 ]">
+            {{ list(itemsInYear) }}
+        </section>
     {% endfor %}
 </section>
diff --git a/src/catalogue.html b/src/catalogue.html
index 168a121..bf8d4be 100644
--- a/src/catalogue.html
+++ b/src/catalogue.html
@@ -23,6 +23,8 @@ title: Catalogue
         {% set itemsInYear = itemsByYear[year] %}
         <h2>{{ year }}</h2>
         <div class="[ items ] [ flex-col gap-0.25 ]">{{ list(itemsInYear) }}</div>
-        <div>{{ list(itemsInYear) }}</div>
+        <section>
+            {{ list(itemsInYear) }}
+        </section>
     {% endfor %}
 </section>
diff --git a/src/index.html b/src/index.html
index ce3094d..fe05e91 100644
--- a/src/index.html
+++ b/src/index.html
@@ -16,7 +16,11 @@ permalink: /
 <h2>Favourite posts</h2>
 <p>Hand-picked, curated selection of my favourite posts!</p>
 {% set favouritePosts = collections.post | filterFavourites | reverse %}
-{{ list(favouritePosts) }}
+<section>
+    {{ list(favouritePosts) }}
+</section>
 <h2>Recent posts</h2>
 {% set recentPosts = collections.post | reverse | limit(5) %}
-{{ list(recentPosts) }}
+<section>
+    {{ list(recentPosts) }}
+</section>
diff --git a/src/posts.html b/src/posts.html
index 6e71f83..4891eb3 100644
--- a/src/posts.html
+++ b/src/posts.html
@@ -15,6 +15,8 @@ title: Posts
     {% for year in years %}
         {% set itemsInYear = itemsByYear[year] %}
         <h2>{{ year }}</h2>
-        <div>{{ list(itemsInYear) }}</div>
+        <section>
+            {{ list(itemsInYear) }}
+        </section>
     {% endfor %}
 </section>