🌕🖼 Checkpoint

./scripts/zines.js:69682263/13088
./zines/index.html:69682263/304

scripts/zines.js

@@ -6,28 +6,38 @@ let zines = [
     "blurb": ""
   },
 */
+  {
+    name: "Pesto Jaguar",
+    site: "https://sunny.garden/@pestojaguar",
+    format: "digital",
+    blurb:
+      "abstract, absurd, surreal, experimental?... Perhaps comics-adjacent or sciFi-adjacent?... some manner of weird zine, mainly images with some text like experimental prose or poetry, even?... Around 20 pages in A5. No 'AI' or image/text generation, just human made digital art.",
+  },
   {
     name: "bouncinglime",
     format: "physical/digital",
-    blurb: "four postcards printed on cardstock (physical) or for printing on cardstock (digital) in black-and-white that can be colored and otherwise decorated and sent out!",
+    blurb:
+      "four postcards printed on cardstock (physical) or for printing on cardstock (digital) in black-and-white that can be colored and otherwise decorated and sent out!",
   },
   {
     name: "lee",
     site: "https://leecat.art",
     format: "physical",
-    blurb: "2 color hand-printed zine with pictures of my dog"
+    blurb: "2 color hand-printed zine with pictures of my dog",
   },
   {
     name: "Em/mett",
     site: "https://proteanart.xyz",
     format: "physical",
-    blurb: "So You Want To Be A Pen Pal minizine. About being a pen pal for incarcerated folks! And beginner advocacy work!"
+    blurb:
+      "So You Want To Be A Pen Pal minizine. About being a pen pal for incarcerated folks! And beginner advocacy work!",
   },
   {
     name: "Mythical Type",
     site: "https://mythicaltype.com/zines/",
     format: "physical",
-    blurb: "“Text Message Moods” is an 8-page mini zine that illustrates what text message conversations look like, depending on people’s moods. Hand-drawn, printed in color on white paper."
+    blurb:
+      "“Text Message Moods” is an 8-page mini zine that illustrates what text message conversations look like, depending on people’s moods. Hand-drawn, printed in color on white paper.",
   },
   {
     name: "Acin Fals",
@@ -150,3 +160,11 @@ let zineContainer = document.getElementById("zine-container");
 for (let i = 0; i < zines.length; i++) {
   zineContainer.append(makeZine(zines[i]));
 }
+
+let zineCounter = document.getElementById("zine-count");
+let total = zines.length;
+let p0 = document.createElement("p");
+p0.innerHTML = total + " artists.";
+zineCounter.append(p0);
+
+let formats = zines.map(zine => zine.format);

zines/index.html

@@ -58,15 +58,9 @@
           <h1>The Zines!</h1>
         </header>
         
-        <p>
+        <div id="zine-count">
-          <b>16</b> artists.
+          <!-- Auto populated by scripts/zines.js -->
-        </p>
+        </div>
-        <p>
-          <b>12</b> physical zines.
-        </p>
-        <p>
-          <b>13</b> digital zines.
-        </p>
 
         <ul id="zine-container">
           <!-- Auto populated by scripts/zines.js -->