From 20c5ad5a7a737d721cb39b75852a79f20502da74 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sun, 31 Jul 2022 10:00:03 +0200
Subject: Simplified "list" list layout code

---
 templates/layouts/categorized_list.html |  7 ++++-
 templates/layouts/list.html             |  7 ++++-
 templates/layouts/page.html             | 13 +++------
 templates/partials/gallery_card.html    | 34 ++++++++++++++++-------
 templates/partials/grid_card.html       | 40 ++++++++++++++++++++-------
 templates/partials/list_card.html       | 48 +++++++++++----------------------
 6 files changed, 84 insertions(+), 65 deletions(-)

(limited to 'templates')

diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 1a1048a..67dc466 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -47,7 +47,12 @@ $body$
                     $elseif(it.layout.is_gallery-3)$
                         $it.items:partials/gallery_card()$
                     $else$
-                        $it.items:partials/list_card()$
+                        <div class="u-d-contents u-d-none@sm-lo">
+                            $it.items:partials/list_card()$
+                        </div>
+                        <div class="u-d-contents u-d-none@sm-hi">
+                            $it.items:partials/grid_card()$
+                        </div>
                     $endif$
                 </div>
                 $if(it.omitted)$
diff --git a/templates/layouts/list.html b/templates/layouts/list.html
index 508ff4c..cf54c4b 100644
--- a/templates/layouts/list.html
+++ b/templates/layouts/list.html
@@ -24,7 +24,12 @@ $body$
             $elseif(list_layout.is_gallery-3)$
                 $list:partials/gallery_card()$
             $else$
-                $list:partials/list_card()$
+                <div class="u-d-contents u-d-none@sm-lo">
+                    $list:partials/list_card()$
+                </div>
+                <div class="u-d-contents u-d-none@sm-hi">
+                    $list:partials/grid_card()$
+                </div>
             $endif$
         </div>
     </div>
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index 3ba8d54..234e50e 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -6,22 +6,15 @@
     itemid="$url.full$"
 >
     <article class="h-entry">
-        $if(date)$
-            <time datetime="$date.yyyy_mm_dd$" class="o-badge u-mb-125 dt-published" itemprop="datePublished">
-                $date.long$
-            </time>
-        $endif$
 
-        $if(was_updated)$
+        $if(last_update)$
             <time datetime="$last_update.yyyy_mm_dd$" class="o-badge u-mb-125 dt-updated" itemprop="dateModified">
-                Updated: $last_update.long$
+                $last_update.long$
             </time>
         $endif$
 
         $if(draft)$
-            <span class="o-badge u-mb-125">
-                Draft
-            </span>
+            <span class="o-badge u-mb-125">Draft</span>
         $endif$
 
         <h1 class="o-heading o-heading--xxl u-mt-0 p-name" itemprop="name headline">
diff --git a/templates/partials/gallery_card.html b/templates/partials/gallery_card.html
index a340148..4728461 100644
--- a/templates/partials/gallery_card.html
+++ b/templates/partials/gallery_card.html
@@ -1,11 +1,12 @@
-$if(it.thumbnail)$
 <a
     href="$it.url.rel$"
     class="l-card-list__card c-card t-raised h-entry"
     itemprop="dataFeedElement"
     itemscope
     itemtype="https://schema.org/$it.schema_type$"
-    $if(it.rel)$rel="$it.rel$"$endif$
+    $if(it.rel)$
+        rel="$it.rel$"
+    $endif$
 >
     <link itemprop="thumbnailUrl" href="$it.thumbnail.full$" />
 
@@ -32,14 +33,24 @@ $if(it.thumbnail)$
             $if(it.subtitle)$
                 <div>
                     <strong class="p-name" itemprop="name headline">$it.title$</strong>
-                    $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
+                    $if(it.draft)$
+                        <span class="o-badge u-ml-100">Draft</span>
+                    $endif$
                 </div>
-                <small class="u-d-block">$it.subtitle$</small>
+                <small class="u-d-block">
+                    $it.subtitle$
+                </small>
             $elseif(it.category)$
-                <small class="u-d-block">$it.category$</small>
+                <small class="u-d-block">
+                    $it.category$
+                </small>
                 <div>
-                    <strong class="p-name" itemprop="name headline">$it.title$</strong>
-                    $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
+                    <strong class="p-name" itemprop="name headline">
+                        $it.title$
+                    </strong>
+                    $if(it.draft)$
+                        <span class="o-badge u-ml-100">Draft</span>
+                    $endif$
                 </div>
             $elseif(it.show_date)$
                 <small class="u-d-block">
@@ -49,13 +60,17 @@ $if(it.thumbnail)$
                 </small>
                 <div>
                     <strong class="p-name" itemprop="name headline">$it.title$</strong>
-                    $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
+                    $if(it.draft)$
+                        <span class="o-badge u-ml-100">Draft</span>
+                    $endif$
                 </div>
             $else$
                 <span class="p-name" itemprop="name headline">
                     $it.title$
                 </span>
-                $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
+                $if(it.draft)$
+                    <span class="o-badge u-ml-100">Draft</span>
+                $endif$
             $endif$
         </div>
         $if(it.post_icon)$
@@ -65,4 +80,3 @@ $if(it.thumbnail)$
         $endif$
     </div>
 </a>
-$endif$
diff --git a/templates/partials/grid_card.html b/templates/partials/grid_card.html
index 170f478..9a0b06e 100644
--- a/templates/partials/grid_card.html
+++ b/templates/partials/grid_card.html
@@ -4,7 +4,9 @@
     itemprop="dataFeedElement"
     itemscope
     itemtype="https://schema.org/$it.schema_type$"
-    $if(it.rel)$rel="$it.rel$"$endif$
+    $if(it.rel)$
+        rel="$it.rel$"
+    $endif$
 >
     <div class="c-card__row l-media">
         $if(it.indicator)$
@@ -18,15 +20,27 @@
         <div class="l-media__block l-media__block--main">
             $if(it.subtitle)$
                 <div>
-                    <strong class="p-name" itemprop="name headline">$it.title$</strong>
-                    $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
+                    <strong class="p-name" itemprop="name headline">
+                        $it.title$
+                    </strong>
+                    $if(it.draft)$
+                        <span class="o-badge u-ml-100">Draft</span>
+                    $endif$
                 </div>
-                <small class="u-d-block">$it.subtitle$</small>
+                <small class="u-d-block">
+                    $it.subtitle$
+                </small>
             $elseif(it.category)$
-                <small class="u-d-block">$it.category$</small>
+                <small class="u-d-block">
+                    $it.category$
+                </small>
                 <div>
-                    <strong class="p-name" itemprop="name headline">$it.title$</strong>
-                    $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
+                    <strong class="p-name" itemprop="name headline">
+                        $it.title$
+                    </strong>
+                    $if(it.draft)$
+                        <span class="o-badge u-ml-100">Draft</span>
+                    $endif$
                 </div>
             $elseif(it.show_date)$
                 <small class="u-d-block">
@@ -35,14 +49,20 @@
                     </time>
                 </small>
                 <div>
-                    <strong class="p-name" itemprop="name headline">$it.title$</strong>
-                    $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
+                    <strong class="p-name" itemprop="name headline">
+                        $it.title$
+                    </strong>
+                    $if(it.draft)$
+                        <span class="o-badge u-ml-100">Draft</span>
+                    $endif$
                 </div>
             $else$
                 <span class="p-name" itemprop="name headline">
                     $it.title$
                 </span>
-                $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
+                $if(it.draft)$
+                    <span class="o-badge u-ml-100">Draft</span>
+                $endif$
             $endif$
         </div>
         $if(it.post_icon)$
diff --git a/templates/partials/list_card.html b/templates/partials/list_card.html
index 24948a6..e12f62f 100644
--- a/templates/partials/list_card.html
+++ b/templates/partials/list_card.html
@@ -4,7 +4,9 @@
     itemprop="dataFeedElement"
     itemscope
     itemtype="https://schema.org/$it.schema_type$"
-    $if(it.rel)$rel="$it.rel$"$endif$
+    $if(it.rel)$
+        rel="$it.rel$"
+    $endif$
 >
     <div class="c-card__row l-media">
         $if(it.indicator)$
@@ -15,42 +17,22 @@
                 <use href="$assets.icons_svg$#$it.icon$"></use>
             </svg>
         $endif$
-        <div class="l-media__block l-media__block--main u-d-none@sm-hi">
-            $if(it.subtitle)$
-                <small class="u-d-block">$it.subtitle$</small>
-                <div>
-                    <strong>$it.title$</strong>
-                    $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
-                </div>
-            $elseif(it.category)$
-                <small class="u-d-block">$it.category$</small>
-                <div>
-                    <strong>$it.title$</strong>
-                    $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
-                </div>
-            $elseif(it.last_update)$
-                <small>
-                    <time datetime="$it.last_update.yyyy_mm_dd$">$it.last_update.long$</time>
-                </small>
-                <div>
-                    <strong>$it.title$</strong>
-                    $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
-                </div>
-            $else$
-                <span>
-                    $it.title$
-                </span>
-                $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
+        <div class="l-media__block l-media__block--main">
+            <span class="p-name" itemprop="name headline">
+                $it.title$
+            </span>
+            $if(it.draft)$
+                <span class="o-badge u-ml-100">Draft</span>
             $endif$
-        </div> 
-        <div class="l-media__block l-media__block--main u-d-none@sm-lo">
-            <span class="p-name" itemprop="name headline">$it.title$</span>
-            $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
         </div>
         $if(it.subtitle)$
-            <small class="l-media__block u-d-none@sm-lo">$it.subtitle$</small>
+            <small class="l-media__block u-d-none@sm-lo">
+                $it.subtitle$
+            </small>
         $elseif(it.category)$
-            <small class="l-media__block u-d-none@sm-lo">$it.category$</small>
+            <small class="l-media__block u-d-none@sm-lo">
+                $it.category$
+            </small>
         $elseif(it.show_date)$
             <small class="l-media__block u-d-none@sm-lo">
                 <time datetime="$it.last_update.yyyy_mm_dd$" class="dt-updated" itemprop="dateModified">
-- 
cgit v1.2.3-54-g00ecf