From a18ee10fd6c70fa914abbca03e1c524fb8417328 Mon Sep 17 00:00:00 2001
From: Leon Mika <lmika@lmika.org>
Date: Sat, 16 Mar 2024 09:24:57 +1100
Subject: [PATCH] Starting to style additional sidebar items.

---
 .../sidebar-items/recommendations.html         | 16 ++++++++++++++++
 layouts/partials/sidebar.html                  | 18 ++++++------------
 2 files changed, 22 insertions(+), 12 deletions(-)
 create mode 100644 layouts/partials/sidebar-items/recommendations.html

diff --git a/layouts/partials/sidebar-items/recommendations.html b/layouts/partials/sidebar-items/recommendations.html
new file mode 100644
index 0000000..783e1c7
--- /dev/null
+++ b/layouts/partials/sidebar-items/recommendations.html
@@ -0,0 +1,16 @@
+<div class="sidebar-item">
+    <header>
+        <h1>Recommendations</h1>
+    </header>
+    <ul class="blogroll">
+        {{ range .Site.Data.blogrolls.recommendations }}
+            <li><a href="{{ .url }}">{{ .name }}: <span>{{ (urls.Parse .url).Hostname }}</span></a></li>
+        {{ else }}
+            <p>No recommendations yet.</p>
+        {{ end }}
+    </ul>
+    <div class="blogroll-footer-links">
+        <a href="{{ .Site.BaseURL }}/.well-known/recommendations.opml">OPML</a>
+        <a href="{{ .Site.BaseURL }}/.well-known/recommendations.json">JSON</a>
+    </div>
+</div>
\ No newline at end of file
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index c7c9019..d8a6e17 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -1,18 +1,12 @@
 <div class="sidebar">
-    <div class="sidebar-cell">
+    {{ partial "sidebar-items/recommendations.html" . }}
+    
+    <div class="sidebar-item">
         <header>
-            <h1>Recommendations</h1>
+            <h1>About</h1>
         </header>
-        <ul class="blogroll">
-            {{ range .Site.Data.blogrolls.recommendations }}
-                <li><a href="{{ .url }}">{{ .name }}: <span>{{ (urls.Parse .url).Hostname }}</span></a></li>
-            {{ else }}
-                <p>No recommendations yet.</p>
-            {{ end }}
-        </ul>
-        <div class="blogroll-footer-links">
-            <a href="{{ .Site.BaseURL }}/.well-known/recommendations.opml">OPML</a>
-            <a href="{{ .Site.BaseURL }}/.well-known/recommendations.json">JSON</a>
+        <div>
+            <p>This is some more stuff that goes here.</p>
         </div>
     </div>
 </div>
\ No newline at end of file