fix: various spacing issues

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>

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>

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>

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>