From d32f02478a44d34aa0ee20a1bd55f14dcb94e4e3 Mon Sep 17 00:00:00 2001
From: "Danilo M." <danix@danix.xyz>
Date: Sat, 18 Apr 2026 16:44:36 +0200
Subject: style: unify sidebar widget styling with bash comment prefix

All sidebar widgets (author, share, related posts) now use:
- Unified .sidebar-widget container (no box, only top border via <hr>)
- .sidebar-widget-label with # prefix (bash comment style)
- Monospace, dimmed, small text for consistency

Previously, share widget used a different style (full box with borders).
Author and Related Posts widgets now match the hacker aesthetic.

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

(limited to 'themes/danix-xyz-hacker/layouts')

diff --git a/themes/danix-xyz-hacker/layouts/partials/sidebar.html b/themes/danix-xyz-hacker/layouts/partials/sidebar.html
index 2ec48a6..f80c2cf 100644
--- a/themes/danix-xyz-hacker/layouts/partials/sidebar.html
+++ b/themes/danix-xyz-hacker/layouts/partials/sidebar.html
@@ -1,20 +1,23 @@
 <aside class="order-last md:order-none md:col-span-1">
   <!-- Author info widget (optional - can be expanded) -->
-  <div class="p-4 border border-border/30 rounded mb-6">
-    <h3 class="text-lg font-semibold text-accent mb-3">{{ i18n "author" }}</h3>
+  <div class="sidebar-widget">
+    <p class="sidebar-widget-label"># {{ i18n "author" }}</p>
     <p class="text-text-dim text-sm leading-relaxed">
       {{ .Site.Params.author }}
     </p>
   </div>
 
+  <hr class="sidebar-hr">
+
   <!-- Social sharing widget -->
   {{ partial "social-share.html" (dict "page" . "mode" "sidebar") }}
 
   <!-- Related posts widget (articles only) -->
   {{ if and .Site.Params.relatedPosts (eq .Type "articles") }}
   {{ $related := first 5 (.Site.RegularPages.Related .) }}
-  <div class="p-4 border border-border/30 rounded mb-6">
-    <h3 class="text-lg font-semibold text-accent mb-3">{{ i18n "relatedPosts" }}</h3>
+  <hr class="sidebar-hr">
+  <div class="sidebar-widget">
+    <p class="sidebar-widget-label"># {{ i18n "relatedPosts" }}</p>
     {{ if $related }}
     <ul class="space-y-3">
       {{ range $related }}
diff --git a/themes/danix-xyz-hacker/layouts/partials/social-share.html b/themes/danix-xyz-hacker/layouts/partials/social-share.html
index 20977a8..9e9be43 100644
--- a/themes/danix-xyz-hacker/layouts/partials/social-share.html
+++ b/themes/danix-xyz-hacker/layouts/partials/social-share.html
@@ -8,8 +8,8 @@
   {{ $gridClass = "flex flex-wrap justify-center gap-1" }}
 {{ end }}
 
-<div class="share-widget mb-6">
-  <p class="share-label">// {{ i18n "share" }}</p>
+<div class="sidebar-widget">
+  <p class="sidebar-widget-label"># {{ i18n "share" }}</p>
   <nav aria-label="{{ i18n "share" }}">
     <div class="{{ $gridClass }}">
 
-- 
cgit v1.2.3