From c3c20ab489f0065888d54b5bc51ce58881450110 Mon Sep 17 00:00:00 2001
From: "Danilo M." <danix@danix.xyz>
Date: Wed, 13 May 2026 09:40:13 +0200
Subject: feat: add glitch effect to article list page H1

Add .section-title class with chromatic-aberration glitch mechanics
mirroring .hero-name. Extend hero-glitch.js to target both classes
independently. Load glitch script on IsHome and IsSection pages.
Title styled uppercase, centered, white.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 layouts/_default/baseof.html | 2 +-
 layouts/_default/list.html   | 4 +---
 2 files changed, 2 insertions(+), 4 deletions(-)

(limited to 'layouts')

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 20f428d..cb17c1d 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -139,7 +139,7 @@
   <script src="{{ $contribScript.RelPermalink }}"></script>
 
   <!-- Hero glitch effect (homepage only) -->
-  {{ if .IsHome }}
+  {{ if or .IsHome .IsSection }}
   {{ $heroScript := resources.Get "js/hero-glitch.js" | minify }}
   <script src="{{ $heroScript.RelPermalink }}"></script>
   {{ end }}
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 09c0cbb..c99e930 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,8 +1,6 @@
 {{ define "main" }}
 <div class="mx-auto px-4 py-12 max-w-5xl">
-  <h1 class="text-4xl md:text-5xl font-bold text-accent mb-12">
-    {{ .Title }}
-  </h1>
+  <h1 class="section-title" data-text="{{ .Title }}">{{ .Title }}</h1>
 
   {{ $pinned := where .Pages "Params.pinned" true }}
   {{ $unpinned := where .Pages "Params.pinned" false }}
-- 
cgit v1.2.3