From 69f764fd41cb833164ddb07c31fd835d70215f1f Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sat, 30 Jul 2022 08:08:15 +0200
Subject: Semantic fixes, show last update before title

---
 templates/layouts/page.html          |  8 +++++++-
 templates/partials/gallery_card.html | 13 ++++---------
 templates/partials/grid_card.html    |  8 ++++----
 templates/partials/list_card.html    |  6 +++---
 4 files changed, 18 insertions(+), 17 deletions(-)

(limited to 'templates')

diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index b93f45f..3ba8d54 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -7,11 +7,17 @@
 >
     <article class="h-entry">
         $if(date)$
-            <time datetime="$date.yyyy_mm_dd$" class="o-badge u-mb-125 dt-updated" itemprop="dateCreated">
+            <time datetime="$date.yyyy_mm_dd$" class="o-badge u-mb-125 dt-published" itemprop="datePublished">
                 $date.long$
             </time>
         $endif$
 
+        $if(was_updated)$
+            <time datetime="$last_update.yyyy_mm_dd$" class="o-badge u-mb-125 dt-updated" itemprop="dateModified">
+                Updated: $last_update.long$
+            </time>
+        $endif$
+
         $if(draft)$
             <span class="o-badge u-mb-125">
                 Draft
diff --git a/templates/partials/gallery_card.html b/templates/partials/gallery_card.html
index f040952..ca1fdd6 100644
--- a/templates/partials/gallery_card.html
+++ b/templates/partials/gallery_card.html
@@ -28,32 +28,27 @@ $if(it.thumbnail)$
                 <use href="$assets.icons_svg$#$it.icon$"></use>
             </svg>
         $endif$
-        $if(it.draft)$
-            <div class="l-media__block">
-                <span class="o-badge">Draft</span>
-            </div>
-        $endif$
         <div class="l-media__block l-media__block--main">
             $if(it.subtitle)$
                 <div>
-                    <strong>$it.title$</strong>
+                    <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>
             $elseif(it.category)$
                 <small class="u-d-block">$it.category$</small>
                 <div>
-                    <strong>$it.title$</strong>
+                    <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">
-                    <time datetime="$it.last_update.yyyy_mm_dd$" itemprop="dateCreated">
+                    <time datetime="$it.last_update.yyyy_mm_dd$" class="dt-updated" itemprop="dateModified">
                         $it.last_update.long$
                     </time>
                 </small>
                 <div>
-                    <strong>$it.title$</strong>
+                    <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$
diff --git a/templates/partials/grid_card.html b/templates/partials/grid_card.html
index ab6dbbc..fdd19f2 100644
--- a/templates/partials/grid_card.html
+++ b/templates/partials/grid_card.html
@@ -18,24 +18,24 @@
         <div class="l-media__block l-media__block--main">
             $if(it.subtitle)$
                 <div>
-                    <strong>$it.title$</strong>
+                    <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>
             $elseif(it.category)$
                 <small class="u-d-block">$it.category$</small>
                 <div>
-                    <strong>$it.title$</strong>
+                    <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">
-                    <time datetime="$it.last_update.yyyy_mm_dd$" itemprop="dateCreated">
+                    <time datetime="$it.last_update.yyyy_mm_dd$" class="dt-updated" itemprop="dateModified">
                         $it.last_update.long$
                     </time>
                 </small>
                 <div>
-                    <strong>$it.title$</strong>
+                    <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$
diff --git a/templates/partials/list_card.html b/templates/partials/list_card.html
index a89193a..4eed174 100644
--- a/templates/partials/list_card.html
+++ b/templates/partials/list_card.html
@@ -37,14 +37,14 @@
                     $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
                 </div>
             $else$
-                <span class="p-name" itemprop="name headline">
+                <span>
                     $it.title$
                 </span>
                 $if(it.draft)$<span class="o-badge u-ml-100">Draft</span>$endif$
             $endif$
         </div> 
         <div class="l-media__block l-media__block--main u-d-none@sm-lo">
-            $it.title$
+            <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)$
@@ -53,7 +53,7 @@
             <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$" itemprop="dateCreated">
+                <time datetime="$it.last_update.yyyy_mm_dd$" class="dt-updated" itemprop="dateModified">
                     $it.last_update.short$
                 </time>
             </small>
-- 
cgit v1.2.3-54-g00ecf