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/layouts/categorized_list.html      | 86 ++++------------------------
 templates/layouts/deep_categorized_list.html | 54 -----------------
 templates/layouts/list.html                  | 64 +--------------------
 3 files changed, 14 insertions(+), 190 deletions(-)
 delete mode 100644 templates/layouts/deep_categorized_list.html

(limited to 'templates/layouts')

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>
-- 
cgit v1.2.3-54-g00ecf