🐝💾 Checkpoint

./styles/zines.css:69682263/259
./scripts/zines.js:69682263/8924

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 <h3>" + title + "</h3>";
+    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");
+    zine.append(p);
-    let bqP = document.createElement("p");
-    bqP.innerHTML = blurb;
-    bq.append(bqP);
-    zine.append(bq);
   }
-  zine.append(p);
+
+  let bq = document.createElement("blockquote");
+  let bqP = document.createElement("p");
+  bqP.innerHTML = blurb;
+  bq.append(bqP);
+  zine.append(bq);
 
   return zine;
 }

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 {