From: Danilo M. <redacted>
Date: Sat, 18 Apr 2026 14:44:36 +0000 (+0200)
Subject: style: unify sidebar widget styling with bash comment prefix
X-Git-Tag: release_22042026-1342~97
X-Git-Url: https://git.danix.xyz/?a=commitdiff_plain;h=d32f02478a44d34aa0ee20a1bd55f14dcb94e4e3;p=danix.xyz-2.git

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 <redacted>
---

diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css
index 6f00eb5..8ab29a0 100644
--- a/themes/danix-xyz-hacker/assets/css/main.css
+++ b/themes/danix-xyz-hacker/assets/css/main.css
@@ -306,13 +306,13 @@ html.theme-light {
     height: 50px !important;
   }
 
-  /* Social share widget */
-  .share-widget {
-    padding-top: 0.75rem;
-    border-top: 1px solid var(--border);
+  /* Sidebar widget — no box, no border */
+  .sidebar-widget {
+    margin-bottom: 1.5rem;
   }
 
-  .share-label {
+  /* Sidebar widget title — bash comment style */
+  .sidebar-widget-label {
     font-family: var(--font-mono, monospace);
     font-size: 0.75rem;
     color: var(--text-dim);
@@ -320,6 +320,13 @@ html.theme-light {
     margin-bottom: 0.5rem;
   }
 
+  /* Sidebar separator */
+  .sidebar-hr {
+    border: none;
+    border-top: 1px solid var(--border);
+    margin-bottom: 1.5rem;
+  }
+
   .share-grid {
     display: grid;
     grid-template-columns: repeat(3, 50px);
diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css
index 87ce73b..a9aa329 100644
--- a/themes/danix-xyz-hacker/assets/css/main.min.css
+++ b/themes/danix-xyz-hacker/assets/css/main.min.css
@@ -1419,14 +1419,15 @@ button,
 
 /* Force Feather icons to match size */
 
-/* Social share widget */
+/* Sidebar widget — no box, no border */
 
-.share-widget {
-  padding-top: 0.75rem;
-  border-top: 1px solid var(--border);
+.sidebar-widget {
+  margin-bottom: 1.5rem;
 }
 
-.share-label {
+/* Sidebar widget title — bash comment style */
+
+.sidebar-widget-label {
   font-family: var(--font-mono, monospace);
   font-size: 0.75rem;
   color: var(--text-dim);
@@ -1434,6 +1435,14 @@ button,
   margin-bottom: 0.5rem;
 }
 
+/* Sidebar separator */
+
+.sidebar-hr {
+  border: none;
+  border-top: 1px solid var(--border);
+  margin-bottom: 1.5rem;
+}
+
 .share-grid {
   display: grid;
   grid-template-columns: repeat(3, 50px);
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 }}">