diff --git a/scripts/zines.js b/scripts/zines.js index a4909cb..f0330d1 100644 --- a/scripts/zines.js +++ b/scripts/zines.js @@ -12,18 +12,30 @@ function makeZine({ name, blurb, format, site, title }) { } zine.append(h2); - let p = document.createElement("p"); if (title) { - p.innerHTML = " made a " + format + " zine called

" + title + "

"; + let p1 = document.createElement("p"); + p1.innerHTML = " made a " + format + " zine called "; + zine.append(p1); + + let h3 = document.createElement("h3"); + if + h3.innerHTML = title; + zine.append(h3); + + let p2 = document.createElement("p"); + p2.innerHTML = "the original blurb was:"; + zine.append(p2); } else { + let p = document.createElement("p"); p.innerHTML = " is making a " + format + " zine:"; - let bq = document.createElement("blockquote"); - let bqP = document.createElement("p"); - bqP.innerHTML = blurb; - bq.append(bqP); - zine.append(bq); + zine.append(p); } - zine.append(p); + + let bq = document.createElement("blockquote"); + let bqP = document.createElement("p"); + bqP.innerHTML = blurb; + bq.append(bqP); + zine.append(bq); return zine; } diff --git a/styles/zines.css b/styles/zines.css index 40a7932..9a4ce81 100644 --- a/styles/zines.css +++ b/styles/zines.css @@ -12,7 +12,6 @@ } #zine-container h2, -#zine-container h3 #zine-container p { border: none; display: inline; @@ -28,7 +27,9 @@ color: light-dark(var(--color-text-light), var(--color-text-dark)); border-radius: 3px; padding: 0 .2rem; - float: right; + text-align: right; + line-height: 150%; + margin: 0 0 .75rem 0; } blockquote {