diff --git a/scripts/zines.js b/scripts/zines.js index af85d8c..57a81f3 100644 --- a/scripts/zines.js +++ b/scripts/zines.js @@ -14,11 +14,14 @@ let zines = [ ] function makeZine({name, blurb, format, site, fedi}) { - let zine = document.createElement("a"); - zine.href = + let zine = document.createElement("li"); + let h2 = document.createElement("h2"); - h2.innerHTML = name; + let a = document.createElement("a"); + a.innerHTML = name; + a.href = site; + h2.append(a); zine.append(h2); let p = document.createElement("p"); diff --git a/styles/zines.css b/styles/zines.css index 1f77e80..6e10e46 100644 --- a/styles/zines.css +++ b/styles/zines.css @@ -2,7 +2,7 @@ padding: 0; } -#zine-container a { +#zine-container li { list-style: none; border-bottom: solid; border-left: solid; @@ -16,6 +16,10 @@ display: inline; } +h2>a { + background-color: light-dark(var(--color-text-light), var(--color-text-dark)); +} + blockquote { margin: 0; color: light-dark(var(--color-header-light), var(--color-header-dark));