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/list.html | 96 ++++++++++++++++++++++++++++++++-------------
 1 file changed, 69 insertions(+), 27 deletions(-)

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

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-70-g09d2