fedizinefest/scripts/zines.js

let zines = [
/*  {
    "name": "",
    "site": "",
    "format": "",
    "blurb": ""
  },
*/
  {
    "name": "Aaron El Sabrout",
    "site": "https://toreachpoise.itch.io",
    "format": "physical/digital",
    "blurb": "new collection of poetry on nature, leftist politics, and transness!"
  },
  {
    "name": "Artcollisions",
    "site": "https://artcollisions.wordpress.com/",
    "format": "physical/digital",
    "blurb": "Continuing adventure of CC and friends, the friendly little burlap monsters"
  },
  {
    "name": "goblin jane",
    "site": "https://thewellandthetree.com/",
    "format": "physical/digital",
    "blurb": "tiny tales of wandering thru interdimensional portals, meeting new friends big and small, and making stone soup."
  },
  {
    "name": "Limnetic Villains",
    "site": "https://limneticvillains.bandcamp.com",
    "format": "digital",
    "blurb": "A fake 1970s punk zine, including interviews, photos, reviews, fake adverts for products and bands that don't exist, in the style of the time."
  },
  {
    "name": "Wetdryvac",
    "site": "https://wetdryvac.net",
    "format": "digital",
    "blurb": "The Vac is a contract/consent ethicist with forays into art, music, literature, and whatever else strikes its fancy. This usually means being somewhere under a cat."
  },
  {
    "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]));
}