From c36950429668b49d41d7dae12bd7107e7a641e54 Mon Sep 17 00:00:00 2001
From: Leon Mika <lmika@lmika.org>
Date: Wed, 13 Mar 2024 21:07:36 +1100
Subject: [PATCH] added styling and markup for blogroll

---
 layouts/partials/sidebar.html | 12 +++++++-----
 static/sidebar.css            |  7 ++++++-
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index 9781f42..e8c0158 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -2,10 +2,12 @@
     <div class="sidebar-cell">
         <p>Recommendations</p>
         
-        {{ range .Site.Data.blogrolls.recommendations }}
-            <p>{{ .name }}</p>
-        {{ else }}
-            <p>No recommendations yet.</p>
-        {{ end }}
+        <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>
 </div>
\ No newline at end of file
diff --git a/static/sidebar.css b/static/sidebar.css
index 1b2e8ff..735569b 100644
--- a/static/sidebar.css
+++ b/static/sidebar.css
@@ -4,5 +4,10 @@ body {
 
 div.wrapper {
     display: grid;
-    grid-template-columns: auto 20em;       /* might be 15 */
+    grid-template-columns: auto 15em;
+    column-gap: 60px;
+}
+
+div.sidebar {
+    font-size: 0.8;
 }
\ No newline at end of file