From 2f2c732ea6f57fc17d57b8228198ef7301de932f Mon Sep 17 00:00:00 2001
From: "Glitch (glitch-hello-website)" <none>
Date: Fri, 13 Dec 2024 23:04:38 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8F=B9=E2=8F=B2=20Checkpoint=20./scripts/?=
 =?UTF-8?q?zines.js:69682263/645=20./styles/zines.css:69682263/136?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 scripts/zines.js | 9 ++++++---
 styles/zines.css | 6 +++++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/scripts/zines.js b/scripts/zines.js
index af85d8c..57a81f3 100644
--- a/scripts/zines.js
+++ b/scripts/zines.js
@@ -14,11 +14,14 @@ let zines = [
 ]
 
 function makeZine({name, blurb, format, site, fedi}) {
-  let zine = document.createElement("a");
-  zine.href = 
+  let zine = document.createElement("li");
   
+
   let h2 = document.createElement("h2");
-  h2.innerHTML = name;
+  let a = document.createElement("a");
+  a.innerHTML = name;
+  a.href = site;
+  h2.append(a);
   zine.append(h2);
   
   let p = document.createElement("p");
diff --git a/styles/zines.css b/styles/zines.css
index 1f77e80..6e10e46 100644
--- a/styles/zines.css
+++ b/styles/zines.css
@@ -2,7 +2,7 @@
   padding: 0;  
 }
 
-#zine-container a {
+#zine-container li {
   list-style: none;
   border-bottom: solid;
   border-left: solid;
@@ -16,6 +16,10 @@
   display: inline;
 }
 
+h2>a {
+  background-color: light-dark(var(--color-text-light), var(--color-text-dark));
+}
+
 blockquote {
   margin: 0;
   color: light-dark(var(--color-header-light), var(--color-header-dark));