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 {