Fix ordering of some tags; date formatting

src/components/d-byline.js

@@ -22,13 +22,13 @@ export function bylineTemplate(frontMatter) {
     <div>
       <h3>Published</h3>
       ${frontMatter.publishedDate ? `
-        <p>${frontMatter.publishedMonth}. ${frontMatter.publishedDay} ${frontMatter.publishedYear}</p> ` : `
+        <p>${frontMatter.publishedMonth} ${frontMatter.publishedDay}, ${frontMatter.publishedYear}</p> ` : `
         <p><em>Not published yet.</em></p>`}
     </div>
     <div>
       <h3>DOI</h3>
       ${frontMatter.doi ? `
-        <p>${frontMatter.doi}</p>` : `
+        <p><a href="https://doi.org/${frontMatter.doi}">${frontMatter.doi}</a></p>` : `
         <p><em>No DOI yet.</em></p>`}
     </div>
   </div>

src/components/d-citation-list.js

@@ -53,7 +53,9 @@ export class CitationList extends HTMLElement {
   static get is() { return 'd-citation-list'; }
 
   connectedCallback() {
-    this.style.display = 'none';
+    if (!this.hasAttribute('distill-prerendered')) {
+      this.style.display = 'none';
+    }
   }
 
   set citations(citations) {