fedizinefest/scripts/zines.js

let zines = [
  {
    "name": "lee (imposter)",
    "blurb": "something about gender or shit, who knows",
    "format": "physical/digital",
    "site": "https://leecat.art"
  },
  {
    "name": "testy mc testerson",
    "blurb": "something dreadfully long, by which i mean really not very long, like our revels now are ended. these our actors, as i foretold you, were all spirits and are melted into air, into thin air: and, like the baseless fabric of this vision, the cloud capp'd towers, the gorgeous palaces, the solemn temples, the great globe itself, yea, all which it inherit, shall dissolve and, like this insubstantial pageant faded, leave not a rack behind. we are such stuff as dreams are made on, and our little life is rounded with a sleep.",
    "format": "digital",
    "site": "http://crouton.net"
  }
]

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