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/partials/gallery_card.html | 34 +++++++++++++++++--------
 templates/partials/grid_card.html    | 40 ++++++++++++++++++++++--------
 templates/partials/list_card.html    | 48 +++++++++++-------------------------
 3 files changed, 69 insertions(+), 53 deletions(-)

(limited to 'templates/partials')

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