Renaming and adding two configs

2026-09-11 12:51:52 +08:00 · 2017-03-01 09:35:06 -08:00
parent a1651d2195
commit 8807bb1778
43 changed files with 1131 additions and 8630 deletions
@@ -0,0 +1,89 @@
+const html = `
+<style>
+  dt-appendix {
+    display: block;
+    font-size: 14px;
+    line-height: 24px;
+    margin-bottom: 0;
+    border-top: 1px solid rgba(0,0,0,0.1);
+    color: rgba(0,0,0,0.5);
+    background: rgb(250, 250, 250);
+    padding-top: 36px;
+    padding-bottom: 60px;
+  }
+  dt-appendix h3 {
+    font-size: 16px;
+    font-weight: 500;
+    margin-top: 18px;
+    margin-bottom: 18px;
+    color: rgba(0,0,0,0.65);
+  }
+  dt-appendix .citation {
+    font-size: 11px;
+    line-height: 15px;
+    border-left: 1px solid rgba(0, 0, 0, 0.1);
+    padding-left: 18px;
+    border: 1px solid rgba(0,0,0,0.1);
+    background: rgba(0, 0, 0, 0.02);
+    padding: 10px 18px;
+    border-radius: 3px;
+    color: rgba(150, 150, 150, 1);
+    overflow: hidden;
+    margin-top: -12px;
+  }
+  dt-appendix .references {
+    font-size: 12px;
+    line-height: 20px;
+  }
+  dt-appendix a {
+    color: rgba(0, 0, 0, 0.6);
+  }
+  dt-appendix ol,
+  dt-appendix ul {
+    padding-left: 24px;
+  }
+</style>
+
+<div class="l-body">
+  <h3>References</h3>
+  <dt-bibliography></dt-bibliography>
+  <h3 id="citation">Errors, Reuse, and Citation</h3>
+  <p>If you see mistakes or want to suggest changes, please <a class="github-issue">create an issue on GitHub</a>.</p>
+  <p>Diagrams and text are licensed under Creative Commons Attribution <a href="https://creativecommons.org/licenses/by/2.0/">CC-BY 2.0</a>, unless noted otherwise, with the <a class="github">source available on GitHub</a>. The figures that have been reused from other sources don't fall under this license and can be recognized by a note in their caption: “Figure from …”.</p>
+  <p>For attribution in academic contexts, please cite this work as</p>
+  <pre class="citation short"></pre>
+  <p>BibTeX citation</p>
+  <pre class="citation long"></pre>
+</div>
+`;
+
+export default function(dom, data) {
+  let el = dom.querySelector('dt-appendix')
+  if (el) {
+    let oldHtml = el.innerHTML;
+    el.innerHTML = html;
+    let div = el.querySelector("div.l-body")
+
+    if (dom.querySelector("dt-fn")) {
+      div.innerHTML = `<h3>Footnotes</h3><dt-fn-list></dt-fn-list>` + div.innerHTML;
+    }
+
+    div.innerHTML = oldHtml + div.innerHTML;
+    if (data.githubCompareUpdatesUrl) {
+      div.innerHTML = `<h3>Updates</h3><p><a href="${data.githubCompareUpdatesUrl}">View all changes</a> to this article since it was first published.</p>` + div.innerHTML;
+    }
+
+    el.querySelector("a.github").setAttribute("href", data.githubUrl);
+    el.querySelector("a.github-issue").setAttribute("href", data.githubUrl + "/issues/new");
+    el.querySelector(".citation.short").textContent = data.concatenatedAuthors + ", " + '"' + data.title + '", Distill, ' + data.publishedYear + ".";
+    var bibtex  = "@article{" + data.slug + ",\n";
+        bibtex += "  author = {" + data.bibtexAuthors + "},\n";
+        bibtex += "  title = {" + data.title + "},\n";
+        bibtex += "  journal = {Distill},\n";
+        bibtex += "  year = {" + data.publishedYear + "},\n";
+        bibtex += "  note = {" + data.url + "}\n";
+        bibtex += "}";
+    el.querySelector(".citation.long").textContent = bibtex;
+  }
+
+}