let zines = [
  {
    "name": "lee",
    "blurb": "something about gender or shit, who knows",
    "format": "physical/digital",
    "site": "https://leecat.art",
    "fedi": "https://flipping.rocks/@inherentlee"
  },
  {
    "name": "testy mc testerson",
    "blurb": "something dreadfully long, like all the world's a stage, and all the men and women merely players, they have their entrance",
    "format": "digital"
  }
]

/*
          <li class="artist">
            <h2>
              lee
            </h2>
            <p>
              is making a physical/digital zine about...
            </p>
            <blockquote>
              <p>
                something about gender or shit idk let this wrap onto a new line
              </p>
            </blockquote>
          </li>
        </ul>
        */

function makeZine({name, blurb, format, site, fedi}) {
  let zine = document.createElement("li");
  
  let h2 = document.createElement("h2");
  h2.innerHTML = name;
  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]));
}