From 6a2e23d68b0004dea42c4b3899464e35fcc41592 Mon Sep 17 00:00:00 2001
From: "Henner M. Kruse" <git@haemka.in>
Date: Thu, 13 Aug 2026 17:01:31 +0000
Subject: [PATCH] Increase social link spacing further, add About-me divider

Sidebar gap 6rem -> 10rem (previous doubling still read as too small).
About-me page: add a subtle .social-links-divider <hr> between the bio
text and the icon row (8rem gap above it, 3rem below to the icons) -
11rem total separation from the text, up from 3rem, plus a visual
break as requested.
---
 static/css/site.css | 17 +++++++++++++----
 templates/page.html |  1 +
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/static/css/site.css b/static/css/site.css
index bc598de..a34c816 100644
--- a/static/css/site.css
+++ b/static/css/site.css
@@ -392,9 +392,9 @@ ul.menuitems {
   justify-content: center;
   gap: 0.75rem;
   list-style: none;
-  /* At least double the standard 3rem inter-section gap (e.g. the gap
-     above "Tags:") to set the icon row apart from the sidebar nav. */
-  margin: 6rem 0 0 0;
+  /* Clearly more than double the standard 3rem inter-section gap (e.g.
+     the gap above "Tags:") to set the icon row apart from the sidebar nav. */
+  margin: 10rem 0 0 0;
 }
 
 .social-links li {
@@ -420,7 +420,9 @@ ul.menuitems {
   height: 1.25rem;
 }
 
-/* About-me page variant: bigger icons, distinct gap from the text above. */
+/* About-me page variant: bigger icons, distinct gap from the text above.
+   Spacing to the preceding text is handled by .social-links-divider's
+   own margins, so this only needs the gap from divider to icons. */
 .social-links--large {
   margin-top: 3rem;
   gap: 1.5rem;
@@ -431,6 +433,13 @@ ul.menuitems {
   height: 5rem;
 }
 
+.social-links-divider {
+  border: none;
+  border-top: 1px solid var(--table-border-color);
+  width: 4rem;
+  margin: 8rem auto 0 auto;
+}
+
 
 .menuitems {
   list-style: none;
diff --git a/templates/page.html b/templates/page.html
index a525e49..a968cfa 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -20,6 +20,7 @@
     {{ page.content }}
 
     {% if page.slug == 'about-me' %}
+    <hr class="social-links-divider">
     {% set social_links_variant = 'large' %}
     {% include "includes/social_links.html" %}
     {% endif %}