🚅🏯 Checkpoint

./scripts/zines.js:69682263/936
./zines/index.html:69682263/124

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"
-    
   }
-]
+]
+
+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]));
+}

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>