fedizinefest/scripts/zines.js

let zines = [
  {
    "name": "lee",
    "blurb": "something about gender or shit, who knows",
    "format": "physical/digital",
    "site": "https://leecat.art",
    "fedi": "https://flipping.rocks/@inherentlee"
  }
]

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

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

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