From 80716c79a7db19d6d95070125e1af7946a9849ec Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Tue, 28 Dec 2021 21:18:02 +0100
Subject: Support for more complex layouts

---
 templates/layouts/categorized_list.html | 68 +++++++++++++++++----------------
 1 file changed, 35 insertions(+), 33 deletions(-)

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

diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index fd21017..76b8af1 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -1,39 +1,41 @@
-<header class="s-headlines s-colored-links">
-    <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1>
+<div class="l-container l-container--pad-x l-container--pad-y l-container--content">        
+    <header class="s-headlines s-colored-links">
+        <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1>
 
 $body$
-</header>
+    </header>
 
-<div class="l-card-list">
-    $for(list)$
-        <section>
-            <h2 class="s-invisible-links">
-                <a href="$it.url.rel$">$it.title$</a>
-            </h2>
-            $if(it.description)$
-                <div class="s-small s-colored-links">$it.description$</div>
-            $endif$
-            <div class="l-card-list__cards l-card-list__cards--$it.layout.id$">
-                $if(it.layout.is_grid)$
-                    $it.items:partials/grid_card()$
-                $elseif(it.layout.is_gallery)$
-                    $it.items:partials/gallery_card()$
-                $else$
-                    $it.items:partials/list_card()$
+    <div class="l-card-list">
+        $for(list)$
+            <section>
+                <h2 class="s-invisible-links">
+                    <a href="$it.url.rel$">$it.title$</a>
+                </h2>
+                $if(it.description)$
+                    <div class="s-small s-colored-links">$it.description$</div>
                 $endif$
-                $if(it.omitted)$
-                    <a href="$it.url.rel$" class="l-card-list__card c-card c-card--outline">
-                        <div class="c-card__row">
-                            <div class="c-card__block c-card__block--main">
-                                $it.omitted$ more items
+                <div class="l-card-list__cards l-card-list__cards--$it.layout.id$">
+                    $if(it.layout.is_grid)$
+                        $it.items:partials/grid_card()$
+                    $elseif(it.layout.is_gallery)$
+                        $it.items:partials/gallery_card()$
+                    $else$
+                        $it.items:partials/list_card()$
+                    $endif$
+                    $if(it.omitted)$
+                        <a href="$it.url.rel$" class="l-card-list__card c-card c-card--outline">
+                            <div class="c-card__row">
+                                <div class="c-card__block c-card__block--main">
+                                    $it.omitted$ more items
+                                </div>
+                                <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true">
+                                    <use href="/symbols.svg#icon-arrow-right"></use>
+                                </svg>
                             </div>
-                            <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true">
-                                <use href="/symbols.svg#icon-arrow-right"></use>
-                            </svg>
-                        </div>
-                    </a>
-                $endif$
-            </div>
-        </section>
-    $endfor$
+                        </a>
+                    $endif$
+                </div>
+            </section>
+        $endfor$
+    </div>
 </div>
-- 
cgit v1.2.3-70-g09d2