From 9763ea03164f983d77051a84609dcae80885b1c0 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Fri, 12 Nov 2021 20:39:46 +0100
Subject: Improved page

---
 templates/layouts/categorized_list.html | 54 ++++++++++++---------------------
 templates/layouts/index.html            |  8 ++---
 templates/layouts/list.html             | 50 +++++++++++-------------------
 templates/layouts/page.html             |  2 +-
 4 files changed, 41 insertions(+), 73 deletions(-)

(limited to 'templates/layouts')

diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index fa0f000..f8c3fab 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -6,26 +6,26 @@ $body$
     </div>
 
     <div class="c-card-list">
-        $for(pages.asc_title)$
+        $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(pages.asc_title.list_grid)$ c-card-list__category-content--grid$endif$">
-                    $if(pages.asc_title.show_dates)$
-                        $for(it.pages.desc_date)$
-                            <a href="$it.url.rel$" class="c-card-list__card c-card">
-                                $if(pages.asc_title.show_read_indicators)$
-                                    <div class="c-card__block c-card__block--indicator"></div>
-                                $endif$
-                                $if(pages.asc_title.icon)$
-                                    <svg class="c-card__block o-icon">
-                                        <use href="/symbols.svg#icon-$pages.asc_title.icon$"></use>
-                                    </svg>
-                                $endif$
-                                <div class="c-card__block c-card__block--main">
-                                    $it.title$
-                                </div>
+                <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.show_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$
@@ -34,25 +34,9 @@ $body$
                                         $it.date.long$
                                     </small>
                                 </time>
-                            </a>
-                        $endfor$
-                    $else$
-                        $for(it.pages.asc_title)$
-                            <a href="$it.url.rel$" class="c-card-list__card c-card">
-                                $if(pages.asc_title.show_read_indicators)$
-                                    <div class="c-card__block c-card__block--indicator"></div>
-                                $endif$
-                                $if(pages.asc_title.icon)$
-                                    <svg class="c-card__block o-icon">
-                                        <use href="/symbols.svg#icon-$pages.asc_title.icon$"></use>
-                                    </svg>
-                                $endif$
-                                <div class="c-card__block c-card__block--main">
-                                    $it.title$
-                                </div>
-                            </a>
-                        $endfor$
-                    $endif$
+                            $endif$
+                        </a>
+                    $endfor$
                 </div>
             $endif$
         $endfor$
diff --git a/templates/layouts/index.html b/templates/layouts/index.html
index 8822f6f..1eca10f 100644
--- a/templates/layouts/index.html
+++ b/templates/layouts/index.html
@@ -18,7 +18,7 @@ $body$
                         <div class="c-card-list__card c-card">
                     $endif$
                         $if(it.icon)$
-                            <svg class="c-card__block o-icon">
+                            <svg class="c-card__block o-icon" width="1em" height="1em">
                                 <use href="/symbols.svg#icon-$it.icon$"></use>
                             </svg>
                         $endif$
@@ -27,7 +27,7 @@ $body$
                             <small class="u-db">$it.username$</small>
                         </div>
                         $if(it.url)$
-                            <svg class="c-card__block o-icon">
+                            <svg class="c-card__block o-icon" width="1em" height="1em">
                                 <use href="/symbols.svg#icon-arrow-up-right"></use>
                             </svg>
                         $endif$
@@ -48,7 +48,7 @@ $body$
                 $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">
+                            <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$
@@ -56,7 +56,7 @@ $body$
                             <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">
+                        <svg class="c-card__block o-icon" width="1em" height="1em">
                             <use href="/symbols.svg#icon-arrow-right"></use>
                         </svg>
                     </a>
diff --git a/templates/layouts/list.html b/templates/layouts/list.html
index c0045c0..208b267 100644
--- a/templates/layouts/list.html
+++ b/templates/layouts/list.html
@@ -7,20 +7,20 @@ $body$
 
     <div class="c-card-list">
         <div class="c-card-list__category-content$if(list_grid)$ c-card-list__category-content--grid$endif$">
-            $if(show_dates)$
-                $for(pages.desc_date)$
-                    <a href="$it.url.rel$" class="c-card-list__card c-card">
-                        $if(show_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>
+            $for(pages.all)$
+                <a href="$it.url.rel$" class="c-card-list__card c-card">
+                    $if(show_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$
@@ -29,25 +29,9 @@ $body$
                                 $it.date.long$
                             </small>
                         </time>
-                    </a>
-                $endfor$
-            $else$
-                $for(pages.asc_title)$
-                    <a href="$it.url.rel$" class="c-card-list__card c-card">
-                        $if(show_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>
-                    </a>
-                $endfor$
-            $endif$
+                    $endif$
+                </a>
+            $endfor$
         </div>
     </div>
 </section>
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index e406d99..f1060ca 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -1,6 +1,6 @@
 <div class="s-body">
     <section class="l-container l-container--pad-x l-container--pad-y l-container--content s-colored-links s-headlines">
-        $if(show_date)$
+        $if(date)$
             <div class="s-body__meta">
                 $date.long$
             </div>
-- 
cgit v1.2.3-70-g09d2