🐝👜 Checkpoint

./scripts/zines.js:69682263/593
./scripts/footer.js:69682263/9
./styles/main.css:69682263/12

scripts/footer.js

@@ -3,7 +3,7 @@
 let footerHTML = `
   <p>Created by <a href="https://leecat.art">Lee Cattarin</a> with help from:</p>
   <ul>
-    <li><a href="https://flipping.rocks/@mycrowgirl">Lisa</a> (color palette)</li>
+    <li><a href="https://flipping.rocks/@mycrowgirl">Lisa</a> (original color palette)</li>
     <li>the <a href="/team">FediZineFest 2025 team</a></li>
   </ul>
   <p>Site feedback? Questions? <a href="mailto:lee.cattarin@gmail.com?subject=fediZineFest">Reach out to Lee</a></p>

scripts/zines.js

@@ -13,15 +13,22 @@ function makeZine({name, blurb, format, site, fedi}) {
   zine.className = "zine";
   
   let h3 = document.createElement("h3");
-  h3.innerHTML = name;
   h3.className = "artist";
+  h3.innerHTML = name;
   zine.append(h3);
   
   let p = document.createElement("p");
-  p.innerHTML = blurb;
+  p.className = "intro";
-  p.className = "blurb";
+  p.innerHTML = name + " 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);
+  
   return zine;
 }
 

styles/main.css

@@ -7,7 +7,7 @@
   --color-header-light: #185370;
   
   --color-bg-dark: #1f1f1f; 
-  --color-text-dark: #4fcdfe;
+  --color-text-dark: #91c73b;
   --color-header-dark: #ff87f3;
   
   --color-bg-wip: #fbcc0a;