From 2dead666540586544c7628022ac71c60e4f27902 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sun, 14 Nov 2021 16:42:53 +0100
Subject: Improved semantic structure

---
 templates/layouts/categorized_list.html | 38 +++++++++++++++++----------------
 1 file changed, 20 insertions(+), 18 deletions(-)

(limited to 'templates/layouts/categorized_list.html')

diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 20c0ee5..adeb762 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -1,27 +1,29 @@
-<div class="s-headlines s-colored-links">
+<header class="s-headlines s-colored-links">
     <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1>
 
 $body$
-</div>
+</header>
 
 <div class="c-card-list">
     $for(list)$
-        <header class="c-card-list__category-header">
-            <h2 class="c-card-list__category-title">
-                <a href="$it.url.rel$">$it.title$</a>
-            </h2>
-            $if(it.content)$
-                <small class="c-card-list__category-subtitle">$it.content$</small>
+        <section>
+            <header class="c-card-list__category-header">
+                <h2 class="c-card-list__category-title">
+                    <a href="$it.url.rel$">$it.title$</a>
+                </h2>
+                $if(it.content)$
+                    <small class="c-card-list__category-subtitle">$it.content$</small>
+                $endif$
+            </header>
+            $if(it.grid)$
+                <div class="c-card-list__category-content c-card-list__category-content--grid">
+                    $it.items:partials/grid_card()$
+                </div>
+            $else$
+                <div class="c-card-list__category-content">
+                    $it.items:partials/list_card()$
+                </div>
             $endif$
-        </header>
-        $if(it.grid)$
-            <div class="c-card-list__category-content c-card-list__category-content--grid">
-                $it.items:partials/grid_card()$
-            </div>
-        $else$
-            <div class="c-card-list__category-content">
-                $it.items:partials/list_card()$
-            </div>
-        $endif$
+        </section>
     $endfor$
 </div>
-- 
cgit v1.2.3-70-g09d2