From ee8ec04d8f34f91e249b62e62904d75debc69359 Mon Sep 17 00:00:00 2001
From: "Glitch (glitch-hello-website)" <none>
Date: Fri, 13 Dec 2024 01:14:39 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=85=F0=9F=8F=AF=20Checkpoint=20./scrip?=
 =?UTF-8?q?ts/zines.js:69682263/936=20./zines/index.html:69682263/124?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 scripts/zines.js | 30 ++++++++++++++++++++++++++----
 zines/index.html |  4 +++-
 2 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/scripts/zines.js b/scripts/zines.js
index 7b41764..37140dd 100644
--- a/scripts/zines.js
+++ b/scripts/zines.js
@@ -1,10 +1,32 @@
 let zines = [
   {
-    "artist": "lee",
+    "name": "lee",
     "blurb": "something about gender or shit, who knows",
     "format": "physical/digital",
-    "website": "https://leecat.art",
+    "site": "https://leecat.art",
     "fedi": "https://flipping.rocks/@inherentlee"
-    
   }
-]
\ No newline at end of file
+]
+
+function makeZine({name, blurb, format, site, fedi}) {
+  let zine = document.createElement("div");
+  zine.className = "zine";
+  
+  let h3 = document.createElement("h3");
+  h3.innerHTML = name;
+  h3.className = "artist";
+  zine.append(h3);
+  
+  let p = document.createElement("p");
+  p.innerHTML = blurb;
+  p.className = "blurb";
+  zine.append(p);
+  
+  return zine;
+}
+
+let zineContainer = document.getElementById("zine-container");
+
+for (let i = 0; i < zines.length; i++) {
+  zineContainer.append(makeZine(zines[i]));
+}
\ No newline at end of file
diff --git a/zines/index.html b/zines/index.html
index 9cce719..bf2a828 100644
--- a/zines/index.html
+++ b/zines/index.html
@@ -57,7 +57,9 @@
           <h1>The Zines!</h1>
         </header>
         
-        
+        <div id="zine-container">
+          <!-- Auto populated by scripts/zines.js -->
+        </div>
         
       </main>
     </div>