🏘💸 Checkpoint
./scripts/zines.js:69682263/3572 ./styles/zines.css:69682263/448 ./styles/main.css:69682263/34
This commit is contained in:
@ -14,19 +14,17 @@ function makeZine({ name, blurb, format, site, title }) {
|
|||||||
|
|
||||||
let p = document.createElement("p");
|
let p = document.createElement("p");
|
||||||
if (title) {
|
if (title) {
|
||||||
p.innerHTML = " made a " + format + " zine called <b>" + title + "</b>";
|
p.innerHTML = " made a " + format + " zine called <h3>" + title + "</h3>";
|
||||||
} else {
|
} else {
|
||||||
p.innerHTML = " is making a " + format + " zine:";
|
p.innerHTML = " is making a " + format + " zine:";
|
||||||
let bq = document.createElement("blockquote");
|
let bq = document.createElement("blockquote");
|
||||||
let bqP = document.createElement("p");
|
let bqP = document.createElement("p");
|
||||||
bqP.innerHTML = blurb;
|
bqP.innerHTML = blurb;
|
||||||
bq.append(bqP);
|
bq.append(bqP);
|
||||||
zine.append(bq);
|
zine.append(bq);
|
||||||
}
|
}
|
||||||
zine.append(p);
|
zine.append(p);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return zine;
|
return zine;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -12,6 +12,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#zine-container h2,
|
#zine-container h2,
|
||||||
|
#zine-container h3
|
||||||
#zine-container p {
|
#zine-container p {
|
||||||
border: none;
|
border: none;
|
||||||
display: inline;
|
display: inline;
|
||||||
@ -22,6 +23,14 @@
|
|||||||
line-height: 135%;
|
line-height: 135%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#zine-container h3 {
|
||||||
|
background-color: light-dark(var(--color-warn-light), var(--color-warn-dark));
|
||||||
|
color: light-dark(var(--color-text-light), var(--color-text-dark));
|
||||||
|
border-radius: 3px;
|
||||||
|
padding: 0 .2rem;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
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));
|
||||||
|
|||||||
Reference in New Issue
Block a user