From 8e16e9f4665f2537225f1d21668c6a8002745770 Mon Sep 17 00:00:00 2001
From: "Danilo M." <danix@danix.xyz>
Date: Tue, 21 Apr 2026 18:28:55 +0200
Subject: fix: hide post-type badge and accents on static pages

Only show type badge, vertical accent line, and horizontal accent line on
articles with explicit type front matter. Static pages (is/ section) no longer
display the "Life" default badge. Updated badge styling to use inline
background-color with full type color variable, matching card overlay appearance.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 TODO.md                                                      | 1 +
 themes/danix-xyz-hacker/layouts/partials/article-header.html | 9 +++++----
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/TODO.md b/TODO.md
index 1707a09..41698e1 100644
--- a/TODO.md
+++ b/TODO.md
@@ -18,6 +18,7 @@
 - [✅] add back-to-top button
 - [✅] Lazy loading articles in list view
 - [✅] modify articles list view to be more of a timeline (line in middle, articles on sides)
+- [✅] remove article type labels from static pages
 - [ ] Progressive enhancement (offline support)
 - [⏳] Create accessibility badges component (WCAG 2.1 AA, Keyboard Accessible, Screen Reader Compatible)
 - [ ] Add badges to footer with links to A11Y-AUDIT-REPORT.md
diff --git a/themes/danix-xyz-hacker/layouts/partials/article-header.html b/themes/danix-xyz-hacker/layouts/partials/article-header.html
index 16ebb8c..63b2a97 100644
--- a/themes/danix-xyz-hacker/layouts/partials/article-header.html
+++ b/themes/danix-xyz-hacker/layouts/partials/article-header.html
@@ -1,12 +1,13 @@
 {{ $articleType := .Params.type | default "life" }}
 {{ $typeConfig := .Site.Params.articleTypes }}
 {{ $typeData := index $typeConfig $articleType }}
+{{ $hasType := .Params.type }}
 
 <div class="mb-8 pb-8 border-b border-border">
   <!-- Title with accent corner -->
   <div class="relative mb-6">
     <!-- Vertical accent line (left side) -->
-    {{ if $typeData }}
+    {{ if and $typeData $hasType }}
     <div
       class="absolute left-0 top-0 bottom-0 w-1 rounded-full"
       style="background-color: var(--type-{{ $articleType }});"
@@ -14,7 +15,7 @@
     {{ end }}
 
     <!-- Horizontal accent line (bottom, 50% width with fade) -->
-    {{ if $typeData }}
+    {{ if and $typeData $hasType }}
     <div
       class="absolute left-0 bottom-0 h-1 rounded-full"
       style="width: 50%; background: linear-gradient(to right, var(--type-{{ $articleType }}), var(--type-{{ $articleType }}) 0%, transparent 100%);"
@@ -61,8 +62,8 @@
     {{ end }}
 
     <!-- Type badge -->
-    {{ if $typeData }}
-    <span class="badge badge-{{ $articleType }}">
+    {{ if and $typeData $hasType }}
+    <span class="inline-flex items-center px-2.5 py-1 rounded text-sm font-mono font-semibold whitespace-nowrap transition-all duration-200 text-white" style="background-color: var(--type-{{ $articleType }}); border: 1px solid var(--type-{{ $articleType }});">
       {{ i18n $articleType }}
     </span>
     {{ end }}
-- 
cgit v1.2.3