From cd04e9bc5fccf4412b3274770c31c07de4ce974c Mon Sep 17 00:00:00 2001
From: Leon Mika <lmika@lmika.org>
Date: Tue, 4 Feb 2025 22:00:53 +1100
Subject: [PATCH] Styling to suit bayou theme

Also moved the sidebar components in a new directory.
---
 .../links.html                                |  0
 .../recommendations.html                      |  2 +-
 .../sidebar.html                              |  0
 static/sidebar.css                            | 22 ++++++++++++++-----
 4 files changed, 18 insertions(+), 6 deletions(-)
 rename layouts/partials/{sidebar-for-tiny-theme => sidebar-for-bayou}/links.html (100%)
 rename layouts/partials/{sidebar-for-tiny-theme => sidebar-for-bayou}/recommendations.html (83%)
 rename layouts/partials/{sidebar-for-tiny-theme => sidebar-for-bayou}/sidebar.html (100%)

diff --git a/layouts/partials/sidebar-for-tiny-theme/links.html b/layouts/partials/sidebar-for-bayou/links.html
similarity index 100%
rename from layouts/partials/sidebar-for-tiny-theme/links.html
rename to layouts/partials/sidebar-for-bayou/links.html
diff --git a/layouts/partials/sidebar-for-tiny-theme/recommendations.html b/layouts/partials/sidebar-for-bayou/recommendations.html
similarity index 83%
rename from layouts/partials/sidebar-for-tiny-theme/recommendations.html
rename to layouts/partials/sidebar-for-bayou/recommendations.html
index a395319..b723295 100644
--- a/layouts/partials/sidebar-for-tiny-theme/recommendations.html
+++ b/layouts/partials/sidebar-for-bayou/recommendations.html
@@ -5,7 +5,7 @@
     {{ if and (.Site.Data.blogrolls) (.Site.Data.blogrolls.recommendations) }}
         <ul class="blogroll">
             {{ range .Site.Data.blogrolls.recommendations }}        
-                <li><a href="{{ .url }}">{{ .name }}: <span>{{ (urls.Parse .url).Hostname }}</span></a></li>
+                <li><a href="{{ .url }}"><span>{{ .name }}:</span> {{ (urls.Parse .url).Hostname }}</a></li>
             {{ end }}
         </ul>
         <div class="blogroll-footer-links">
diff --git a/layouts/partials/sidebar-for-tiny-theme/sidebar.html b/layouts/partials/sidebar-for-bayou/sidebar.html
similarity index 100%
rename from layouts/partials/sidebar-for-tiny-theme/sidebar.html
rename to layouts/partials/sidebar-for-bayou/sidebar.html
diff --git a/static/sidebar.css b/static/sidebar.css
index 10115fd..42ba7a6 100644
--- a/static/sidebar.css
+++ b/static/sidebar.css
@@ -3,7 +3,7 @@
         max-width: 50em;
     }
 
-    div.page-content:has(div.sidebar) {
+    div.page-content-wrapper:has(div.sidebar) {
         display: grid;
         grid-template-columns: minmax(20em,35em) 15em;
         column-gap: 60px;
@@ -28,7 +28,7 @@ div.sidebar {
 
 
 div.sidebar-item {
-  border-block-start: solid thin var(--accent1);
+  border-block-start: solid thin var(--primary);
   padding-block-start: 20px;
   padding-block-end: 20px;
 }
@@ -44,7 +44,6 @@ div.sidebar-item header {
 
 div.sidebar-item header h1 {
     font-size: 1.0em;
-    color: var(--accent1);
 }
 
 div.sidebar-item ul.blogroll,
@@ -60,11 +59,15 @@ div.sidebar-item ul.links li {
 
 div.sidebar-item ul.blogroll li a {
   text-decoration: none;
-  color: var(--text);
+  color: var(--primary);
+}
+
+div.sidebar-item ul.blogroll li a:hover {
+  text-decoration: underline;
 }
 
 div.sidebar-item ul.blogroll li a span {
-  color: var(--accent2);
+  color: var(--text-color);  
 }
 
 div.sidebar-item div.blogroll-footer-links {
@@ -78,6 +81,11 @@ div.sidebar-item div.blogroll-footer-links a {
   text-decoration: none;
 }
 
+div.sidebar-item div.blogroll-footer-links a:hover {
+  text-decoration: underline;
+}
+
+
 div.sidebar-item div.blogroll-footer-links a:first-of-type {
   margin-inline-start: 0;
 }
@@ -85,3 +93,7 @@ div.sidebar-item div.blogroll-footer-links a:first-of-type {
 div.sidebar-item ul.links li a {
   text-decoration: none;
 }
+
+div.sidebar-item ul.links li a:hover {
+  text-decoration: underline;
+}