From db27bd6602da9cb3d00cd24bf7e4bdb1db1d2bdd Mon Sep 17 00:00:00 2001
From: "Danilo M." <danix@danix.xyz>
Date: Tue, 28 Apr 2026 21:13:36 +0200
Subject: fix: add aria-hidden to decorative feather icons, align type badge
 with header pattern

---
 layouts/partials/article-header.html |  6 +++---
 layouts/partials/sidebar.html        | 12 ++++++------
 2 files changed, 9 insertions(+), 9 deletions(-)

(limited to 'layouts')

diff --git a/layouts/partials/article-header.html b/layouts/partials/article-header.html
index 94c78a5..55f6af1 100644
--- a/layouts/partials/article-header.html
+++ b/layouts/partials/article-header.html
@@ -32,7 +32,7 @@
     <!-- Publish date -->
     {{ if .PublishDate }}
     <div class="flex items-center gap-1">
-      <i data-feather="calendar" class="w-4 h-4"></i>
+      <i data-feather="calendar" class="w-4 h-4" aria-hidden="true"></i>
       <time datetime="{{ .PublishDate.Format "2006-01-02T15:04:05Z07:00" }}">
         {{ .PublishDate.Format "Jan 2, 2006" }}
       </time>
@@ -45,7 +45,7 @@
       {{ $pubDate := .PublishDate.Format "2006-01-02" }}
       {{ if ne $lastmodDate $pubDate }}
       <div class="flex items-center gap-1">
-        <i data-feather="edit-2" class="w-4 h-4"></i>
+        <i data-feather="edit-2" class="w-4 h-4" aria-hidden="true"></i>
         <time datetime="{{ .Lastmod.Format "2006-01-02T15:04:05Z07:00" }}">
           {{ .Lastmod.Format "Jan 2, 2006" }}
         </time>
@@ -56,7 +56,7 @@
     <!-- Reading time -->
     {{ if .Site.Params.readingTime }}
     <div class="flex items-center gap-1">
-      <i data-feather="clock" class="w-4 h-4"></i>
+      <i data-feather="clock" class="w-4 h-4" aria-hidden="true"></i>
       <span>{{ .ReadingTime }} {{ i18n "min" }} {{ i18n "readingTime" }}</span>
     </div>
     {{ end }}
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index 2db058f..483e90b 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -14,16 +14,16 @@
 
     <ul class="space-y-2 text-sm text-text-dim">
       <li class="flex items-center gap-2">
-        <i data-feather="user" class="w-4 h-4 shrink-0"></i>
+        <i data-feather="user" class="w-4 h-4 shrink-0" aria-hidden="true"></i>
         <span>{{ .Site.Params.author }}</span>
       </li>
       <li class="flex items-center gap-2">
-        <i data-feather="file-text" class="w-4 h-4 shrink-0"></i>
+        <i data-feather="file-text" class="w-4 h-4 shrink-0" aria-hidden="true"></i>
         <span>{{ .WordCount }} {{ i18n "words" }}</span>
       </li>
       {{ if .Site.Params.readingTime }}
       <li class="flex items-center gap-2">
-        <i data-feather="clock" class="w-4 h-4 shrink-0"></i>
+        <i data-feather="clock" class="w-4 h-4 shrink-0" aria-hidden="true"></i>
         <span>{{ .ReadingTime }} {{ i18n "min" }} {{ i18n "readingTime" }}</span>
       </li>
       {{ end }}
@@ -32,10 +32,10 @@
       {{ $typeData := index $typeConfig $articleType }}
       {{ if and $typeData $articleType }}
       <li class="flex items-center gap-2">
-        <i data-feather="tag" class="w-4 h-4 shrink-0"></i>
+        <i data-feather="tag" class="w-4 h-4 shrink-0" aria-hidden="true"></i>
         <span
-          class="inline-flex items-center px-2 py-0.5 rounded text-xs font-mono font-semibold"
-          style="background-color: var(--type-{{ $articleType }}); color: var(--type-{{ $articleType }}-text);"
+          class="inline-flex items-center px-2.5 py-1 rounded text-sm font-mono font-semibold whitespace-nowrap transition-all duration-200"
+          style="background-color: var(--type-{{ $articleType }}); border: 1px solid var(--type-{{ $articleType }}); color: var(--type-{{ $articleType }}-text);"
         >{{ i18n $articleType }}</span>
       </li>
       {{ end }}
-- 
cgit v1.2.3