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 +++++++++++++++++----------------
 templates/layouts/list.html             |  4 ++--
 templates/layouts/page.html             |  4 ++--
 templates/layouts/redirect.html         |  4 ++--
 4 files changed, 26 insertions(+), 24 deletions(-)

(limited to 'templates')

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>
diff --git a/templates/layouts/list.html b/templates/layouts/list.html
index ff29314..7eded4a 100644
--- a/templates/layouts/list.html
+++ b/templates/layouts/list.html
@@ -1,8 +1,8 @@
-<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">
     $if(list_grid)$
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index f6d3b53..e02ad51 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -1,4 +1,4 @@
-<div class="s-body s-colored-links s-headlines">
+<article class="s-body s-colored-links s-headlines">
     $if(date)$
         <div class="s-body__meta">
             $date.long$
@@ -8,4 +8,4 @@
     <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1>
 
 $body$
-</div>
+</article>
diff --git a/templates/layouts/redirect.html b/templates/layouts/redirect.html
index 457b4fe..ce48f59 100644
--- a/templates/layouts/redirect.html
+++ b/templates/layouts/redirect.html
@@ -1,4 +1,4 @@
-<div class="s-body s-colored-links s-headlines">
+<article class="s-body s-colored-links s-headlines">
     <h1 class="u-mt0"><span class="s-headlines__title-inner">Redirect</span></h1>
     <p>This page should redirect you to <a href="$url.full$">$url.full$</a> in 3 seconds.</p>
-</div>
+</article>
-- 
cgit v1.2.3-70-g09d2