From ec019225bc15b10c18f7512b4d0bc9275b096cd3 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Fri, 17 Jun 2022 09:08:44 +0200
Subject: Better font sizes

---
 templates/partials/gallery_card.html | 13 +++++-------
 templates/partials/grid_card.html    | 11 ++++------
 templates/partials/list_card.html    | 41 ++++++++++++++++++++++--------------
 3 files changed, 34 insertions(+), 31 deletions(-)

(limited to 'templates')

diff --git a/templates/partials/gallery_card.html b/templates/partials/gallery_card.html
index 4fe40a7..deffb3f 100644
--- a/templates/partials/gallery_card.html
+++ b/templates/partials/gallery_card.html
@@ -31,21 +31,18 @@ $if(it.thumbnail)$
         $endif$
         <div class="l-media__block l-media__block--main">
             $if(it.subtitle)$
-                <strong class="u-d-block u-elp" itemprop="name headline">$it.title$</strong>
-                <small class="u-d-block u-elp p-name">$it.subtitle$</small>
+                <strong class="u-d-block u-elp">$it.title$</strong>
+                <small class="u-d-block u-elp">$it.subtitle$</small>
             $elseif(it.category)$
                 <small class="u-d-block u-elp">$it.category$</small>
-                <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong>
+                <strong class="u-d-block u-elp">$it.title$</strong>
             $elseif(it.date)$
                 <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated">
-                    <small class="u-d-none@sm-hi">
-                        $it.date.short$
-                    </small>
-                    <small class="u-d-none@sm-lo">
+                    <small>
                         $it.date.long$
                     </small>
                 </time>
-                <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong>
+                <strong class="u-d-block u-elp">$it.title$</strong>
             $else$
                 <span class="p-name" itemprop="name headline">
                     $it.title$
diff --git a/templates/partials/grid_card.html b/templates/partials/grid_card.html
index c8c110c..9af9415 100644
--- a/templates/partials/grid_card.html
+++ b/templates/partials/grid_card.html
@@ -18,21 +18,18 @@ $if(it.url)$
         $endif$
         <div class="l-media__block l-media__block--main">
             $if(it.subtitle)$
-                <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong>
+                <strong class="u-d-block u-elp">$it.title$</strong>
                 <small class="u-d-block u-elp">$it.subtitle$</small>
             $elseif(it.category)$
                 <small class="u-d-block u-elp">$it.category$</small>
-                <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong>
+                <strong class="u-d-block u-elp">$it.title$</strong>
             $elseif(it.date)$
                 <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated">
-                    <small class="u-d-none@sm-hi">
-                        $it.date.short$
-                    </small>
-                    <small class="u-d-none@sm-lo">
+                    <small>
                         $it.date.long$
                     </small>
                 </time>
-                <strong class="u-d-block u-elp p-name" itemprop="name headline">$it.title$</strong>
+                <strong class="u-d-block u-elp">$it.title$</strong>
             $else$
                 <span class="p-name" itemprop="name headline">
                     $it.title$
diff --git a/templates/partials/list_card.html b/templates/partials/list_card.html
index 6335786..744ca8a 100644
--- a/templates/partials/list_card.html
+++ b/templates/partials/list_card.html
@@ -16,27 +16,36 @@ $if(it.url)$
                 <use href="/icons.svg#$it.icon$"></use>
             </svg>
         $endif$
-        <div class="l-media__block l-media__block--main p-name" itemprop="name headline">
+        <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>
+                <strong class="u-d-block">$it.title$</strong>
+            $elseif(it.category)$
+                <small class="u-d-block">$it.category$</small>
+                <strong class="u-d-block">$it.title$</strong>
+            $elseif(it.date)$
+                <time datetime="$it.date.yyyy_mm_dd$" class="u-d-block"><small>$it.date.long$</small></time>
+                <strong class="u-d-block">$it.title$</strong>
+            $else$
+                <span class="p-name" itemprop="name headline">
+                    $it.title$
+                </span>
+            $endif$
+        </div> 
+        <div class="l-media__block l-media__block--main u-d-none@sm-lo">
             $it.title$
         </div> 
         $if(it.subtitle)$
-            <div class="l-media__block u-fs0">
-                <small>
-                    $it.subtitle$
-                </small>
-            </div>
+            <small class="l-media__block u-d-none@sm-lo">
+                $it.subtitle$
+            </small>
         $elseif(it.category)$
-            <div class="l-media__block u-fs0">
-                <small>
-                    $it.category$
-                </small>
-            </div>
+            <small class="l-media__block u-d-none@sm-lo">
+                $it.category$
+            </small>
         $elseif(it.date)$
-            <time datetime="$it.date.yyyy_mm_dd$" class="l-media__block u-fs0" itemprop="dateCreated">
-                <small class="u-d-none@sm-hi">
-                    $it.date.short$
-                </small>
-                <small class="u-d-none@sm-lo">
+            <time datetime="$it.date.yyyy_mm_dd$" class="l-media__block u-d-none@sm-lo" itemprop="dateCreated">
+                <small>
                     $it.date.long$
                 </small>
             </time>
-- 
cgit v1.2.3-70-g09d2