diff --git a/scripts/zines.js b/scripts/zines.js index 83fdc83..2872b74 100644 --- a/scripts/zines.js +++ b/scripts/zines.js @@ -5,26 +5,44 @@ let zines = [ "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" } ] +/* +
  • +

    + lee +

    +

    + is making a physical/digital zine about... +

    +
    +

    + something about gender or shit idk let this wrap onto a new line +

    +
    +
  • + + */ + function makeZine({name, blurb, format, site, fedi}) { - let zine = document.createElement("div"); - zine.className = "zine"; + let zine = document.createElement("li"); - let h3 = document.createElement("h3"); - h3.className = "artist"; - h3.innerHTML = name; - zine.append(h3); + let h2 = document.createElement("h2"); + h2.innerHTML = name; + zine.append(h2); let p = document.createElement("p"); - p.className = "intro"; - p.innerHTML = name + " is making a " + format + " zine about..."; + p.innerHTML = " 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); @@ -35,5 +53,5 @@ function makeZine({name, blurb, format, site, fedi}) { let zineContainer = document.getElementById("zine-container"); for (let i = 0; i < zines.length; i++) { - // zineContainer.append(makeZine(zines[i])); + zineContainer.append(makeZine(zines[i])); } \ No newline at end of file diff --git a/styles/zines.css b/styles/zines.css index 12aa040..d08404f 100644 --- a/styles/zines.css +++ b/styles/zines.css @@ -1,8 +1,21 @@ -li { - list-style: none; - margin: 0; +#zine-container { + padding: 0; } -h2, p { +#zine-container li { + list-style: none; + border-bottom: solid; + border-left: solid; + border-radius: 4px; + padding: 0 .4rem .4rem; +} + +#zine-container h2, +#zine-container p { display: inline; +} + +blockquote { + margin: 0; + color: light-dark(var(--color-header-light), var(--color-header-dark)); } \ No newline at end of file diff --git a/zines/index.html b/zines/index.html index 12bae18..34b6e53 100644 --- a/zines/index.html +++ b/zines/index.html @@ -60,7 +60,7 @@