From 02e53151ec7fa814200858257cc04a17fe602d18 Mon Sep 17 00:00:00 2001
From: "Glitch (glitch-hello-website)" <none>
Date: Fri, 13 Dec 2024 02:01:49 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=8F=F0=9F=8D=B1=20Checkpoint=20./style?=
 =?UTF-8?q?s/zines.css:69682263/565=20./scripts/zines.js:69682263/755=20./?=
 =?UTF-8?q?zines/index.html:69682263/15?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 scripts/zines.js | 38 ++++++++++++++++++++++++++++----------
 styles/zines.css | 21 +++++++++++++++++----
 zines/index.html |  2 +-
 3 files changed, 46 insertions(+), 15 deletions(-)

diff --git a/scripts/zines.js b/scripts/zines.js
index 83fdc83..2872b74 100644
--- a/scripts/zines.js
+++ b/scripts/zines.js
@@ -5,26 +5,44 @@ let zines = [
     "format": "physical/digital",
     "site": "https://leecat.art",
     "fedi": "https://flipping.rocks/@inherentlee"
+  },
+  {
+    "name": "testy mc testerson",
+    "blurb": "something dreadfully long, like all the world's a stage, and all the men and women merely players, they have their entrance",
+    "format": "digital"
   }
 ]
 
+/*
+          <li class="artist">
+            <h2>
+              lee
+            </h2>
+            <p>
+              is making a physical/digital zine about...
+            </p>
+            <blockquote>
+              <p>
+                something about gender or shit idk let this wrap onto a new line
+              </p>
+            </blockquote>
+          </li>
+        </ul>
+        */
+
 function makeZine({name, blurb, format, site, fedi}) {
-  let zine = document.createElement("div");
-  zine.className = "zine";
+  let zine = document.createElement("li");
   
-  let h3 = document.createElement("h3");
-  h3.className = "artist";
-  h3.innerHTML = name;
-  zine.append(h3);
+  let h2 = document.createElement("h2");
+  h2.innerHTML = name;
+  zine.append(h2);
   
   let p = document.createElement("p");
-  p.className = "intro";
-  p.innerHTML = name + " is making a " + format + " zine about...";
+  p.innerHTML = " is making a " + format + " zine about...";
   zine.append(p);
   
   let bq = document.createElement("blockquote");
   let bqP = document.createElement("p");
-  bq.className = "blurb"
   bqP.innerHTML = blurb;
   bq.append(bqP);
   zine.append(bq);
@@ -35,5 +53,5 @@ function makeZine({name, blurb, format, site, fedi}) {
 let zineContainer = document.getElementById("zine-container");
 
 for (let i = 0; i < zines.length; i++) {
-  // zineContainer.append(makeZine(zines[i]));
+  zineContainer.append(makeZine(zines[i]));
 }
\ No newline at end of file
diff --git a/styles/zines.css b/styles/zines.css
index 12aa040..d08404f 100644
--- a/styles/zines.css
+++ b/styles/zines.css
@@ -1,8 +1,21 @@
-li {
-  list-style: none;
-  margin: 0;
+#zine-container {
+  padding: 0;  
 }
 
-h2, p {
+#zine-container li {
+  list-style: none;
+  border-bottom: solid;
+  border-left: solid;
+  border-radius: 4px;
+  padding: 0 .4rem .4rem;
+}
+
+#zine-container h2,
+#zine-container p {
   display: inline;
+}
+
+blockquote {
+  margin: 0;
+  color: light-dark(var(--color-header-light), var(--color-header-dark));
 }
\ No newline at end of file
diff --git a/zines/index.html b/zines/index.html
index 12bae18..34b6e53 100644
--- a/zines/index.html
+++ b/zines/index.html
@@ -60,7 +60,7 @@
         
         <ul id="zine-container">
           <!-- Auto populated by scripts/zines.js -->
-          <li class="artist">
+          <li>
             <h2>
               lee
             </h2>