From c20ea9f6922557db29061a5d53c067ab20c734b9 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sat, 13 Nov 2021 18:03:55 +0100
Subject: Improved list generation, remove index template

---
 templates/base.html                          |  4 +-
 templates/layouts/categorized_list.html      | 98 ++++++++++++++++++++--------
 templates/layouts/deep_categorized_list.html | 54 +++++++++++++++
 templates/layouts/index.html                 | 67 -------------------
 templates/layouts/list.html                  | 96 +++++++++++++++++++--------
 5 files changed, 194 insertions(+), 125 deletions(-)
 create mode 100644 templates/layouts/deep_categorized_list.html
 delete mode 100644 templates/layouts/index.html

(limited to 'templates')

diff --git a/templates/base.html b/templates/base.html
index e736864..ede7941 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -63,8 +63,8 @@
     </nav>
         
     <main>
-        $if(namespace.root.is_index)$
-${layouts/index()}
+        $if(layout.is_deep_categorized_list)$
+${layouts/deep_categorized_list()}
         $elseif(layout.is_categorized_list)$
 ${layouts/categorized_list()}
         $elseif(layout.is_list)$
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index a3af43c..ad510ae 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -11,36 +11,76 @@ $body$
                 <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(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$
-                        </a>
-                    $endfor$
-                </div>
+                $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$
             $endif$
         $endfor$
     </div>
 </section>
-
-
diff --git a/templates/layouts/deep_categorized_list.html b/templates/layouts/deep_categorized_list.html
new file mode 100644
index 0000000..eec16c9
--- /dev/null
+++ b/templates/layouts/deep_categorized_list.html
@@ -0,0 +1,54 @@
+<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/index.html b/templates/layouts/index.html
deleted file mode 100644
index 1eca10f..0000000
--- a/templates/layouts/index.html
+++ /dev/null
@@ -1,67 +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">I'm a <strong>red fox</strong> in disguise.</span></h1>
-
-$body$
-    </div>
-
-    <div class="c-card-list">
-        <h2 class="c-card-list__category-header">
-            Profiles
-        </h2>
-        <div class="c-card-list__category-content c-card-list__category-content--grid">
-            $for(profiles)$
-                $if(it.featured)$
-                    $if(it.url)$
-                        <a class="c-card-list__card c-card" href="$it.url$">
-                    $else$
-                        <div class="c-card-list__card c-card">
-                    $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">
-                            <strong class="u-db">$it.platform$</strong>
-                            <small class="u-db">$it.username$</small>
-                        </div>
-                        $if(it.url)$
-                            <svg class="c-card__block o-icon" width="1em" height="1em">
-                                <use href="/symbols.svg#icon-arrow-up-right"></use>
-                            </svg>
-                        $endif$
-                    $if(it.url)$
-                        </a>
-                    $else$
-                        </div>
-                    $endif$
-                $endif$
-            $endfor$
-        </div>
-
-        <h2 class="c-card-list__category-header">
-            <a href="$pages.by_id.projects.url.rel$">$pages.by_id.projects.title$</a>
-        </h2>
-        <div class="c-card-list__category-content c-card-list__category-content--grid">
-            $for(pages.by_id.projects.pages.all)$
-                $for(it.pages.all)$
-                    <a href="$it.url.rel$" class="c-card-list__card c-card">
-                        $if(pages.by_id.projects.pages.all.icon)$
-                            <svg class="c-card__block o-icon" width="1em" height="1em">
-                                <use href="/symbols.svg#icon-$pages.by_id.projects.pages.all.icon$"></use>
-                            </svg>
-                        $endif$
-                        <div class="c-card__block c-card__block--main">
-                            <small class="u-db">$pages.by_id.projects.pages.all.title$</small>
-                            <strong class="u-db">$it.title$</strong>
-                        </div>
-                        <svg class="c-card__block o-icon" width="1em" height="1em">
-                            <use href="/symbols.svg#icon-arrow-right"></use>
-                        </svg>
-                    </a>
-                $endfor$
-            $endfor$
-        </div>
-    </div>
-</section>
diff --git a/templates/layouts/list.html b/templates/layouts/list.html
index 2ef02ab..b4647a1 100644
--- a/templates/layouts/list.html
+++ b/templates/layouts/list.html
@@ -6,33 +6,75 @@ $body$
     </div>
 
     <div class="c-card-list">
-        <div class="c-card-list__category-content$if(list_grid)$ c-card-list__category-content--grid$endif$">
-            $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$
-                </a>
-            $endfor$
-        </div>
+        $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$
+            </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$
+            </div>
+        $endif$
     </div>
 </section>
 
-- 
cgit v1.2.3-54-g00ecf