From 385db81296bccf0c9e4341580d96e6a868f9d7f0 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sat, 5 Jun 2021 17:12:33 +0200
Subject: Some design fixes, page list metadata improvements

---
 templates/layouts/categorized_list.html | 28 ++++++++++++++--------
 templates/layouts/list.html             | 41 +++++++++++++++++++++++++++++++++
 templates/layouts/page.html             |  2 +-
 3 files changed, 60 insertions(+), 11 deletions(-)
 create mode 100644 templates/layouts/list.html

(limited to 'templates/layouts')

diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 6e72194..89bea78 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -7,18 +7,18 @@ $body$
         </div>
 
         <div class="c-post-list">
-            $for(pages.all)$
+            $for(pages.asc_title)$
                 $if(it.pages)$
                     <h2 class="c-post-list__category-header">
                         $it.title$
                     </h2>
                     <div class="c-post-list__category-content">
-                        $for(it.pages.all)$
-                            <a href="$it.url.rel$" class="c-post-list__post c-card">
-                                <div class="c-card__content">
-                                    $it.title$
-                                </div>
-                                $if(pages.all.show_dates)$
+                        $if(pages.asc_title.show_dates)$
+                            $for(it.pages.desc_date)$
+                                <a href="$it.url.rel$" class="c-post-list__post c-card">
+                                    <div class="c-card__content">
+                                        $it.title$
+                                    </div>
                                     <time datetime="$it.date.yyyy_mm_dd$" class="c-card__content u-fs0">
                                         <small class="u-dn@sm-hi">
                                             $it.date.short$
@@ -27,9 +27,17 @@ $body$
                                             $it.date.long$
                                         </small>
                                     </time>
-                                $endif$
-                            </a>
-                        $endfor$
+                                </a>
+                            $endfor$
+                        $else$
+                            $for(it.pages.asc_title)$
+                                <a href="$it.url.rel$" class="c-post-list__post c-card">
+                                    <div class="c-card__content">
+                                        $it.title$
+                                    </div>
+                                </a>
+                            $endfor$
+                        $endif$
                     </div>
                 $endif$
             $endfor$
diff --git a/templates/layouts/list.html b/templates/layouts/list.html
new file mode 100644
index 0000000..1c6398a
--- /dev/null
+++ b/templates/layouts/list.html
@@ -0,0 +1,41 @@
+<section class="l-section l-section--no-head">
+    <div class="l-container l-container--pad-x l-container--pad-y l-container--content">
+        <div class="s-headlines s-colored-links">
+            <h1 class="u-mt0"><span class="s-headlines__title-inner">$title$</span></h1>
+
+$body$
+        </div>
+
+        <div class="c-post-list">
+            <div class="c-post-list__category-content">
+                $if(show_dates)$
+                    $for(pages.desc_date)$
+                        <a href="$it.url.rel$" class="c-post-list__post c-card">
+                            <div class="c-card__content">
+                                $it.title$
+                            </div>
+                            <time datetime="$it.date.yyyy_mm_dd$" class="c-card__content u-fs0">
+                                <small class="u-dn@sm-hi">
+                                    $it.date.short$
+                                </small>
+                                <small class="u-dn@sm-lo">
+                                    $it.date.long$
+                                </small>
+                            </time>
+                        </a>
+                    $endfor$
+                $else$
+                    $for(pages.asc_title)$
+                        <a href="$it.url.rel$" class="c-post-list__post c-card">
+                            <div class="c-card__content">
+                                $it.title$
+                            </div>
+                        </a>
+                    $endfor$
+                $endif$
+            </div>
+        </div>
+    </div>
+</section>
+
+
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index 32ceb98..e5781a8 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -1,4 +1,4 @@
-<section class="l-section l-section--fullscreen l-section--no-head l-section--body">
+<section class="l-section l-section--no-head l-section--body">
     <div class="l-container l-container--pad-x l-container--pad-y l-container--content s-colored-links s-headlines s-headlines--body s-body">
         $if(show_date)$
             <div class="s-body__meta">
-- 
cgit v1.2.3-54-g00ecf