From ac027192285ad741b3ac1b837e1c363beb8f3791 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sun, 14 Nov 2021 09:28:25 +0100
Subject: Generate special list metadata

---
 templates/base.html                          |  4 +-
 templates/layouts/categorized_list.html      | 86 ++++------------------------
 templates/layouts/deep_categorized_list.html | 54 -----------------
 templates/layouts/list.html                  | 64 +--------------------
 templates/partials/grid_card.html            | 33 +++++++++++
 templates/partials/list_card.html            | 34 +++++++++++
 6 files changed, 82 insertions(+), 193 deletions(-)
 delete mode 100644 templates/layouts/deep_categorized_list.html
 create mode 100644 templates/partials/grid_card.html
 create mode 100644 templates/partials/list_card.html

(limited to 'templates')

diff --git a/templates/base.html b/templates/base.html
index ede7941..eb088c4 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -63,9 +63,7 @@
     </nav>
         
     <main>
-        $if(layout.is_deep_categorized_list)$
-${layouts/deep_categorized_list()}
-        $elseif(layout.is_categorized_list)$
+        $if(layout.is_categorized_list)$
 ${layouts/categorized_list()}
         $elseif(layout.is_list)$
 ${layouts/list()}
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index ad510ae..aea8863 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -6,80 +6,18 @@ $body$
     </div>
 
     <div class="c-card-list">
-        $for(pages.all)$
-            $if(it.pages)$
-                <h2 class="c-card-list__category-header">
-                    <a href="$it.url.rel$">$it.title$</a>
-                </h2>
-                $if(it.list_grid)$
-                    <div class="c-card-list__category-content c-card-list__category-content--grid">
-                        $for(it.pages.all)$
-                            <a href="$it.url.rel$" class="c-card-list__card c-card">
-                                $if(pages.all.list_read_indicators)$
-                                    <div class="c-card__block c-card__block--indicator"></div>
-                                $endif$
-                                $if(pages.all.icon)$
-                                    <svg class="c-card__block o-icon" width="1em" height="1em">
-                                        <use href="/symbols.svg#icon-$pages.all.icon$"></use>
-                                    </svg>
-                                $endif$
-                                <div class="c-card__block c-card__block--main">
-                                    $if(it.date)$
-                                        <time datetime="$it.date.yyyy_mm_dd$">
-                                            <small class="u-dn@sm-hi">
-                                                $it.date.short$
-                                            </small>
-                                            <small class="u-dn@sm-lo">
-                                                $it.date.long$
-                                            </small>
-                                        </time>
-                                        <strong class="u-db">$it.title$</strong>
-                                    $else$
-                                        $it.title$
-                                    $endif$
-                                </div>
-                                $if(list_icon)$
-                                    <svg class="c-card__block o-icon" width="1em" height="1em">
-                                        <use href="/symbols.svg#$list_icon$"></use>
-                                    </svg>
-                                $endif$
-                            </a>
-                        $endfor$
-                    </div>
-                $else$
-                    <div class="c-card-list__category-content">
-                        $for(it.pages.all)$
-                            <a href="$it.url.rel$" class="c-card-list__card c-card">
-                                $if(pages.all.list_read_indicators)$
-                                    <div class="c-card__block c-card__block--indicator"></div>
-                                $endif$
-                                $if(pages.all.icon)$
-                                    <svg class="c-card__block o-icon" width="1em" height="1em">
-                                        <use href="/symbols.svg#icon-$pages.all.icon$"></use>
-                                    </svg>
-                                $endif$
-                                <div class="c-card__block c-card__block--main">
-                                    $it.title$
-                                </div>
-                                $if(it.date)$
-                                    <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
-                                        <small class="u-dn@sm-hi">
-                                            $it.date.short$
-                                        </small>
-                                        <small class="u-dn@sm-lo">
-                                            $it.date.long$
-                                        </small>
-                                    </time>
-                                $endif$
-                                $if(list_icon)$
-                                    <svg class="c-card__block o-icon" width="1em" height="1em">
-                                        <use href="/symbols.svg#$list_icon$"></use>
-                                    </svg>
-                                $endif$
-                            </a>
-                        $endfor$
-                    </div>
-                $endif$
+        $for(list)$
+            <h2 class="c-card-list__category-header">
+                <a href="$it.url.rel$">$it.title$</a>
+            </h2>
+            $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$
         $endfor$
     </div>
diff --git a/templates/layouts/deep_categorized_list.html b/templates/layouts/deep_categorized_list.html
deleted file mode 100644
index eec16c9..0000000
--- a/templates/layouts/deep_categorized_list.html
+++ /dev/null
@@ -1,54 +0,0 @@
-<section 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-card-list">
-        $for(pages.all)$
-            $if(it.pages)$
-                <h2 class="c-card-list__category-header">
-                    <a href="$it.url.rel$">$it.title$</a>
-                </h2>
-                <div class="c-card-list__category-content$if(it.list_grid)$ c-card-list__category-content--grid$endif$">
-                    $for(pages.all.pages.all)$
-                        $for(pages.all.pages.all.pages.all)$
-                            <a href="$it.url.rel$" class="c-card-list__card c-card">
-                                $if(pages.all.list_read_indicators)$
-                                    <div class="c-card__block c-card__block--indicator"></div>
-                                $endif$
-                                $if(pages.all.pages.all.icon)$
-                                    <svg class="c-card__block o-icon" width="1em" height="1em">
-                                        <use href="/symbols.svg#icon-$pages.all.pages.all.icon$"></use>
-                                    </svg>
-                                $endif$
-                                <div class="c-card__block c-card__block--main">
-                                    <small class="u-db">$pages.all.pages.all.title$</small>
-                                    <strong class="u-db">$it.title$</strong>
-                                </div>
-                                $if(it.date)$
-                                    <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
-                                        <small class="u-dn@sm-hi">
-                                            $it.date.short$
-                                        </small>
-                                        <small class="u-dn@sm-lo">
-                                            $it.date.long$
-                                        </small>
-                                    </time>
-                                $endif$
-                                $if(pages.all.list_icon)$
-                                    <svg class="c-card__block o-icon" width="1em" height="1em">
-                                        <use href="/symbols.svg#$pages.all.list_icon$"></use>
-                                    </svg>
-                                $endif$
-                            </a>
-                        $endfor$
-                    $endfor$
-                </div>
-            $endif$
-        $endfor$
-    </div>
-</section>
-
-
diff --git a/templates/layouts/list.html b/templates/layouts/list.html
index b4647a1..7a9d573 100644
--- a/templates/layouts/list.html
+++ b/templates/layouts/list.html
@@ -8,71 +8,11 @@ $body$
     <div class="c-card-list">
         $if(list_grid)$
             <div class="c-card-list__category-content c-card-list__category-content--grid">
-                $for(pages.all)$
-                    <a href="$it.url.rel$" class="c-card-list__card c-card">
-                        $if(list_read_indicators)$
-                            <div class="c-card__block c-card__block--indicator"></div>
-                        $endif$
-                        $if(icon)$
-                            <svg class="c-card__block o-icon">
-                                <use href="/symbols.svg#icon-$icon$"></use>
-                            </svg>
-                        $endif$
-                        <div class="c-card__block c-card__block--main">
-                            $if(it.date)$
-                                <time datetime="$it.date.yyyy_mm_dd$">
-                                    <small class="u-dn@sm-hi">
-                                        $it.date.short$
-                                    </small>
-                                    <small class="u-dn@sm-lo">
-                                        $it.date.long$
-                                    </small>
-                                </time>
-                                <strong class="u-db">$it.title$</strong>
-                            $else$
-                                $it.title$
-                            $endif$
-                        </div>
-                        $if(list_icon)$
-                            <svg class="c-card__block o-icon" width="1em" height="1em">
-                                <use href="/symbols.svg#$list_icon$"></use>
-                            </svg>
-                        $endif$
-                    </a>
-                $endfor$
+                $list:partials/grid_card()$
             </div>
         $else$
             <div class="c-card-list__category-content">
-                $for(pages.all)$
-                    <a href="$it.url.rel$" class="c-card-list__card c-card">
-                        $if(list_read_indicators)$
-                            <div class="c-card__block c-card__block--indicator"></div>
-                        $endif$
-                        $if(icon)$
-                            <svg class="c-card__block o-icon">
-                                <use href="/symbols.svg#icon-$icon$"></use>
-                            </svg>
-                        $endif$
-                        <div class="c-card__block c-card__block--main">
-                            $it.title$
-                        </div>
-                        $if(it.date)$
-                            <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
-                                <small class="u-dn@sm-hi">
-                                    $it.date.short$
-                                </small>
-                                <small class="u-dn@sm-lo">
-                                    $it.date.long$
-                                </small>
-                            </time>
-                        $endif$
-                        $if(list_icon)$
-                            <svg class="c-card__block o-icon" width="1em" height="1em">
-                                <use href="/symbols.svg#$list_icon$"></use>
-                            </svg>
-                        $endif$
-                    </a>
-                $endfor$
+                $list:partials/list_card()$
             </div>
         $endif$
     </div>
diff --git a/templates/partials/grid_card.html b/templates/partials/grid_card.html
new file mode 100644
index 0000000..25c2271
--- /dev/null
+++ b/templates/partials/grid_card.html
@@ -0,0 +1,33 @@
+<a href="$it.url.rel$" class="c-card-list__card c-card">
+    $if(it.indicator)$
+        <div class="c-card__block c-card__block--indicator"></div>
+    $endif$
+    $if(it.icon)$
+        <svg class="c-card__block o-icon" width="1em" height="1em">
+            <use href="/symbols.svg#icon-$it.icon$"></use>
+        </svg>
+    $endif$
+    <div class="c-card__block c-card__block--main">
+        $if(it.subtitle)$
+            <small class="u-db">$it.subtitle$</small>
+            <strong class="u-db">$it.title$</strong>
+        $elseif(it.date)$
+            <time datetime="$it.date.yyyy_mm_dd$">
+                <small class="u-dn@sm-hi">
+                    $it.date.short$
+                </small>
+                <small class="u-dn@sm-lo">
+                    $it.date.long$
+                </small>
+            </time>
+            <strong class="u-db">$it.title$</strong>
+        $else$
+            $it.title$
+        $endif$
+    </div>
+    $if(it.post_icon)$
+        <svg class="c-card__block o-icon" width="1em" height="1em">
+            <use href="/symbols.svg#$it.post_icon$"></use>
+        </svg>
+    $endif$
+</a>
diff --git a/templates/partials/list_card.html b/templates/partials/list_card.html
new file mode 100644
index 0000000..644e0d3
--- /dev/null
+++ b/templates/partials/list_card.html
@@ -0,0 +1,34 @@
+<a href="$it.url.rel$" class="c-card-list__card c-card">
+    $if(it.indicator)$
+        <div class="c-card__block c-card__block--indicator"></div>
+    $endif$
+    $if(it.icon)$
+        <svg class="c-card__block o-icon" width="1em" height="1em">
+            <use href="/symbols.svg#icon-$it.icon$"></use>
+        </svg>
+    $endif$
+    <div class="c-card__block c-card__block--main">
+        $it.title$
+    </div>
+    $if(it.subtitle)$
+        <div class="c-card__block u-fs0">
+            <small>
+                $it.subtitle$
+            </small>
+        </div>
+    $elseif(it.date)$
+        <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
+            <small class="u-dn@sm-hi">
+                $it.date.short$
+            </small>
+            <small class="u-dn@sm-lo">
+                $it.date.long$
+            </small>
+        </time>
+    $endif$
+    $if(it.post_icon)$
+        <svg class="c-card__block o-icon" width="1em" height="1em">
+            <use href="/symbols.svg#$it.post_icon$"></use>
+        </svg>
+    $endif$
+</a>
-- 
cgit v1.2.3-70-g09d2