🏹⏲ Checkpoint

./scripts/zines.js:69682263/645
./styles/zines.css:69682263/136
This commit is contained in:
Glitch (glitch-hello-website)
2024-12-13 23:04:38 +00:00
parent 797b851927
commit 2f2c732ea6
2 changed files with 11 additions and 4 deletions

View File

@ -14,11 +14,14 @@ let zines = [
] ]
function makeZine({name, blurb, format, site, fedi}) { function makeZine({name, blurb, format, site, fedi}) {
let zine = document.createElement("a"); let zine = document.createElement("li");
zine.href =
let h2 = document.createElement("h2"); 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); zine.append(h2);
let p = document.createElement("p"); let p = document.createElement("p");

View File

@ -2,7 +2,7 @@
padding: 0; padding: 0;
} }
#zine-container a { #zine-container li {
list-style: none; list-style: none;
border-bottom: solid; border-bottom: solid;
border-left: solid; border-left: solid;
@ -16,6 +16,10 @@
display: inline; display: inline;
} }
h2>a {
background-color: light-dark(var(--color-text-light), var(--color-text-dark));
}
blockquote { blockquote {
margin: 0; margin: 0;
color: light-dark(var(--color-header-light), var(--color-header-dark)); color: light-dark(var(--color-header-light), var(--color-header-dark));