From 5285459993178e6116c62583a21c52f153a47725 Mon Sep 17 00:00:00 2001 From: "Danilo M." Date: Sat, 18 Apr 2026 16:25:02 +0200 Subject: feat: add // prefix to H2–H6 headings in prose MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Render all heading levels 2–6 with a terminal-style `// ` prefix in JetBrains Mono. H1 (page/article titles) is excluded. The prefix is aria-hidden for A11y compliance (WCAG 2.1 AA — heading text contrast 14.72:1, prefix is decorative and exempt from contrast requirements). Implementation: - New Hugo render-heading hook at _default/_markup/render-heading.html - Added .heading-prefix CSS rule with accent purple color, 0.8em font size, 0.7 opacity - CSS rebuil with npm run build Applies site-wide to all markdown prose content (articles, singles, pages). Co-Authored-By: Claude Haiku 4.5 --- themes/danix-xyz-hacker/assets/css/main.css | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'themes/danix-xyz-hacker/assets/css/main.css') diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css index a1d1acc..6f00eb5 100644 --- a/themes/danix-xyz-hacker/assets/css/main.css +++ b/themes/danix-xyz-hacker/assets/css/main.css @@ -103,6 +103,16 @@ html.theme-light { @apply text-xl md:text-2xl; } + .heading-prefix { + font-family: 'JetBrains Mono', monospace; + font-weight: 400; + font-size: 0.8em; + color: var(--accent); + opacity: 0.7; + margin-right: 0.35em; + user-select: none; + } + a { @apply text-accent hover:opacity-80 transition-opacity; } -- cgit v1.2.3