fedizinefest/scripts/zines.js

let zines = [
/*  {
    "name": "",
    "site": "",
    "format": "",
    "blurb": ""
  },
*/
  {
    "name": "Evel",
    "site": "https://evel.life",
    "format": "digital",
    "blurb": "About severe disability with a bit extra on being a caregiver"
  },
  {
    "name": "gup",
    "site": "https://cyberpunk.gay/@glyph",
    "format": "physical/digital",
    "blurb": "fortune teller/ cootie catcher foldable. prefolded for physical, print and fold yourself for digital. decorated with hand carved stamps. black and white. i need to buy nice paper."
  },
  {
    "name": "Handmade Ghost",
    "site": "https://handmadeghost.neocities.org/",
    "blurb": "This will be either a birds-n-poetry zine, a zine on rural Oregon, or a zine on disability and birding (or, very likely, all three).",
    "format": "physical"
  }
]

function makeZine({name, blurb, format, site, fedi}) {
  let zine = document.createElement("li");
  
  let h2 = document.createElement("h2");
  let a = document.createElement("a");
  a.innerHTML = name;
  a.href = site;
  h2.append(a);
  zine.append(h2);
  
  let p = document.createElement("p");
  p.innerHTML = " is making a " + format + " zine:";
  zine.append(p);
  
  let bq = document.createElement("blockquote");
  let bqP = document.createElement("p");
  bqP.innerHTML = blurb;
  bq.append(bqP);
  zine.append(bq);
  
  return zine;
}

let zineContainer = document.getElementById("zine-container");

for (let i = 0; i < zines.length; i++) {
  zineContainer.append(makeZine(zines[i]));
}