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/layouts/categorized_list.html | 98 +++++++++++++++++++++++----------
 1 file changed, 69 insertions(+), 29 deletions(-)

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

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>
-
-
-- 
cgit v1.2.3-70-g09d2