From c07da125bc5b0bb65f58c4edce912874e46f6ed8 Mon Sep 17 00:00:00 2001
From: SayaAndy <saya.andy@posteo.com>
Date: Fri, 15 May 2026 21:09:56 +0700
Subject: feat: subheader for blog pages with medley-related ones fix: inline
 shadow now sticks to scrolling feat: multitone backgrounds implementation
 refactor: convert color vars into oklch

---
 views/partials/catalogue-blog-cards.html | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

(limited to 'views/partials')

diff --git a/views/partials/catalogue-blog-cards.html b/views/partials/catalogue-blog-cards.html
index 0a93797..3eebd58 100644
--- a/views/partials/catalogue-blog-cards.html
+++ b/views/partials/catalogue-blog-cards.html
@@ -1,6 +1,6 @@
 {{- range .BlogPages }}
 <hr class="first-of-type:hidden border-t-2 border-dotted border-main-hard">
-<div class="w-full flex flex-row items-stretch">
+<div {{ if .ToHighlight }}id="blog-page-highlighted"{{ end }} class="w-full flex flex-row items-stretch {{ if .ToHighlight }}bg-accent-light bg-paper{{ end }}">
     <div class="relative min-h-24 flex flex-col w-28 overflow-hidden shrink-0 mask-r-from-70% mask-r-to-100%">
         <img onclick="return changeUrl('{{ .ArticleLink }}');" class="h-full min-h-24 w-full cursor-pointer select-none object-cover block absolute" src="{{ printf $.ThumbnailBaseUrl .Thumbnail }}">
         <div class="w-full h-6 flex flex-row mt-auto relative">
@@ -20,10 +20,20 @@
                 <span class="font-extrabold">{{ .Title }}</span>
                 <span class="italic">[{{ .ActionDate }}]</span>
             </a>
+            {{- if not $.HidePublishedTime }}
             <p class="basis-56 grow text-base italic text-secondary text-right">{{ .PublishedTime }}</p>
+            {{- end }}
         </div>
         <p class="font-gentium">{{ .ShortDescription }}</p>
+        {{- if not $.HideTags }}
         <p class="font-m-plus text-sm">{{ $.L.TagsLabel }} {{ template "catalogue-blog-card-tags.html" . }}</p>
+        {{- end }}
     </div>
 </div>
-{{- end }}
\ No newline at end of file
+{{- if .ToHighlight }}
+<script>
+    element = document.getElementById("blog-page-highlighted");
+    element.scrollIntoView({ behavior: "smooth", block: "center" });
+</script>
+{{- end }}
+{{- end }}
-- 
cgit v1.3.1+13