From 18b1bce0cbd23aa0f7fa5e883ba079e547554ad3 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Tue, 10 Jan 2023 15:57:25 +0100
Subject: Updated headings

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

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

diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 6c3c7f3..3132216 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -6,7 +6,9 @@
     itemid="$url.full$"
 >
     <header class="c-subheader s-links">
-        <h1 class="o-heading c-subheader__title p-name" itemprop="name headline">$title$.</h1>
+        <h1 class="c-subheader__title p-name" itemprop="name headline">
+            $title$.
+        </h1>
         $body$
     </header>
 
@@ -14,16 +16,25 @@
         $for(list)$
             <section class="h-entry h-feed" itemprop="dataFeedElement" itemscope itemtype="https://schema.org/DataFeed">
                 <header class="l-card-list__header">
-                    <h2 class="s-invisible-links u-mt-0 p-name" id="$it.slug$" itemprop="name headline">
-                        $if(it.url)$
-                            <a href="$it.url.rel$">$it.title$</a>
-                        $else$
-                            $it.title$
+                    <div class="l-card-list__header-section">
+                        <h2 class="s-invisible-links u-mt-0 p-name" id="$it.slug$" itemprop="name headline">
+                            $if(it.url)$
+                                <a href="$it.url.rel$">$it.title$</a>
+                            $else$
+                                $it.title$
+                            $endif$
+                        </h2>
+                        $if(it.description)$
+                            <div class="s-small s-links s-links--colored">$it.description$</div>
                         $endif$
-                    </h2>
-                    $if(it.description)$
-                        <div class="s-small s-links s-links--colored">$it.description$</div>
-                    $endif$ 
+                    </div>
+                    $if(it.omitted)$
+                        <div class="l-card-list__header-section u-d-none@sm-lo">
+                            <a class="o-badge o-badge--200" href="$it.url.rel$" aria-label="$it.omitted$ more items in '$it.title$'">
+                                $it.omitted$ more items <span class="u-ml-10">→</span>
+                            </a>
+                        </div>
+                    $endif$
                 </header>
                 <div class="l-card-list__cards l-card-list__cards--$it.layout.id$">
                     $if(it.layout.is_grid-2)$
@@ -44,7 +55,7 @@
                     $endif$
                 </div>
                 $if(it.omitted)$
-                    <footer class="l-card-list__footer">
+                    <footer class="l-card-list__footer u-d-none@sm-hi">
                         <a class="l-media__block o-badge o-badge--200" href="$it.url.rel$" aria-label="$it.omitted$ more items in '$it.title$'">
                             $it.omitted$ more items <span class="u-ml-10">→</span>
                         </a>
-- 
cgit v1.2.3-70-g09d2