2.5.1

Update citation helper to also support both "key" and "bibtex-key" attribute names
2.5.0
2026-06-27 22:54:13 +08:00 · 2019-12-16 11:58:07 -08:00 · 2019-12-16 11:57:53 -08:00 · 2019-12-16 10:21:47 -08:00 · 2019-12-16 10:21:38 -08:00 · 2019-02-18 11:43:56 -08:00
90 changed files with 4131 additions and 2131 deletions
@@ -1,44 +1 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (http://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules
-bower_components
-jspm_packages
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# Copied fonts
-examples/fonts
-dist
-article-rendered.html
-
-# dependency graph
-rollup-grapher.html
+.DS_Store
@@ -0,0 +1,6 @@
+# This is the list of The Distill Template authors for copyright purposes.
+#
+# This does not necessarily list everyone who has contributed code, since in
+# some cases, their employer may be the copyright holder.  To see the full list
+# of contributors, see the revision history in source control.
+Google LLC
@@ -0,0 +1,28 @@
+# How to Contribute
+
+We'd love to accept your patches and contributions to this project. There are
+just a few small guidelines you need to follow.
+
+## Contributor License Agreement
+
+Contributions to this project must be accompanied by a Contributor License
+Agreement. You (or your employer) retain the copyright to your contribution,
+this simply gives us permission to use and redistribute your contributions as
+part of the project. Head over to <https://cla.developers.google.com/> to see
+your current agreements on file or to sign a new one.
+
+You generally only need to submit a CLA once, so if you've already submitted one
+(even if it was for a different project), you probably don't need to do it
+again.
+
+## Code reviews
+
+All submissions, including submissions by project members, require review. We
+use GitHub pull requests for this purpose. Consult
+[GitHub Help](https://help.github.com/articles/about-pull-requests/) for more
+information on using pull requests.
+
+## Community Guidelines
+
+This project follows [Google's Open Source Community
+Guidelines](https://opensource.google.com/conduct/).
@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
@@ -1,25 +1,25 @@
-# Distill Template [![Build Status](https://travis-ci.org/distillpub/template.svg?branch=master)](https://travis-ci.org/distillpub/template)
+# Distill Template

-This is the repository for the distill web framework. If you're interesting in just using the framework to write an article for the [Distill journal](http://distill.pub), visit http://distill.pub/guide/. 
+This is the repository for the Distill web framework. 

-The general process for using this framework is to hotlink the compiled code in your dev environment. 
+## Contributing

-```html
-<script src="https://distill.pub/template.v2.js"></script>
-```

-You can also install it as a local dependency through npm or with [yarn](https://yarnpkg.com).
+To give feedback, report a bug, or request a feature, please open an issue.

-```
-npm install --D distill-template
-```
+To contribute a change, [check out the contributing guide](CONTRIBUTING.md).

-If you're interested in submitting pull requests or developing on the framework itself, read on.
+### Local Development

-## Development
+First, run `npm install` to install all node modules required. Then, run `npm run dev` to start a watching build rollup server. To view the sample pages in the repo, you can run `npm run serve` as a separate process which starts a static server. `npm run build` will run a one-time build.

-Run `npm run start` to start a watching build rollup server. To view the sample pages in the repo, you can run `npm run serve` as a separate process which starts a static server. `npm run build` will run a one-time build.

-## Testing
+## Disclaimer & License

-Run `npm test`. That's it.
+_This project is research code. It is not an official product of Google or any other institution supporting Distill._
+
+Copyright 2018, The Distill Template Authors.
+
+Licensed under the Apache License, Version 2.0
+
+See the [full license](LICENSE).
@@ -1,5 +1,19 @@
 #!/usr/bin/env node

+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 const path = require('path');
 const fs = require('fs');
 const program = require('commander');
@@ -23,6 +37,7 @@ const options = { runScripts: 'outside-only', QuerySelector: true, virtualConsol
 JSDOM.fromFile(program.inputPath, options).then(dom => {
  const window = dom.window;
  const document = window.document;
+  const HTMLElement = window.HTMLElement;

  const data = new transforms.FrontMatter;
  data.inputHTMLPath = program.inputPath; // may be needed to resolve relative links!
@@ -1,3 +1,18 @@
+<!--
+  Copyright 2018 The Distill Template Authors
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
 <!doctype html>

 <head>
@@ -1,3 +1,18 @@
+<!--
+  Copyright 2018 The Distill Template Authors
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
 <!DOCTYPE html><html lang="en"><head>
  <meta charset="utf8">

@@ -1,15 +1,30 @@
+<!--
+  Copyright 2018 The Distill Template Authors
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
 <!doctype html>

 <head>
  <script src="../dist/template.v2.js"></script>
-  <meta name="viewport" content="width=device-width, initial-scale=1" >
+  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta charset="utf8">
 </head>

 <body>
  <distill-header></distill-header>
-<d-front-matter>
-  <script id='distill-front-matter' type="text/json">{
+  <d-front-matter>
+    <script id='distill-front-matter' type="text/json">{
    "title": "Why Momentum Really Works",
    "description": "Although \" extremely useful for visualizing high-dimensional data, t-SNE plots can sometimes be mysterious or misleading.",
    "published": "Jan 10, 2017",
@@ -17,20 +32,20 @@
      {
        "author":"Chris Olah",
        "authorURL":"https://colah.github.io/",
-        "affiliation":"Google Brain",
-        "affiliationURL":"https://g.co/brain"
-      },
-      {
-        "author":"Shan Carter",
-        "authorURL":"https://shancarter.com/",
-        "affiliation":"Google Brain",
-        "affiliationURL":"https://g.co/brain"
+        "affiliations": [{"name": "Google Brain"}]
      },
      {
        "author":"Ludwig Schubert",
        "authorURL":"https://shancarter.com/",
-        "affiliation":"Google Brain",
-        "affiliationURL":"https://g.co/brain"
+        "affiliations": [{"name": "Google Brain", "url": "https://g.co/brain"}]
+      },
+      {
+        "author":"Shan Carter",
+        "authorURL":"https://shancarter.com/",
+        "affiliations": [
+          {"name": "Google Brain", "url": "https://g.co/brain"},
+          {"name": "NYT", "url": "https://nytimes.com"}
+        ]
      }
    ],
    "katex": {
@@ -39,95 +54,129 @@
      ]
    }
  }</script>
-</d-front-matter>
-<d-title>
-  <figure style="grid-column: page; margin: 1rem 0;"><img src="momentum.png" style="width:100%; border: 1px solid rgba(0, 0, 0, 0.2);"/></figure>
-  <p>We often think of Momentum<d-cite key="mercier2011humans"></d-cite> as a means of dampening oscillations and speeding up the iterations, leading to faster convergence. But it has other interesting behavior. It allows a larger range of step-sizes to be used, and creates its own oscillations. What is going on?</p>
-</d-title>
-<d-article>
-  <a class="marker" href="#section-1" id="section-1"><span>1</span></a>
-  <h2>A Brief Survey of Techniques</h2>
-  <p>Before diving in: if you haven’t encountered t-SNE before, here’s what you need to know about the math behind it. The goal is to take a set of points in a high-dimensional space and find a faithful representation of those points in a lower-dimensional space, typically the 2D plane. The algorithm is non-linear and adapts to the underlying data, performing different transformations on different regions. Those differences can be a major source of confusion.</p>
-  <p>This is the first paragraph of the article. Test a long&thinsp;&mdash;&thinsp;dash -- here it is.</p>
-  <p>Test for owner's possessive. Test for "quoting a passage." And another sentence. Or two. Some flopping fins; for diving.</p>
-  <aside>Some text in an aside, margin notes, etc...</aside>
-  <p>Here's a test of an inline equation <d-math>c = a^2 + b^2</d-math>. Also with configurable katex standards just using inline '$' signs: $$x^2$$ And then there's a block equation:</p>
-  <d-math block>
-    c = \pm \sqrt{ \sum_{i=0}^{n}{a^{222} + b^2}}
-  </d-math>
-  <p>Math can also be quite involved:</p>
-  <d-math block>
-    \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots} } } }
-  </d-math>
-  <a class="marker" href="#section-1.1" id="section-1.1"><span>1.1</span></a>
-  <h3>Citations</h3>
-  <p><d-slider style="width: 200px;"></d-slider></p>
-  <p>We can<d-cite key="mercier2011humans"></d-cite> also cite <d-cite key="gregor2015draw,mercier2011humans"></d-cite> external publications. <d-cite key="dong2014image,dumoulin2016guide,mordvintsev2015inceptionism"></d-cite>. We should also be testing footnotes<d-footnote>This will become a hoverable footnote. This will become a hoverable footnote. This will become a hoverable footnote. This will become a hoverable footnote. This will become a hoverable footnote. This will become a hoverable footnote. This will become a hoverable footnote. This will become a hoverable footnote.</d-footnote>. There are multiple footnotes, and they appear in the appendix<d-footnote>Given I have coded them right. Also, here's math in a footnote: <d-math>c = \sum_0^i{x}</d-math>. Also, a citation. Box-ception<d-cite key='gregor2015draw'></d-cite>!</d-footnote> as well.</p>
-  <a class="marker" href="#section-2" id="section-2"><span>2</span></a>
-  <h2>Displaying code snippets</h2>
-  <p>Some inline javascript:<d-code language="javascript">var x = 25;</d-code>. And here's a javascript code block.</p>
-  <d-code block language="javascript">
+  </d-front-matter>
+  <d-title>
+    <figure style="grid-column: page; margin: 1rem 0;"><img src="momentum.png"
+        style="width:100%; border: 1px solid rgba(0, 0, 0, 0.2);" /></figure>
+    <p>We often think of Momentum<d-cite key="mercier2011humans"></d-cite> as a means of dampening oscillations and
+      speeding up the iterations, leading to faster convergence. But it has other interesting behavior. It allows a
+      larger range of step-sizes to be used, and creates its own oscillations. What is going on?</p>
+  </d-title>
+  <d-byline></d-byline>
+  <d-article>
+    <a class="marker" href="#section-1" id="section-1"><span>1</span></a>
+    <h2>A Brief Survey of Techniques</h2>
+    <p>Before diving in: if you haven’t encountered t-SNE before, here’s what you need to know about the math behind it.
+      The goal is to take a set of points in a high-dimensional space and find a faithful representation of those points
+      in a lower-dimensional space, typically the 2D plane. The algorithm is non-linear and adapts to the underlying
+      data, performing different transformations on different regions. Those differences can be a major source of
+      confusion.</p>
+    <p>This is the first paragraph of the article. Test a long&thinsp;&mdash;&thinsp;dash -- here it is.</p>
+    <p>Test for owner's possessive. Test for "quoting a passage." And another sentence. Or two. Some flopping fins; for
+      diving.</p>
+    <aside>Some text in an aside, margin notes, etc...</aside>
+    <p>Here's a test of an inline equation <d-math>c = a^2 + b^2</d-math>. Also with configurable katex standards just
+      using inline '$' signs: $$x^2$$ And then there's a block equation:</p>
+    <d-math block>
+      c = \pm \sqrt{ \sum_{i=0}^{n}{a^{222} + b^2}}
+    </d-math>
+    <p>Math can also be quite involved:</p>
+    <d-math block>
+      \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}}
+      {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots} } } }
+    </d-math>
+    <a class="marker" href="#section-1.1" id="section-1.1"><span>1.1</span></a>
+    <h3>Citations</h3>
+    <p>
+      <d-slider style="width: 200px;"></d-slider>
+    </p>
+    <p>We can<d-cite bibtex-key="mercier2011humans"></d-cite> also cite <d-cite
+        key="gregor2015draw,mercier2011humans,openai2018charter"></d-cite> external publications. <d-cite
+        key="dong2014image,dumoulin2016guide,mordvintsev2015inceptionism"></d-cite>. We should also be testing footnotes
+      <d-footnote>This will become a hoverable footnote. This will become a hoverable footnote. This will become a
+        hoverable footnote. This will become a hoverable footnote. This will become a hoverable footnote. This will
+        become a hoverable footnote. This will become a hoverable footnote. This will become a hoverable footnote.
+      </d-footnote>. There are multiple footnotes, and they appear in the appendix<d-footnote>Given I have coded them
+        right. Also, here's math in a footnote: <d-math>c = \sum_0^i{x}</d-math>. Also, a citation. Box-ception<d-cite
+          key='gregor2015draw'></d-cite>!</d-footnote> as well.</p>
+    <a class="marker" href="#section-2" id="section-2"><span>2</span></a>
+    <h2>Displaying code snippets</h2>
+    <p>Some inline javascript:<d-code language="javascript">var x = 25;</d-code>. And here's a javascript code block.
+    </p>
+    <d-code block language="javascript">
      var x = 25;
      function(x){
-        return x * x;
+      return x * x;
      }
-  </d-code>
-  <p>We also support python.</p>
-  <d-code block language="python">
-    # Python 3: Fibonacci series up to n
-    def fib(n):
+    </d-code>
+    <p>We also support python.</p>
+    <d-code block language="python">
+      # Python 3: Fibonacci series up to n
+      def fib(n):
      a, b = 0, 1
-        while a < n:
-          print(a, end=' ')
-          a, b = b, a+b
-  </d-code>
-  <p>And a table</p>
-  <table>
-      <thead>
-        <tr><th>First</th><th>Second</th><th>Third</th></tr>
-      </thead>
-      <tbody>
-        <tr><td>23</td><td>654</td><td>23</td></tr>
-        <tr><td>14</td><td>54</td><td>34</td></tr>
-        <tr><td>234</td><td>54</td><td>23</td></tr>
-      </tbody>
-    </table>
-  <d-figure id="last-figure"></d-figure>
-  <script>
-    const figure = document.querySelector("d-figure#last-figure");
-    const initTag = document.createElement("span");
-    initTag.textContent = "initialized!"
-    figure.appendChild(initTag);
-    figure.addEventListener("ready", function() {
-      const initTag = figure.querySelector("span");
-      initTag.textContent = "ready"
-      console.log('ready')
-    });
-    figure.addEventListener("onscreen", function() {
-      const initTag = figure.querySelector("span");
-      initTag.textContent = "onscreen"
-      console.log('onscreen')
-    });
-    figure.addEventListener("offscreen", function() {
-      const initTag = figure.querySelector("span");
-      initTag.textContent = "offscreen!"
-      console.log('offscreen')
-    });
-  </script>
-  <p>That's it for the example article!</p>
+      while a < n: print(a, end=' ' ) a, b=b, a+b </d-code> <p>And a table</p>
+        <table>
+          <thead>
+            <tr>
+              <th>First</th>
+              <th>Second</th>
+              <th>Third</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>23</td>
+              <td>654</td>
+              <td>23</td>
+            </tr>
+            <tr>
+              <td>14</td>
+              <td>54</td>
+              <td>34</td>
+            </tr>
+            <tr>
+              <td>234</td>
+              <td>54</td>
+              <td>23</td>
+            </tr>
+          </tbody>
+        </table>
+        <d-figure id="last-figure"></d-figure>
+        <script>
+          const figure = document.querySelector("d-figure#last-figure");
+          const initTag = document.createElement("span");
+          initTag.textContent = "initialized!"
+          figure.appendChild(initTag);
+          figure.addEventListener("ready", function () {
+            const initTag = figure.querySelector("span");
+            initTag.textContent = "ready"
+            console.log('ready')
+          });
+          figure.addEventListener("onscreen", function () {
+            const initTag = figure.querySelector("span");
+            initTag.textContent = "onscreen"
+            console.log('onscreen')
+          });
+          figure.addEventListener("offscreen", function () {
+            const initTag = figure.querySelector("span");
+            initTag.textContent = "offscreen!"
+            console.log('offscreen')
+          });
+        </script>
+        <p>That's it for the example article!</p>

-</d-article>
+  </d-article>

-<d-appendix>
+  <d-appendix>

-  <h3>Contributions</h3>
-  <p>Some text describing who did what.</p>
-  <h3>Reviewers</h3>
-  <p>Some text with links describing who reviewed the article.</p>
+    <h3>Contributions</h3>
+    <p>Some text describing who did what.</p>
+    <h3>Reviewers</h3>
+    <p>Some text with links describing who reviewed the article.</p>

-  <d-bibliography src="bibliography.bib"></d-bibliography>
-</d-appendix>
+    <d-bibliography src="bibliography.bib"></d-bibliography>
+  </d-appendix>

-<distill-footer></distill-footer>
+  <distill-footer></distill-footer>

-</body>
+</body>
@@ -97,3 +97,12 @@
  year={2016},
  url={https://arxiv.org/pdf/1609.07009.pdf}
 }
+
+@misc{openai2018charter,
+  author={OpenAI},
+  title={OpenAI Charter},
+  type={Blog},
+  number={April 9},
+  year={2018},
+  url={https://blog.openai.com/charter},
+}
@@ -1,3 +1,18 @@
+<!--
+  Copyright 2018 The Distill Template Authors
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
 <!doctype html>
 <meta charset="utf-8">
 <script src="../dist/template.js"></script>
@@ -1,6 +1,6 @@
 {
  "name": "distill-template",
-  "version": "2.2.16",
+  "version": "2.5.1",
  "description": "Template for creating Distill articles.",
  "main": "dist/template.v2.js",
  "bin": {
@@ -13,7 +13,7 @@
  },
  "scripts": {
    "dev": "rollup -c rollup.config.dev.js -w",
-    "serve": "python3 -m http.server --bind 127.0.0.1 8888",
+    "serve": "http-server",
    "test": "mocha",
    "lint": "eslint",
    "build": "rollup -c rollup.config.js",
@@ -28,11 +28,12 @@
    "chai": "^3.5.0",
    "eslint": "^4.3.0",
    "eslint-config-google": "^0.9.1",
+    "http-server": "^0.11.1",
    "js-yaml": "^3.7.0",
    "jsdom": "11.3.0",
    "jsdom-global": "3.0.2",
-    "marked": "^0.3.6",
-    "mocha": "^3.5.3",
+    "marked": "^0.6.0",
+    "mocha": "^5.2.0",
    "prismjs": "^1.6.0",
    "rollup": "^0.50.0",
    "rollup-plugin-babili": "^3.1.0",
@@ -47,6 +48,7 @@
    "rollup-plugin-uglify": "^1.0.1",
    "rollup-watch": "^2.5.0",
    "should": "^13.1.2",
+    "source-map-support": "^0.5.16",
    "webpack": "^2.2.1"
  },
  "dependencies": {
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import resolve  from 'rollup-plugin-node-resolve';
 import string   from 'rollup-plugin-string';
 import commonjs from 'rollup-plugin-commonjs';
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import configs from './rollup.config.dev';
 import babili  from 'rollup-plugin-babili';

@@ -1,4 +1,19 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import { Controller } from './controller';
+import { domContentLoaded } from './helpers/domContentLoaded.js';

 /* Transforms */
 import { makeStyleTag }    from './styles/styles';
@@ -41,13 +56,13 @@ const distillMain = function() {
    throw new Error('Runlevel 1: Distill Template is getting loaded more than once, aborting!');
  } else {
    window.distillTemplateIsLoading = true;
-    console.info('Runlevel 1: Distill Template has started loading.');
+    console.debug('Runlevel 1: Distill Template has started loading.');
  }

  /* 2. Add styles if they weren't added during prerendering */
  makeStyleTag(document);
-  console.info('Runlevel 1: Static Distill styles have been added.');
-  console.info('Runlevel 1->2.');
+  console.debug('Runlevel 1: Static Distill styles have been added.');
+  console.debug('Runlevel 1->2.');
  window.distillRunlevel += 1;

  /* 3. Register Controller listener functions */
@@ -59,8 +74,8 @@ const distillMain = function() {
      console.error('Runlevel 2: Controller listeners need to be functions!');
    }
  }
-  console.info('Runlevel 2: We can now listen to controller events.');
-  console.info('Runlevel 2->3.');
+  console.debug('Runlevel 2: We can now listen to controller events.');
+  console.debug('Runlevel 2->3.');
  window.distillRunlevel += 1;

  /* 4. Register components */
@@ -79,29 +94,31 @@ const distillMain = function() {
  }
  const allComponents = components.concat(distillComponents);
  for (const component of allComponents) {
-    console.info('Runlevel 2: Registering custom element: ' + component.is);
+    console.debug('Runlevel 2: Registering custom element: ' + component.is);
    customElements.define(component.is, component);
  }

-  console.info('Runlevel 3: Distill Template finished registering custom elements.');
-  console.info('Runlevel 3->4.');
+  console.debug('Runlevel 3: Distill Template finished registering custom elements.');
+  console.debug('Runlevel 3->4.');
  window.distillRunlevel += 1;

  // If template was added after DOMContentLoaded we may have missed that event.
  // Controller will check for that case, so trigger the event explicitly:
-  Controller.listeners.DOMContentLoaded();
+  if (domContentLoaded()) {
+    Controller.listeners.DOMContentLoaded();
+  }

-  console.info('Runlevel 4: Distill Template initialisation complete.');
+  console.debug('Runlevel 4: Distill Template initialisation complete.');
 };

 window.distillRunlevel = 0;
 /* 0. Check browser feature support; synchronously polyfill if needed */
 if (Polyfills.browserSupportsAllFeatures()) {
-  console.info('Runlevel 0: No need for polyfills.');
-  console.info('Runlevel 0->1.');
+  console.debug('Runlevel 0: No need for polyfills.');
+  console.debug('Runlevel 0->1.');
  window.distillRunlevel += 1;
  distillMain();
 } else {
-  console.info('Runlevel 0: Distill Template is loading polyfills.');
+  console.debug('Runlevel 0: Distill Template is loading polyfills.');
  Polyfills.load(distillMain);
 }
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import { Template } from '../mixins/template';
 import { body } from '../helpers/layout';

@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import { Template } from '../mixins/template';

 const T = Template('d-appendix', `
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 // import { Template } from '../mixins/template';
 // import { Controller } from '../controller';

@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import { parseBibtex } from '../helpers/bibtex';

 export function parseBibliography(element) {
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 // import style from '../styles/d-byline.css';

 export function bylineTemplate(frontMatter) {
@@ -10,12 +24,12 @@ export function bylineTemplate(frontMatter) {
        <p class="author">
          ${author.personalURL ? `
            <a class="name" href="${author.personalURL}">${author.name}</a>` : `
-            <div class="name">${author.name}</div>`}
+            <span class="name">${author.name}</span>`}
        </p>
        <p class="affiliation">
-          ${author.affiliationURL ? `
-            <a class="affiliation" href="${author.affiliationURL}">${author.affiliation}</a>` : `
-            <div class="affiliation">${author.affiliation}</div>`}
+        ${author.affiliations.map(affiliation =>
+          affiliation.url ? `<a class="affiliation" href="${affiliation.url}">${affiliation.name}</a>` : `<span class="affiliation">${affiliation.name}</span>`
+        ).join(', ')}
        </p>
      `).join('')}
    </div>
@@ -1,8 +1,22 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import { bibliography_cite } from '../helpers/citation';

 const styles = `
 d-citation-list {
-  contain: layout style;
+  contain: style;
 }

 d-citation-list .references {
@@ -1,7 +1,23 @@
-import { Template } from '../mixins/template';
-import { hover_cite, bibliography_cite } from '../helpers/citation';
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.

-const T = Template('d-cite', `
+import { Template } from "../mixins/template";
+import { hover_cite, bibliography_cite } from "../helpers/citation";
+
+const T = Template(
+  "d-cite",
+  `
 <style>

 :host {
@@ -9,7 +25,6 @@ const T = Template('d-cite', `
 }

 .citation {
-  display: inline-block;
  color: hsla(206, 90%, 20%, 0.7);
 }

@@ -34,10 +49,6 @@ figcaption .citation-number {
  line-height: 1em;
 }

-d-hover-box {
-  margin-top: 1.9em;
-}
-
 ul {
  margin: 0;
  padding: 0;
@@ -57,74 +68,108 @@ ul li:last-of-type {

 <d-hover-box id="hover-box"></d-hover-box>

-<div id="citation-" class="citation"><slot></slot><span class="citation-number"></span></div>
-`);
+<div id="citation-" class="citation">
+  <span class="citation-number"></span>
+</div>
+`
+);

 export class Cite extends T(HTMLElement) {
-
  /* Lifecycle */
+  constructor() {
+    super();
+    this._numbers = [];
+    this._entries = [];
+  }

  connectedCallback() {
-    this.outerSpan = this.root.querySelector('#citation-');
-    this.innerSpan = this.root.querySelector('.citation-number');
-    this.hoverBox = this.root.querySelector('d-hover-box');
-    window.customElements.whenDefined('d-hover-box').then(() => {
+    this.outerSpan = this.root.querySelector("#citation-");
+    this.innerSpan = this.root.querySelector(".citation-number");
+    this.hoverBox = this.root.querySelector("d-hover-box");
+    window.customElements.whenDefined("d-hover-box").then(() => {
      this.hoverBox.listen(this);
    });
+    // in case this component got connected after values were set
+    if (this.numbers) {
+      this.displayNumbers(this.numbers);
+    }
+    if (this.entries) {
+      this.displayEntries(this.entries);
+    }
  }

  //TODO This causes an infinite loop on firefox with polyfills.
  // This is only needed for interactive editing so no priority.
  // disconnectedCallback() {
-    // const options = { detail: [this, this.keys], bubbles: true };
-    // const event = new CustomEvent('onCiteKeyRemoved', options);
-    // document.dispatchEvent(event);
+  // const options = { detail: [this, this.keys], bubbles: true };
+  // const event = new CustomEvent('onCiteKeyRemoved', options);
+  // document.dispatchEvent(event);
  // }

  /* observe 'key' attribute */

  static get observedAttributes() {
-    return ['key'];
+    return ["key", "bibtex-key"];
  }

  attributeChangedCallback(name, oldValue, newValue) {
-    const eventName = oldValue ? 'onCiteKeyChanged' : 'onCiteKeyCreated';
-    const keys = newValue.split(',');
+    const eventName = oldValue ? "onCiteKeyChanged" : "onCiteKeyCreated";
+    const keys = newValue.split(",").map(k => k.trim());
    const options = { detail: [this, keys], bubbles: true };
    const event = new CustomEvent(eventName, options);
    document.dispatchEvent(event);
  }

  set key(value) {
-    this.setAttribute('key', value);
+    this.setAttribute("key", value);
  }

  get key() {
-    return this.getAttribute('key');
+    return this.getAttribute("key") || this.getAttribute("bibtex-key");
  }

  get keys() {
-    return this.getAttribute('key').split(',');
+    const result = this.key.split(",");
+    console.log(result);
+    return result;
  }

  /* Setters & Rendering */

  set numbers(numbers) {
-    const numberStrings = numbers.map( index => {
-      return index == -1 ? '?' : index + 1 + '';
+    this._numbers = numbers;
+    this.displayNumbers(numbers);
+  }
+
+  get numbers() {
+    return this._numbers;
+  }
+
+  displayNumbers(numbers) {
+    if (!this.innerSpan) return;
+    const numberStrings = numbers.map(index => {
+      return index == -1 ? "?" : index + 1 + "";
    });
-    const textContent = '[' + numberStrings.join(', ') + ']';
-    if (this.innerSpan) {
-      this.innerSpan.textContent = textContent;
-    }
+    const textContent = "[" + numberStrings.join(", ") + "]";
+    this.innerSpan.textContent = textContent;
  }

  set entries(entries) {
-    if (this.hoverBox) {
-      this.hoverBox.innerHTML = `<ul>
-      ${entries.map(hover_cite).map(html => `<li>${html}</li>`).join('\n')}
-      </ul>`;
-    }
+    this._entries = entries;
+    this.displayEntries(entries);
  }

+  get entries() {
+    return this._entries;
+  }
+
+  displayEntries(entries) {
+    if (!this.hoverBox) return;
+    this.hoverBox.innerHTML = `<ul>
+      ${entries
+        .map(hover_cite)
+        .map(html => `<li>${html}</li>`)
+        .join("\n")}
+    </ul>`;
+  }
 }
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import Prism from 'prismjs';
 import 'prismjs/components/prism-python';
 import 'prismjs/components/prism-clike';
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 // Figure
 //
 // d-figure provides a state-machine of visibility events:
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import { Template } from '../mixins/template';

 const T = Template('d-footnote-list', `
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import { Template } from '../mixins/template.js';

 const T = Template('d-footnote', `
@@ -8,6 +22,7 @@ d-math[block] {
 }

 :host {
+
 }

 sup {
@@ -23,30 +38,16 @@ span {
  cursor: default;
 }

-.container {
-  position: absolute;
-  width: 100%;
-  left: 0;
-  z-index: 10000;
-}
-
-.dt-hover-box {
-  margin: 0 auto;
-  width: 704px;
-  max-width: 100vw;
-  background-color: #FFF;
-  opacity: 0.95;
-  border: 1px solid rgba(0, 0, 0, 0.25);
-  padding: 8px 16px;
-  border-radius: 3px;
-  box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.2);
-  box-sizing: border-box;
+.footnote-container {
+  padding: 10px;
 }

 </style>

 <d-hover-box>
-  <slot id="slot"></slot>
+  <div class="footnote-container">
+    <slot id="slot"></slot>
+  </div>
 </d-hover-box>

 <sup>
@@ -1,10 +1,46 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+export function _moveLegacyAffiliationFormatIntoArray(frontMatter) {
+  // authors used to have propoerties "affiliation" and "affiliationURL".
+  // We now encourage using an array for affiliations containing objects with
+  // properties "name" and "url".
+  for (let author of frontMatter.authors) {
+    const hasOldStyle = Boolean(author.affiliation)
+    const hasNewStyle = Boolean(author.affiliations)
+    if (!hasOldStyle) continue;
+    if (hasNewStyle) {
+      console.warn(`Author ${author.author} has both old-style ("affiliation" & "affiliationURL") and new style ("affiliations") affiliation information!`)
+    } else {
+      let newAffiliation = {
+        "name": author.affiliation
+      }
+      if (author.affiliationURL) newAffiliation.url = author.affiliationURL;
+      author.affiliations = [newAffiliation];
+    }
+  }
+  return frontMatter
+}
+
 export function parseFrontmatter(element) {
-  const scriptTag = element.querySelector('script');
+  const scriptTag = element.firstElementChild;
  if (scriptTag) {
    const type = scriptTag.getAttribute('type');
    if (type.split('/')[1] == 'json') {
      const content = scriptTag.textContent;
-      return JSON.parse(content);
+      const parsed = JSON.parse(content);
+      return _moveLegacyAffiliationFormatIntoArray(parsed);
    } else {
      console.error('Distill only supports JSON frontmatter tags anymore; no more YAML.');
    }
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import { Template } from '../mixins/template.js';

 const T = Template('d-hover-box', `
@@ -6,9 +20,10 @@ const T = Template('d-hover-box', `
 :host {
  position: absolute;
  width: 100%;
-  left: 0;
+  left: 0px;
  z-index: 10000;
  display: none;
+  white-space: normal
 }

 .container {
@@ -26,10 +41,13 @@ const T = Template('d-hover-box', `
  left: 0;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
-  background-color: rgb(250, 250, 250);
+  background-color: rgba(250, 250, 250, 0.95);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  box-sizing: border-box;
+
+  backdrop-filter: blur(2px);
+  -webkit-backdrop-filter: blur(2px);
 }

 </style>
@@ -103,11 +121,14 @@ export class HoverBox extends T(HTMLElement) {
  show(position) {
    this.visible = true;
    this.style.display = 'block';
+    // 10px extra offset from element
+    this.style.top = Math.round(position[1] + 10) + 'px';
  }

  showAtNode(node) {
+    // https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetTop
    const bbox = node.getBoundingClientRect();
-    this.show([bbox.right, bbox.bottom]);
+    this.show([node.offsetLeft + bbox.width, node.offsetTop + bbox.height]);
  }

  hide() {
@@ -1,8 +1,23 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import { Template } from '../mixins/template';

 // This overlay is not secure.
 // It is only meant as a social deterrent.

+const productionHostname = 'distill.pub';
 const T = Template('d-interstitial', `
 <style>

@@ -109,13 +124,11 @@ p small {
 export class Interstitial extends T(HTMLElement) {

  connectedCallback() {
-    const passwordInput = this.root.querySelector('#interstitial-password-input');
-    passwordInput.oninput = (event) => this.passwordChanged(event);
-    if (typeof(Storage) !== 'undefined') {
-      if (localStorage.getItem('distill-interstitial-password-correct') === 'true') {
-        console.log('Loaded that correct password was entered before; skipping interstitial.');
-        this.parentElement.removeChild(this);
-      }
+    if (this.shouldRemoveSelf()) {
+      this.parentElement.removeChild(this);
+    } else {
+      const passwordInput = this.root.querySelector('#interstitial-password-input');
+      passwordInput.oninput = (event) => this.passwordChanged(event);
    }
  }

@@ -126,9 +139,32 @@ export class Interstitial extends T(HTMLElement) {
      this.parentElement.removeChild(this);
      if (typeof(Storage) !== 'undefined') {
        console.log('Saved that correct password was entered.');
-        localStorage.setItem('distill-interstitial-password-correct', 'true');
+        localStorage.setItem(this.localStorageIdentifier(), 'true');
      }
    }
  }

+  shouldRemoveSelf() {
+    // should never be visible in production
+    if (window && window.location.hostname === productionHostname) {
+      console.warn('Interstitial found on production, hiding it.');
+      return true
+    }
+    // should only have to enter password once
+    if (typeof(Storage) !== 'undefined') {
+      if (localStorage.getItem(this.localStorageIdentifier()) === 'true') {
+        console.log('Loaded that correct password was entered before; skipping interstitial.');
+        return true;
+      }
+    }
+    // otherwise, leave visible
+    return false;
+  }
+
+  localStorageIdentifier() {
+    const prefix = 'distill-drafts'
+    const suffix = 'interstitial-password-correct';
+    return prefix + (window ? window.location.pathname : '-') + suffix
+  }
+
 }
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 /*global katex */
 import { Mutating } from '../mixins/mutating.js';
 import { Template } from '../mixins/template.js';
@@ -16,7 +30,7 @@ ${katexCSSTag}

 :host {
  display: inline-block;
-  contain: content;
+  contain: style;
 }

 :host([block]) {
@@ -59,8 +73,7 @@ export class DMath extends Mutating(T(HTMLElement)) {
    }
    // transform inline delimited math to d-math tags
    if (DMath.katexOptions.delimiters) {
-      const article = document.querySelector('d-article');
-      renderMathInElement(article, DMath.katexOptions);
+      renderMathInElement(document.body, DMath.katexOptions);
    }
  }

@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import { Template } from '../mixins/template';

 const T = Template('d-references', `
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 export class Title extends HTMLElement {
  static get is() { return 'd-title'; }
 }
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 export class TOC extends HTMLElement {

  static get is() { return 'd-toc'; }
@@ -1,44 +1,57 @@
-import { FrontMatter, mergeFromYMLFrontmatter } from './front-matter';
-import { DMath } from './components/d-math';
-import { collect_citations } from './helpers/citation.js';
-import { parseFrontmatter } from './components/d-front-matter';
-import optionalComponents from './transforms/optional-components';
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import { FrontMatter, mergeFromYMLFrontmatter } from "./front-matter";
+import { DMath } from "./components/d-math";
+import { collect_citations } from "./helpers/citation.js";
+import { domContentLoaded } from "./helpers/domContentLoaded.js";
+import { parseFrontmatter } from "./components/d-front-matter";
+import optionalComponents from "./transforms/optional-components";

 const frontMatter = new FrontMatter();

-function domContentLoaded() {
-  return ['interactive', 'complete'].indexOf(document.readyState) !== -1;
-}
-
 export const Controller = {
-
  frontMatter: frontMatter,
  waitingOn: {
    bibliography: [],
-    citations: [],
+    citations: []
  },
  listeners: {
-
    onCiteKeyCreated(event) {
      const [citeTag, keys] = event.detail;

      // ensure we have citations
      if (!frontMatter.citationsCollected) {
        // console.debug('onCiteKeyCreated, but unresolved dependency ("citations"). Enqueing.');
-        Controller.waitingOn.citations.push(() => Controller.listeners.onCiteKeyCreated(event));
+        Controller.waitingOn.citations.push(() =>
+          Controller.listeners.onCiteKeyCreated(event)
+        );
        return;
      }

      // ensure we have a loaded bibliography
      if (!frontMatter.bibliographyParsed) {
        // console.debug('onCiteKeyCreated, but unresolved dependency ("bibliography"). Enqueing.');
-        Controller.waitingOn.bibliography.push(() => Controller.listeners.onCiteKeyCreated(event));
+        Controller.waitingOn.bibliography.push(() =>
+          Controller.listeners.onCiteKeyCreated(event)
+        );
        return;
      }

-      const numbers = keys.map( key => frontMatter.citations.indexOf(key) );
+      const numbers = keys.map(key => frontMatter.citations.indexOf(key));
      citeTag.numbers = numbers;
-      const entries = keys.map( key => frontMatter.bibliography.get(key) );
+      const entries = keys.map(key => frontMatter.bibliography.get(key));
      citeTag.entries = entries;
    },

@@ -53,21 +66,23 @@ export const Controller = {
      }

      // update bibliography
-      const citationListTag = document.querySelector('d-citation-list');
-      const bibliographyEntries = new Map(frontMatter.citations.map( citationKey => {
-        return [citationKey, frontMatter.bibliography.get(citationKey)];
-      }));
+      const citationListTag = document.querySelector("d-citation-list");
+      const bibliographyEntries = new Map(
+        frontMatter.citations.map(citationKey => {
+          return [citationKey, frontMatter.bibliography.get(citationKey)];
+        })
+      );
      citationListTag.citations = bibliographyEntries;

-      const citeTags = document.querySelectorAll('d-cite');
+      const citeTags = document.querySelectorAll("d-cite");
      for (const citeTag of citeTags) {
+        console.log(citeTag);
        const keys = citeTag.keys;
-        const numbers = keys.map( key => frontMatter.citations.indexOf(key) );
+        const numbers = keys.map(key => frontMatter.citations.indexOf(key));
        citeTag.numbers = numbers;
-        const entries = keys.map( key => frontMatter.bibliography.get(key) );
+        const entries = keys.map(key => frontMatter.bibliography.get(key));
        citeTag.entries = entries;
      }
-
    },

    onCiteKeyRemoved(event) {
@@ -75,7 +90,7 @@ export const Controller = {
    },

    onBibliographyChanged(event) {
-      const citationListTag = document.querySelector('d-citation-list');
+      const citationListTag = document.querySelector("d-citation-list");

      const bibliography = event.detail;

@@ -87,19 +102,23 @@ export const Controller = {

      // ensure we have citations
      if (!frontMatter.citationsCollected) {
-        Controller.waitingOn.citations.push( function() {
-          Controller.listeners.onBibliographyChanged({target: event.target, detail: event.detail});
+        Controller.waitingOn.citations.push(function() {
+          Controller.listeners.onBibliographyChanged({
+            target: event.target,
+            detail: event.detail
+          });
        });
        return;
      }

-
-      if (citationListTag.hasAttribute('distill-prerendered')) {
-        console.info('Citation list was prerendered; not updating it.');
+      if (citationListTag.hasAttribute("distill-prerendered")) {
+        console.debug("Citation list was prerendered; not updating it.");
      } else {
-        const entries = new Map(frontMatter.citations.map( citationKey => {
-          return [citationKey, frontMatter.bibliography.get(citationKey)];
-        }));
+        const entries = new Map(
+          frontMatter.citations.map(citationKey => {
+            return [citationKey, frontMatter.bibliography.get(citationKey)];
+          })
+        );
        citationListTag.citations = entries;
      }
    },
@@ -107,9 +126,9 @@ export const Controller = {
    onFootnoteChanged() {
      // const footnote = event.detail;
      //TODO: optimize to only update current footnote
-      const footnotesList = document.querySelector('d-footnote-list');
+      const footnotesList = document.querySelector("d-footnote-list");
      if (footnotesList) {
-        const footnotes = document.querySelectorAll('d-footnote');
+        const footnotes = document.querySelectorAll("d-footnote");
        footnotesList.footnotes = footnotes;
      }
    },
@@ -118,21 +137,25 @@ export const Controller = {
      const data = event.detail;
      mergeFromYMLFrontmatter(frontMatter, data);

-      const interstitial = document.querySelector('d-interstitial');
+      const interstitial = document.querySelector("d-interstitial");
      if (interstitial) {
-        interstitial.password = frontMatter.password;
+        if (typeof frontMatter.password !== "undefined") {
+          interstitial.password = frontMatter.password;
+        } else {
+          interstitial.parentElement.removeChild(interstitial);
+        }
      }

-      const prerendered = document.body.hasAttribute('distill-prerendered');
+      const prerendered = document.body.hasAttribute("distill-prerendered");
      if (!prerendered && domContentLoaded()) {
        optionalComponents(document, frontMatter);

-        const appendix = document.querySelector('distill-appendix');
+        const appendix = document.querySelector("distill-appendix");
        if (appendix) {
          appendix.frontMatter = frontMatter;
        }

-        const byline = document.querySelector('d-byline');
+        const byline = document.querySelector("d-byline");
        if (byline) {
          byline.frontMatter = frontMatter;
        }
@@ -141,24 +164,31 @@ export const Controller = {
          DMath.katexOptions = data.katex;
        }
      }
-
    },

    DOMContentLoaded() {
      if (Controller.loaded) {
-        console.warn('Controller received DOMContentLoaded but was already loaded!');
+        console.warn(
+          "Controller received DOMContentLoaded but was already loaded!"
+        );
        return;
      } else if (!domContentLoaded()) {
-        console.warn('Controller received DOMContentLoaded before appropriate document.readyState!');
+        console.warn(
+          "Controller received DOMContentLoaded at document.readyState: " +
+            document.readyState +
+            "!"
+        );
        return;
      } else {
        Controller.loaded = true;
-        console.log('Runlevel 4: Controller running DOMContentLoaded');
+        console.debug("Runlevel 4: Controller running DOMContentLoaded");
      }

-      const frontMatterTag = document.querySelector('d-front-matter');
-      const data = parseFrontmatter(frontMatterTag);
-      Controller.listeners.onFrontMatterChanged({detail: data});
+      const frontMatterTag = document.querySelector("d-front-matter");
+      if (frontMatterTag) {
+        const data = parseFrontmatter(frontMatterTag);
+        Controller.listeners.onFrontMatterChanged({ detail: data });
+      }

      // Resolving "citations" dependency due to initial DOM load
      frontMatter.citations = collect_citations();
@@ -173,13 +203,11 @@ export const Controller = {
        }
      }

-      const footnotesList = document.querySelector('d-footnote-list');
+      const footnotesList = document.querySelector("d-footnote-list");
      if (footnotesList) {
-        const footnotes = document.querySelectorAll('d-footnote');
+        const footnotes = document.querySelectorAll("d-footnote");
        footnotesList.footnotes = footnotes;
      }
    }
-
-  }, // listeners
-
+  } // listeners
 }; // Controller
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import { serializeFrontmatterToBibtex } from '../helpers/bibtex';

 const styles = `
@@ -0,0 +1,74 @@
+import logo from '../assets/distill-logo.svg';
+
+export const footerTemplate = `
+<style>
+
+:host {
+  color: rgba(255, 255, 255, 0.5);
+  font-weight: 300;
+  padding: 2rem 0;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  background-color: hsl(180, 5%, 15%); /*hsl(200, 60%, 15%);*/
+  text-align: left;
+  contain: content;
+}
+
+.footer-container .logo svg {
+  width: 24px;
+  position: relative;
+  top: 4px;
+  margin-right: 2px;
+}
+
+.footer-container .logo svg path {
+  fill: none;
+  stroke: rgba(255, 255, 255, 0.8);
+  stroke-width: 3px;
+}
+
+.footer-container .logo {
+  font-size: 17px;
+  font-weight: 200;
+  color: rgba(255, 255, 255, 0.8);
+  text-decoration: none;
+  margin-right: 6px;
+}
+
+.footer-container {
+  grid-column: text;
+}
+
+.footer-container .nav {
+  font-size: 0.9em;
+  margin-top: 1.5em;
+}
+
+.footer-container .nav a {
+  color: rgba(255, 255, 255, 0.8);
+  margin-right: 6px;
+  text-decoration: none;
+}
+
+</style>
+
+<div class='footer-container'>
+
+  <a href="/" class="logo">
+    ${logo}
+    Distill
+  </a> is dedicated to clear explanations of machine learning
+
+  <div class="nav">
+    <a href="https://distill.pub/about/">About</a>
+    <a href="https://distill.pub/journal/">Submit</a>
+    <a href="https://distill.pub/prize/">Prize</a>
+    <a href="https://distill.pub/archive/">Archive</a>
+    <a href="https://distill.pub/rss.xml">RSS</a>
+    <a href="https://github.com/distillpub">GitHub</a>
+    <a href="https://twitter.com/distillpub">Twitter</a>
+    &nbsp;&nbsp;&nbsp;&nbsp; ISSN 2476-0757
+  </div>
+
+</div>
+
+`;
@@ -1,78 +1,22 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import { Template } from '../mixins/template';
-import logo from '../assets/distill-logo.svg';

-const T = Template('distill-footer', `
-<style>
+import {footerTemplate} from './distill-footer-template';

-:host {
-  color: rgba(255, 255, 255, 0.5);
-  font-weight: 300;
-  padding: 2rem 0;
-  border-top: 1px solid rgba(0, 0, 0, 0.1);
-  background-color: hsl(180, 5%, 15%); /*hsl(200, 60%, 15%);*/
-  text-align: left;
-  contain: content;
-}
-
-.logo svg {
-  width: 24px;
-  position: relative;
-  top: 4px;
-  margin-right: 2px;
-}
-
-.logo svg path {
-  fill: none;
-  stroke: rgba(255, 255, 255, 0.8);
-  stroke-width: 3px;
-}
-
-.logo {
-  font-size: 17px;
-  font-weight: 200;
-  color: rgba(255, 255, 255, 0.8);
-  text-decoration: none;
-  margin-right: 6px;
-}
-
-.container {
-  grid-column: text;
-}
-
-.nav {
-  font-size: 0.9em;
-  margin-top: 1.5em;
-}
-
-.nav a {
-  color: rgba(255, 255, 255, 0.8);
-  margin-right: 6px;
-  text-decoration: none;
-}
-
-</style>
-
-<div class='container'>
-
-  <a href="/" class="logo">
-    ${logo}
-    Distill
-  </a> is dedicated to clear explanations of machine learning
-
-  <div class="nav">
-    <a href="https://distill.pub/about/">About</a>
-    <a href="https://distill.pub/journal/">Submit</a>
-    <a href="https://distill.pub/prize/">Prize</a>
-    <a href="https://distill.pub/archive/">Archive</a>
-    <a href="https://distill.pub/rss.xml">RSS</a>
-    <a href="https://github.com/distillpub">GitHub</a>
-    <a href="https://twitter.com/distillpub">Twitter</a>
-    &nbsp;&nbsp;&nbsp;&nbsp; ISSN 2476-0757
-  </div>
-
-</div>
-
-`);
+const T = Template('distill-footer', footerTemplate);

 export class DistillFooter extends T(HTMLElement) {

@@ -0,0 +1,79 @@
+import logo from '../assets/distill-logo.svg';
+
+export const headerTemplate = `
+<style>
+distill-header {
+  position: relative;
+  height: 60px;
+  background-color: hsl(200, 60%, 15%);
+  width: 100%;
+  box-sizing: border-box;
+  z-index: 2;
+  color: rgba(0, 0, 0, 0.8);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
+}
+distill-header .content {
+  height: 70px;
+  grid-column: page;
+}
+distill-header a {
+  font-size: 16px;
+  height: 60px;
+  line-height: 60px;
+  text-decoration: none;
+  color: rgba(255, 255, 255, 0.8);
+  padding: 22px 0;
+}
+distill-header a:hover {
+  color: rgba(255, 255, 255, 1);
+}
+distill-header svg {
+  width: 24px;
+  position: relative;
+  top: 4px;
+  margin-right: 2px;
+}
+@media(min-width: 1080px) {
+  distill-header {
+    height: 70px;
+  }
+  distill-header a {
+    height: 70px;
+    line-height: 70px;
+    padding: 28px 0;
+  }
+  distill-header .logo {
+  }
+}
+distill-header svg path {
+  fill: none;
+  stroke: rgba(255, 255, 255, 0.8);
+  stroke-width: 3px;
+}
+distill-header .logo {
+  font-size: 17px;
+  font-weight: 200;
+}
+distill-header .nav {
+  float: right;
+  font-weight: 300;
+}
+distill-header .nav a {
+  font-size: 12px;
+  margin-left: 24px;
+  text-transform: uppercase;
+}
+</style>
+<div class="content">
+  <a href="/" class="logo">
+    ${logo}
+    Distill
+  </a>
+  <nav class="nav">
+    <a href="/about/">About</a>
+    <a href="/prize/">Prize</a>
+    <a href="/journal/">Submit</a>
+  </nav>
+</div>
+`;
@@ -1,85 +1,22 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import { Template } from '../mixins/template';

-import logo from '../assets/distill-logo.svg';
-
-const T = Template('distill-header', `
-<style>
-distill-header {
-  position: relative;
-  height: 60px;
-  background-color: hsl(200, 60%, 15%);
-  width: 100%;
-  box-sizing: border-box;
-  z-index: 2;
-  color: rgba(0, 0, 0, 0.8);
-  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
-  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
-}
-distill-header .content {
-  height: 70px;
-  grid-column: page;
-}
-distill-header a {
-  font-size: 16px;
-  height: 60px;
-  line-height: 60px;
-  text-decoration: none;
-  color: rgba(255, 255, 255, 0.8);
-  padding: 22px 0;
-}
-distill-header a:hover {
-  color: rgba(255, 255, 255, 1);
-}
-distill-header svg {
-  width: 24px;
-  position: relative;
-  top: 4px;
-  margin-right: 2px;
-}
-@media(min-width: 1080px) {
-  distill-header {
-    height: 70px;
-  }
-  distill-header a {
-    height: 70px;
-    line-height: 70px;
-    padding: 28px 0;
-  }
-  distill-header .logo {
-  }
-}
-distill-header svg path {
-  fill: none;
-  stroke: rgba(255, 255, 255, 0.8);
-  stroke-width: 3px;
-}
-distill-header .logo {
-  font-size: 17px;
-  font-weight: 200;
-}
-distill-header .nav {
-  float: right;
-  font-weight: 300;
-}
-distill-header .nav a {
-  font-size: 12px;
-  margin-left: 24px;
-  text-transform: uppercase;
-}
-</style>
-<div class="content">
-  <a href="/" class="logo">
-    ${logo}
-    Distill
-  </a>
-  <nav class="nav">
-    <a href="/about/">About</a>
-    <a href="/prize/">Prize</a>
-    <a href="/journal/">Submit</a>
-  </nav>
-</div>
-`, false);
+import {headerTemplate} from './distill-header-template';

+const T = Template('distill-header', headerTemplate, false);

 export class DistillHeader extends T(HTMLElement) {

@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import { appendixTemplate } from '../distill-components/distill-appendix';

 export default function(dom, data) {
@@ -1,7 +1,24 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import { footerTemplate } from '../distill-components/distill-footer-template';
+
 export default function(dom) {
  const footerTag = dom.querySelector('distill-footer');
  if(!footerTag) {
    const footer = dom.createElement('distill-footer');
+    footer.innerHTML = footerTemplate;
    const body = dom.querySelector('body');
    body.appendChild(footer);
  }
@@ -1,7 +1,26 @@
-export default function(dom) {
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+
+import { headerTemplate } from '../distill-components/distill-header-template';
+
+export default function(dom, data) {
  const headerTag = dom.querySelector('distill-header');
  if (!headerTag) {
    const header = dom.createElement('distill-header');
+    header.innerHTML = headerTemplate;
+    header.setAttribute('distill-prerendered', "");
    const body = dom.querySelector('body');
    body.insertBefore(header, body.firstChild);
  }
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import { parseBibtex } from '../helpers/bibtex';
 import fs from 'fs';
 import { parseBibliography } from '../components/d-bibliography';
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import { collect_citations } from '../helpers/citation.js';

 export default function(dom, data) {
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import { parseFrontmatter } from '../components/d-front-matter';
 import { mergeFromYMLFrontmatter } from '../front-matter.js';

@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 const days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
 const months = ['Jan.', 'Feb.', 'March', 'April', 'May', 'June', 'July', 'Aug.', 'Sept.', 'Oct.', 'Nov.', 'Dec.'];
 const zeroPad = n => n < 10 ? '0' + n : n;
@@ -44,6 +58,7 @@ class Author {
    this.personalURL = object.authorURL; // 'https://colah.github.io'
    this.affiliation = object.affiliation; // 'Google Brain'
    this.affiliationURL = object.affiliationURL; // 'https://g.co/brain'
+    this.affiliations = object.affiliations || []; // new-style affiliations
  }

  // 'Chris'
@@ -73,12 +88,17 @@ export function mergeFromYMLFrontmatter(target, source) {
      target.publishedDate = source.publishedDate;
    } else if (source.publishedDate.constructor === String) {
      target.publishedDate = new Date(source.publishedDate);
+    } else {
+      console.error('Don\'t know what to do with published date: ' + source.publishedDate);
    }
  }
  target.description = source.description;
  target.authors = source.authors.map( (authorObject) => new Author(authorObject));
  target.katex = source.katex;
  target.password = source.password;
+  if (source.doi) {
+    target.doi = source.doi;
+  }
 }

 export class FrontMatter {
@@ -143,6 +163,7 @@ export class FrontMatter {
    //  githubCompareUpdatesUrl: 'https://github.com/distillpub/post--augmented-rnns/compare/1596e094d8943d2dc0ea445d92071129c6419c59...3bd9209e0c24d020f87cf6152dcecc6017cbc193',
    //  updatedDate: 2017-03-21T07:13:16.000Z,
    //  doi: '10.23915/distill.00001',
+    this.doi = undefined;
    this.publishedDate = undefined;
  }

@@ -301,17 +322,22 @@ export class FrontMatter {
    Object.assign(target, this);
    target.bibliography = objectFromMap(this.bibliographyEntries);
    target.url = this.url;
+    target.doi = this.doi;
    target.githubUrl = this.githubUrl;
    target.previewURL = this.previewURL;
-    target.volume = this.volume;
-    target.issue = this.issue;
-    target.publishedDateRFC = this.publishedDateRFC;
-    target.publishedYear = this.publishedYear;
-    target.publishedMonth = this.publishedMonth;
-    target.publishedDay = this.publishedDay;
-    target.publishedMonthPadded = this.publishedMonthPadded;
-    target.publishedDayPadded = this.publishedDayPadded;
-    target.updatedDateRFC = this.updatedDateRFC;
+    if (this.publishedDate) {
+      target.volume = this.volume;
+      target.issue = this.issue;
+      target.publishedDateRFC = this.publishedDateRFC;
+      target.publishedYear = this.publishedYear;
+      target.publishedMonth = this.publishedMonth;
+      target.publishedDay = this.publishedDay;
+      target.publishedMonthPadded = this.publishedMonthPadded;
+      target.publishedDayPadded = this.publishedDayPadded;
+    }
+    if (this.updatedDate) {
+      target.updatedDateRFC = this.updatedDateRFC;
+    }
    target.concatenatedAuthors = this.concatenatedAuthors;
    target.bibtexAuthors = this.bibtexAuthors;
    target.slug = this.slug;
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import bibtexParse from 'bibtex-parse-js';

 function normalizeTag(string) {
@@ -1,8 +1,23 @@
-export function collect_citations(dom=document) {
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+export function collect_citations(dom = document) {
  const citations = new Set();
-  const citeTags = dom.querySelectorAll('d-cite');
+  const citeTags = dom.querySelectorAll("d-cite");
  for (const tag of citeTags) {
-    const keys = tag.getAttribute('key').split(',');
+    const keyString = tag.getAttribute("key") || tag.getAttribute("bibtex-key");
+    const keys = keyString.split(",").map(k => k.trim());
    for (const key of keys) {
      citations.add(key);
    }
@@ -10,58 +25,74 @@ export function collect_citations(dom=document) {
  return [...citations];
 }

-export function inline_cite_short(keys){
-  function cite_string(key){
-    if (key in data.bibliography){
-      var n = data.citations.indexOf(key)+1;
-      return ''+n;
+export function inline_cite_short(keys) {
+  function cite_string(key) {
+    if (key in data.bibliography) {
+      var n = data.citations.indexOf(key) + 1;
+      return "" + n;
    } else {
-      return '?';
+      return "?";
    }
  }
-  return '['+keys.map(cite_string).join(', ')+']';
+  return "[" + keys.map(cite_string).join(", ") + "]";
 }

-export function inline_cite_long(keys){
-  function cite_string(key){
-    if (key in data.bibliography){
+export function inline_cite_long(keys) {
+  function cite_string(key) {
+    if (key in data.bibliography) {
      var ent = data.bibliography[key];
-      var names = ent.author.split(' and ');
-      names = names.map(name => name.split(',')[0].trim());
+      var names = ent.author.split(" and ");
+      names = names.map(name => name.split(",")[0].trim());
      var year = ent.year;
-      if (names.length == 1) return names[0] + ', ' + year;
-      if (names.length == 2) return names[0] + ' & ' + names[1] + ', ' + year;
-      if (names.length  > 2) return names[0] + ', et al., ' + year;
+      if (names.length == 1) return names[0] + ", " + year;
+      if (names.length == 2) return names[0] + " & " + names[1] + ", " + year;
+      if (names.length > 2) return names[0] + ", et al., " + year;
    } else {
-      return '?';
+      return "?";
    }
  }
-  return keys.map(cite_string).join(', ');
+  return keys.map(cite_string).join(", ");
 }

-function author_string(ent, template, sep, finalSep){
-  var names = ent.author.split(' and ');
+function author_string(ent, template, sep, finalSep) {
+  if (ent.author == null) {
+    return "";
+  }
+  var names = ent.author.split(" and ");
  let name_strings = names.map(name => {
    name = name.trim();
-    if (name.indexOf(',') != -1){
-      var last = name.split(',')[0].trim();
-      var firsts = name.split(',')[1];
+    if (name.indexOf(",") != -1) {
+      var last = name.split(",")[0].trim();
+      var firsts = name.split(",")[1];
+    } else if (name.indexOf(" ") != -1) {
+      var last = name
+        .split(" ")
+        .slice(-1)[0]
+        .trim();
+      var firsts = name
+        .split(" ")
+        .slice(0, -1)
+        .join(" ");
    } else {
-      var last = name.split(' ').slice(-1)[0].trim();
-      var firsts = name.split(' ').slice(0,-1).join(' ');
+      var last = name.trim();
    }
-    var initials = '';
+    var initials = "";
    if (firsts != undefined) {
-      initials = firsts.trim().split(' ').map(s => s.trim()[0]);
-      initials = initials.join('.')+'.';
+      initials = firsts
+        .trim()
+        .split(" ")
+        .map(s => s.trim()[0]);
+      initials = initials.join(".") + ".";
    }
-    return template.replace('${F}', firsts)
-      .replace('${L}', last)
-      .replace('${I}', initials);
+    return template
+      .replace("${F}", firsts)
+      .replace("${L}", last)
+      .replace("${I}", initials)
+      .trim(); // in case one of first or last was empty
  });
  if (names.length > 1) {
-    var str = name_strings.slice(0, names.length-1).join(sep);
-    str += (finalSep || sep) + name_strings[names.length-1];
+    var str = name_strings.slice(0, names.length - 1).join(sep);
+    str += (finalSep || sep) + name_strings[names.length - 1];
    return str;
  } else {
    return name_strings[0];
@@ -69,60 +100,71 @@ function author_string(ent, template, sep, finalSep){
 }

 function venue_string(ent) {
-  var cite = (ent.journal || ent.booktitle || '');
-  if ('volume' in ent){
+  var cite = ent.journal || ent.booktitle || "";
+  if ("volume" in ent) {
    var issue = ent.issue || ent.number;
-    issue = (issue != undefined)? '('+issue+')' : '';
-    cite += ', Vol ' + ent.volume + issue;
+    issue = issue != undefined ? "(" + issue + ")" : "";
+    cite += ", Vol " + ent.volume + issue;
  }
-  if ('pages' in ent){
-    cite += ', pp. ' + ent.pages;
+  if ("pages" in ent) {
+    cite += ", pp. " + ent.pages;
  }
-  if (cite != '') cite += '. ';
-  if ('publisher' in ent){
+  if (cite != "") cite += ". ";
+  if ("publisher" in ent) {
    cite += ent.publisher;
-    if (cite[cite.length-1] != '.') cite += '.';
+    if (cite[cite.length - 1] != ".") cite += ".";
  }
  return cite;
 }

-function link_string(ent){
-  if ('url' in ent){
+function link_string(ent) {
+  if ("url" in ent) {
    var url = ent.url;
-    var arxiv_match = (/arxiv\.org\/abs\/([0-9\.]*)/).exec(url);
-    if (arxiv_match != null){
+    var arxiv_match = /arxiv\.org\/abs\/([0-9\.]*)/.exec(url);
+    if (arxiv_match != null) {
      url = `http://arxiv.org/pdf/${arxiv_match[1]}.pdf`;
    }

-    if (url.slice(-4) == '.pdf'){
-      var label = 'PDF';
-    } else if (url.slice(-5) == '.html') {
-      var label = 'HTML';
+    if (url.slice(-4) == ".pdf") {
+      var label = "PDF";
+    } else if (url.slice(-5) == ".html") {
+      var label = "HTML";
    }
-    return ` &ensp;<a href="${url}">[${label||'link'}]</a>`;
-  }/* else if ("doi" in ent){
+    return ` &ensp;<a href="${url}">[${label || "link"}]</a>`;
+  } /* else if ("doi" in ent){
    return ` &ensp;<a href="https://doi.org/${ent.doi}" >[DOI]</a>`;
  }*/ else {
-    return '';
+    return "";
  }
 }
-function doi_string(ent, new_line){
-  if ('doi' in ent) {
-    return `${new_line?'<br>':''} <a href="https://doi.org/${ent.doi}" style="text-decoration:inherit;">DOI: ${ent.doi}</a>`;
+function doi_string(ent, new_line) {
+  if ("doi" in ent) {
+    return `${new_line ? "<br>" : ""} <a href="https://doi.org/${
+      ent.doi
+    }" style="text-decoration:inherit;">DOI: ${ent.doi}</a>`;
  } else {
-    return '';
+    return "";
  }
 }

-export function bibliography_cite(ent, fancy){
-  if (ent){
-    var cite =  '<span class="title">' + ent.title + '</span> ';
-    cite += link_string(ent) + '<br>';
-    cite += author_string(ent, '${L}, ${I}', ', ', ' and ');
-    if (ent.year || ent.date){
-      cite += ', ' + (ent.year || ent.date) + '. ';
+function title_string(ent) {
+  return '<span class="title">' + ent.title + "</span> ";
+}
+
+export function bibliography_cite(ent, fancy) {
+  if (ent) {
+    var cite = title_string(ent);
+    cite += link_string(ent) + "<br>";
+    if (ent.author) {
+      cite += author_string(ent, "${L}, ${I}", ", ", " and ");
+      if (ent.year || ent.date) {
+        cite += ", ";
+      }
+    }
+    if (ent.year || ent.date) {
+      cite += (ent.year || ent.date) + ". ";
    } else {
-      cite += '. ';
+      cite += ". ";
    }
    cite += venue_string(ent);
    cite += doi_string(ent);
@@ -139,39 +181,39 @@ export function bibliography_cite(ent, fancy){
    cite += link_string(ent);
    return cite*/
  } else {
-    return '?';
+    return "?";
  }
 }

-export function hover_cite(ent){
-  if (ent){
-    var cite = '';
-    cite += '<strong>' + ent.title + '</strong>';
+export function hover_cite(ent) {
+  if (ent) {
+    var cite = "";
+    cite += "<strong>" + ent.title + "</strong>";
    cite += link_string(ent);
-    cite += '<br>';
+    cite += "<br>";

-    var a_str = author_string(ent, '${I} ${L}', ', ') + '.';
-    var v_str = venue_string(ent).trim() + ' ' + ent.year + '. ' + doi_string(ent, true);
+    var a_str = author_string(ent, "${I} ${L}", ", ") + ".";
+    var v_str =
+      venue_string(ent).trim() + " " + ent.year + ". " + doi_string(ent, true);

-    if ((a_str+v_str).length < Math.min(40, ent.title.length)) {
-      cite += a_str + ' ' + v_str;
+    if ((a_str + v_str).length < Math.min(40, ent.title.length)) {
+      cite += a_str + " " + v_str;
    } else {
-      cite += a_str + '<br>' + v_str;
+      cite += a_str + "<br>" + v_str;
    }
    return cite;
  } else {
-    return '?';
+    return "?";
  }
 }

-
 //https://scholar.google.com/scholar?q=allintitle%3ADocument+author%3Aolah
-function get_GS_URL(ent){
-  if (ent){
-    var names = ent.author.split(' and ');
-    names = names.map(name => name.split(',')[0].trim());
-    var title = ent.title.split(' ');//.replace(/[,:]/, "")
-    var url = 'http://search.labs.crossref.org/dois?';//""https://scholar.google.com/scholar?"
-    url += uris({q: names.join(' ') + ' ' + title.join(' ')});
+function get_GS_URL(ent) {
+  if (ent) {
+    var names = ent.author.split(" and ");
+    names = names.map(name => name.split(",")[0].trim());
+    var title = ent.title.split(" "); //.replace(/[,:]/, "")
+    var url = "http://search.labs.crossref.org/dois?"; //""https://scholar.google.com/scholar?"
+    url += uris({ q: names.join(" ") + " " + title.join(" ") });
  }
 }
@@ -0,0 +1,3 @@
+export function domContentLoaded() {
+  return ['interactive', 'complete'].indexOf(document.readyState) !== -1;
+}
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 // This is a straight concatenation of code from KaTeX's contrib folder,
 // but we aren't using some of their helpers that don't work well outside a browser environment.

@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 // const marginSmall = 16;
 // const marginLarge = 3 * marginSmall;
 // const margin = marginSmall + marginLarge;
@@ -1,5 +1,19 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 export function addPolyfill(polyfill, polyfillLoadedCallback) {
-  console.info('Runlevel 0: Polyfill required: ' + polyfill.name);
+  console.debug('Runlevel 0: Polyfill required: ' + polyfill.name);
  const script = document.createElement('script');
  script.src = polyfill.url;
  script.async = false;
@@ -44,11 +58,11 @@ export class Polyfills {
    // Define an intermediate callback that checks if all is loaded.
    const polyfillLoaded = function(polyfill) {
      polyfill.loaded = true;
-      console.info('Runlevel 0: Polyfill has finished loading: ' + polyfill.name);
-      // console.info(window[polyfill.name]);
+      console.debug('Runlevel 0: Polyfill has finished loading: ' + polyfill.name);
+      // console.debug(window[polyfill.name]);
      if (Polyfills.neededPolyfills.every((poly) => poly.loaded)) {
-        console.info('Runlevel 0: All required polyfills have finished loading.');
-        console.info('Runlevel 0->1.');
+        console.debug('Runlevel 0: All required polyfills have finished loading.');
+        console.debug('Runlevel 0->1.');
        window.distillRunlevel = 1;
        callback();
      }
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 export const Mutating = (superclass) => {
  return class extends superclass {

@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 export function propName(attr) {
  return attr.replace(/(-[a-z])/g, (s) => s.toUpperCase().replace('-', ''));
 }
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 /*global ShadyCSS*/

 export const Template = (name, templateString, useShadow = true) => {
@@ -26,6 +40,9 @@ export const Template = (name, templateString, useShadow = true) => {
      }

      connectedCallback() {
+        if (this.hasAttribute('distill-prerendered')) {
+          return;
+        }
        if (useShadow) {
          if ('ShadyCSS' in window) {
            ShadyCSS.styleElement(this);
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2018 The Distill Template Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 d-article {
  contain: layout style;
  overflow-x: hidden;
@@ -211,7 +227,7 @@ d-figure {
 /* KaTeX */

 .katex, .katex-prerendered {
-  contain: content;
+  contain: style;
  display: inline-block;
 }

@@ -1,5 +1,21 @@
+/*
+ * Copyright 2018 The Distill Template Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 d-byline {
-  contain: content;
+  contain: style;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 0.8rem;
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2018 The Distill Template Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 span.katex-display {
  text-align: left;
  padding: 8px 0 8px 0;
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2018 The Distill Template Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 d-title {
  padding: 2rem 0 1.5rem;
  contain: layout style;
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2018 The Distill Template Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 html {
  font-size: 14px;
 	line-height: 1.6em;
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2018 The Distill Template Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
@supports not (display: grid) {
  .base-grid,
  distill-header,
@@ -79,7 +95,7 @@ distill-footer {
  }
 }

-@media(min-width: 1280px) {
+@media(min-width: 1180px) {
  .base-grid,
  distill-header,
  d-title,
@@ -1,3 +1,19 @@
+/*
+ * Copyright 2018 The Distill Template Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
@media print {

  @page {
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import base from './styles-base.css';
 import layout from './styles-layout.css';
 import print from './styles-print.css';
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 /* eslint-env node, mocha */

 import { FrontMatter } from './front-matter';
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 const html = `
 <style>
  dt-banner {
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import { bylineTemplate } from '../components/d-byline.js';

 export default function(dom, data) {
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import { renderCitationList } from '../components/d-citation-list'; // (element, entries)

 export default function(dom, data) {
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 export default function(dom, data) {
  let css = `
    dt-cite {
@@ -95,6 +109,7 @@ export default function(dom, data) {
  }

  function author_string(ent, template, sep, finalSep){
+    if (ent.author == null) { return ''; }
    var names = ent.author.split(' and ');
    let name_strings = names.map(name => {
      name = name.trim();
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import Prism from 'prismjs';

 export default function(dom, data) {
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 export default function(dom, data) {

  var fnTags = [].slice.apply(dom.querySelectorAll('dt-fn'));
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import ymlParse from 'js-yaml';

 export default function(dom, data) {
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 //import xml from "xml";

 export default function(data) {
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import code from './hover-box.txt';

 export default function(dom) {
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 export default function(dom) {

  const head = dom.querySelector('head');
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import fetch from 'fetch';
 let fetchUrl = fetch.fetchUrl;

@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import marked from 'marked';

 marked.setOptions({
@@ -1,22 +1,36 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import katex from 'katex';
 import { renderMathInElement } from '../helpers/katex-auto-render';

 export default function(dom, data) {
  let needsCSS = false;
-  const article = dom.querySelector('d-article');
+  const body = dom.querySelector('body');

-  if (!article) {
-    console.warn("No d-article tag found!");
+  if (!body) {
+    console.warn("No body tag found!");
    return;
  }

  if (data.katex && data.katex.delimiters) {
    global.document = dom;
-    renderMathInElement(article, data.katex);
+    renderMathInElement(body, data.katex);
  }

  // render d-math tags
-  const mathTags = article.querySelectorAll('d-math');
+  const mathTags = body.querySelectorAll('d-math');
  if (mathTags.length > 0) {
    needsCSS = true;
    console.warn(`Prerendering ${mathTags.length} math tags...`);
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 // TODO: rewrite as template to make order dependencies easier

 import favicon from '../assets/distill-favicon.base64';
@@ -124,26 +138,28 @@ function appendHtml(el, html) {
 }

 function citation_meta_content(ref){
-  // Special test for arxiv
  var content = `citation_title=${ref.title};`;

-  ref.author.split(' and ').forEach(name => {
-    name = name.trim();
-    let last, firsts;
-    if (name.indexOf(',') != -1){
-      last = name.split(',')[0].trim();
-      firsts = name.split(',')[1].trim();
-    } else {
-      last = name.split(' ').slice(-1)[0].trim();
-      firsts = name.split(' ').slice(0,-1).join(' ');
-    }
-    content += `citation_author=${firsts} ${last};`;
-  });
+  if (ref.author && ref.author !== '') {
+    ref.author.split(' and ').forEach(name => {
+      name = name.trim();
+      let last, firsts;
+      if (name.indexOf(',') != -1){
+        last = name.split(',')[0].trim();
+        firsts = name.split(',')[1].trim();
+      } else {
+        last = name.split(' ').slice(-1)[0].trim();
+        firsts = name.split(' ').slice(0,-1).join(' ');
+      }
+      content += `citation_author=${firsts} ${last};`;
+    });
+  }

  if ('year' in ref) {
    content += `citation_publication_date=${ref.year};`;
  }

+  // Special test for arxiv
  let arxiv_id_search = /https?:\/\/arxiv\.org\/pdf\/([0-9]*\.[0-9]*)\.pdf/.exec(ref.url);
  arxiv_id_search = arxiv_id_search || /https?:\/\/arxiv\.org\/abs\/([0-9]*\.[0-9]*)/.exec(ref.url);
  arxiv_id_search = arxiv_id_search || /arXiv preprint arXiv:([0-9]*\.[0-9]*)/.exec(ref.journal);
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 // no appendix -> add appendix
 // title in front, no h1 -> add it
 // no title in front, h1 -> read and put into frontMatter
@@ -29,7 +43,7 @@ export default function(dom, data) {

  let title = dom.querySelector('d-title');
  if (!title) {
-    let title = dom.createElement('d-title');
+    title = dom.createElement('d-title');
    body.insertBefore(title, byline);
  }

@@ -50,6 +64,8 @@ export default function(dom, data) {
      interstitial.password = data.password;
      body.insertBefore(interstitial, body.firstChild);
    }
+  } else if (!hasPassword && interstitial) {
+    interstitial.parentElement.removeChild(this);
  }

  let appendix = dom.querySelector('d-appendix');
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 const webcomponentPath = 'https://distill.pub/third-party/polyfills/webcomponents-lite.js';
 const intersectionObserverPath = 'https://distill.pub/third-party/polyfills/intersection-observer.js';

@@ -53,7 +67,7 @@ export default function render(dom) {
  if (templateTag) {
    templateTag.parentNode.removeChild(templateTag);
  } else {
-    console.info('FYI: Did not find template tag when trying to remove it. You may not have added it. Be aware that our polyfills will add it.')
+    console.debug('FYI: Did not find template tag when trying to remove it. You may not have added it. Be aware that our polyfills will add it.')
  }

  // add loader
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 /*
  Try to only reorder things that MAY be user defined.
  Try to use templates etc to define the order of our own tags.
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import { renderTOC } from '../components/d-toc';

 export default function(dom) {
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 export default function(dom) {

  var textNodes = dom.createTreeWalker(
@@ -10,12 +24,17 @@ export default function(dom) {
    if (text && acceptNode(n)) {
      text = quotes(text);
      text = punctuation(text);
-      text = ligatures(text);
+      // TODO: Add back support for ligatures once their uppercased versions don't hang Chrome search anymore
+      // see: https://bugs.chromium.org/p/chromium/issues/detail?id=862648
+      // text = ligatures(text);
      n.nodeValue = text;
    }
  }
 }

+// 2018-07-11 shancarter@ and ludwigschubert@ no longer know what this was meant to accomplish
+// if it was trying to not replace text in any child nodes of those listed here,
+// then it does not accomplish that.
 function acceptNode(node) {
  var parent = node.parentElement;
  var isMath = (parent && parent.getAttribute && parent.getAttribute('class')) ? parent.getAttribute('class').includes('katex') || parent.getAttribute('class').includes('MathJax') : false;
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import { Template } from '../mixins/template';
 import { scaleLinear } from 'd3-scale';
 import { range } from 'd3-array';
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 function nodeListToArray(nodeList) {
  return Array.prototype.slice.call(nodeList);
 }
@@ -1,3 +1,18 @@
+<!--
+  Copyright 2018 The Distill Template Authors
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
 <!DOCTYPE html>

 <head>
@@ -1,3 +1,18 @@
+<!--
+  Copyright 2018 The Distill Template Authors
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
 <!DOCTYPE html>

 <head>
@@ -1,3 +1,17 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 /* global it, should, describe */

 // Test format: https://mochajs.org/#bdd
@@ -1,74 +1,101 @@
+// Copyright 2018 The Distill Template Authors
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 /* global it, describe, before, beforeEach, after, afterEach */

-const jsdom = require('jsdom');
+const jsdom = require("jsdom");
 const { JSDOM } = jsdom;

-const expect = require('chai').expect;
-const distill = require('../dist/transforms.v2.js');
+const expect = require("chai").expect;
+const distill = require("../dist/transforms.v2.js");

 // omitJSDOMErrors as JSDOM routinely can't parse modern CSS
 const virtualConsole = new jsdom.VirtualConsole();
 virtualConsole.sendTo(console, { omitJSDOMErrors: true });
-const options = { runScripts: 'outside-only', QuerySelector: true, virtualConsole: virtualConsole };
+const options = {
+  runScripts: "outside-only",
+  QuerySelector: true,
+  virtualConsole: virtualConsole
+};

-describe('Distill V2 (transforms)', function() {
-
-  it('should export its expected interface', function() {
-    expect(distill.testing).to.be.an('object');
-    expect(distill.usesTemplateV2).to.be.a('function');
-    expect(distill.render).to.be.a('function');
-    expect(distill.distillify).to.be.a('function');
+describe("Distill V2 (transforms)", function() {
+  it("should export its expected interface", function() {
+    expect(distill.testing).to.be.an("object");
+    expect(distill.usesTemplateV2).to.be.a("function");
+    expect(distill.render).to.be.a("function");
+    expect(distill.distillify).to.be.a("function");
  });

-  describe('#usesTemplateV2()', function() {
-
-    it('should detect v1', function() {
-      const frag = JSDOM.fragment('<script src="https://distill.pub/template.v1.js"></script>');
+  describe("#usesTemplateV2()", function() {
+    it("should detect v1", function() {
+      const frag = JSDOM.fragment(
+        '<script src="https://distill.pub/template.v1.js"></script>'
+      );
      expect(distill.usesTemplateV2(frag)).to.be.false;
    });

-    it('should detect v2', function() {
-      const frag = JSDOM.fragment('<script src="https://distill.pub/template.v2.js"></script>');
+    it("should detect v2", function() {
+      const frag = JSDOM.fragment(
+        '<script src="https://distill.pub/template.v2.js"></script>'
+      );
      expect(distill.usesTemplateV2(frag)).to.be.true;
    });

-    it('should detect local scripts as well', function() {
+    it("should detect local scripts as well", function() {
      const frag = JSDOM.fragment('<script src="/template.v2.js"></script>');
      expect(distill.usesTemplateV2(frag)).to.be.true;
    });

-    it('should error on unknown distill script', function() {
-      const frag = JSDOM.fragment('<script src="https://distill.pub/template.v42.js"></script>');
-      expect(()=> distill.usesTemplateV2(frag)).to.throw('unknown');
+    it("should error on unknown distill script", function() {
+      const frag = JSDOM.fragment(
+        '<script src="https://distill.pub/template.v42.js"></script>'
+      );
+      expect(() => distill.usesTemplateV2(frag)).to.throw("unknown");
    });

-    it('should error on no distill script', function() {
-      const frag = JSDOM.fragment('<script src="https://code.jquery.com/jquery-3.2.1.js"></script>');
-      expect(()=> distill.usesTemplateV2(frag)).to.throw('at all');
+    it("should error on no distill script", function() {
+      const frag = JSDOM.fragment(
+        '<script src="https://code.jquery.com/jquery-3.2.1.js"></script>'
+      );
+      expect(() => distill.usesTemplateV2(frag)).to.throw("at all");
    });
-
  });

-  describe('#render()', function() {
-
-    describe('should extract metadata', function() {
-
-      it('should extract citations', function() {
-        const dom = new JSDOM('<d-cite key="test-citation-key">sth</d-cite>', options);
+  describe("#render()", function() {
+    describe("should extract metadata", function() {
+      it("should extract citations", function() {
+        const dom = new JSDOM(
+          '<d-cite key="test-citation-key">sth</d-cite>',
+          options
+        );
        const data = {};
-        const extractCitations = distill.testing.extractors.get('ExtractCitations');
-        expect(extractCitations).to.be.a('function');
+        const extractCitations = distill.testing.extractors.get(
+          "ExtractCitations"
+        );
+        expect(extractCitations).to.be.a("function");
        extractCitations(dom.window.document, data);
-        expect(data).to.have.property('citations');
+        expect(data).to.have.property("citations");
        const citations = data.citations;
        expect(citations).to.be.an.instanceof(Array);
        expect(citations).to.have.lengthOf(1);
        const citation = citations[0];
-        expect(citation).to.equal('test-citation-key');
+        expect(citation).to.equal("test-citation-key");
      });

-      it('should extract bibliography', function() {
-        const dom = new JSDOM(`
+      it("should extract bibliography", function() {
+        const dom = new JSDOM(
+          `
          <d-cite key="mercier2011humans">sth</d-cite>
          <d-bibliography>
            <script type="text/bibtex">
@@ -85,44 +112,58 @@ describe('Distill V2 (transforms)', function() {
            }
            </script>
          </d-bibliography>
-          `, options);
+          `,
+          options
+        );
        const data = {};
-        const extractBibliography = distill.testing.extractors.get('ExtractBibliography');
+        const extractBibliography = distill.testing.extractors.get(
+          "ExtractBibliography"
+        );
        extractBibliography(dom.window.document, data);
        expect(data.bibliography).to.be.an.instanceof(Map);
-        const entry = data.bibliography.get('mercier2011humans');
-        expect(entry).to.be.an('object');
-        expect(entry).to.have.property('year', '2011');
+        const entry = data.bibliography.get("mercier2011humans");
+        expect(entry).to.be.an("object");
+        expect(entry).to.have.property("year", "2011");
      });

-      it('should extract front-matter');
-
+      it("should extract front-matter");
    }); // metadata

-    describe('should transform the DOM', function() {
-
-      it('should add Google scholar citation information', function() {
-        const dom = new JSDOM('', options);
+    describe("should transform the DOM", function() {
+      it("should add Google scholar citation information", function() {
+        const dom = new JSDOM("", options);
        const data = {
          authors: [
-            {firstName: 'Frank', lastName: 'Underwood', affiliation: 'Google Brain', affiliationURL: 'https://g.co/brain'},
-            {firstName: 'Shan', lastName: 'Carter', affiliation: 'Google Brain', affiliationURL: 'https://g.co/brain'},
+            {
+              firstName: "Frank",
+              lastName: "Underwood",
+              affiliation: "Google Brain",
+              affiliationURL: "https://g.co/brain"
+            },
+            {
+              firstName: "Shan",
+              lastName: "Carter",
+              affiliation: "Google Brain",
+              affiliationURL: "https://g.co/brain"
+            }
          ],
-          doiSuffix: 'test-doi-suffix'
+          doiSuffix: "test-doi-suffix"
        };
-        const firstAuthorName = data.authors[0].firstName + ' ' + data.authors[0].lastName;
-        const GSfirstAuthorName = data.authors[0].lastName + ', ' + data.authors[0].firstName;
+        const firstAuthorName =
+          data.authors[0].firstName + " " + data.authors[0].lastName;
+        const GSfirstAuthorName =
+          data.authors[0].lastName + ", " + data.authors[0].firstName;

-        const meta = distill.testing.transforms.get('Meta');
-        expect(meta).to.be.a('function');
+        const meta = distill.testing.transforms.get("Meta");
+        expect(meta).to.be.a("function");

        meta(dom.window.document, data);
-        const metaTags = dom.window.document.querySelectorAll('meta');
+        const metaTags = dom.window.document.querySelectorAll("meta");
        expect(metaTags).to.not.be.empty;

        // Google Scholar
-        const GSAuthorTags = Array.prototype.filter.call(metaTags, (tag) => {
-          return tag.name === 'citation_author';
+        const GSAuthorTags = Array.prototype.filter.call(metaTags, tag => {
+          return tag.name === "citation_author";
        });
        expect(GSAuthorTags).to.have.lengthOf(2);
        const GSFirstAuthorTag = GSAuthorTags[0];
@@ -130,74 +171,89 @@ describe('Distill V2 (transforms)', function() {
        expect(GSFirstAuthorTag.content).to.equal(GSfirstAuthorName);

        // Schema.org Author tags
-        const SOAuthorTags = Array.prototype.filter.call(metaTags, (tag) => {
-          return tag.getAttribute('property') === 'article:author';
+        const SOAuthorTags = Array.prototype.filter.call(metaTags, tag => {
+          return tag.getAttribute("property") === "article:author";
        });
        expect(SOAuthorTags).to.have.lengthOf(2);
        const SOFirstAuthorTag = SOAuthorTags[0];
        expect(SOFirstAuthorTag.content).to.equal(firstAuthorName);
-
      });

-      it('given already correct data, it should add Google scholar references information', function() {
-        const dom = new JSDOM('', options);
+      it("given already correct data, it should add Google scholar references information", function() {
+        const dom = new JSDOM("", options);
        const data = {
-          doiSuffix: 'test-doi-suffix',
-          citations: ['test-citation-key'],
-          bibliography: new Map([[
-            'test-citation-key', {
-              title: 'Why do humans reason? Arguments for an argumentative theory',
-              author: 'Mercier, Hugo and Sperber, Dan',
-              journal: 'Behavioral and brain sciences',
-              volume: 34,
-              number: 2
-            }
-          ]])
+          doiSuffix: "test-doi-suffix",
+          citations: ["test-citation-key"],
+          bibliography: new Map([
+            [
+              "test-citation-key",
+              {
+                title:
+                  "Why do humans reason? Arguments for an argumentative theory",
+                author: "Mercier, Hugo and Sperber, Dan",
+                journal: "Behavioral and brain sciences",
+                volume: 34,
+                number: 2
+              }
+            ]
+          ])
        };
-        const meta = distill.testing.transforms.get('Meta');
-        expect(meta).to.be.a('function');
+        const meta = distill.testing.transforms.get("Meta");
+        expect(meta).to.be.a("function");
        meta(dom.window.document, data);
-        const metaTags = [].slice.call(dom.window.document.querySelectorAll('meta[name="citation_reference"]'));
+        const metaTags = [].slice.call(
+          dom.window.document.querySelectorAll(
+            'meta[name="citation_reference"]'
+          )
+        );
        expect(metaTags).to.not.be.empty;
      });

-      it('given an arxiv article, it should add a special Google scholar arxiv citation', function() {
-        const dom = new JSDOM('', options);
+      it("given an arxiv article, it should add a special Google scholar arxiv citation", function() {
+        const dom = new JSDOM("", options);
        const data = {
-          doiSuffix: 'test-doi-suffix',
-          citations: ['dumoulin2016guide'],
-          bibliography: new Map([[
-            'dumoulin2016guide', {
-              title: 'A guide to convolution arithmetic for deep learning',
-              author: 'Dumoulin, Vincent and Visin, Francesco',
-              journal: 'arXiv preprint arXiv:1603.07285',
-              year: '2016',
-              url: 'https://arxiv.org/pdf/1603.07285.pdf'
-            }
-          ]])
+          doiSuffix: "test-doi-suffix",
+          citations: ["dumoulin2016guide"],
+          bibliography: new Map([
+            [
+              "dumoulin2016guide",
+              {
+                title: "A guide to convolution arithmetic for deep learning",
+                author: "Dumoulin, Vincent and Visin, Francesco",
+                journal: "arXiv preprint arXiv:1603.07285",
+                year: "2016",
+                url: "https://arxiv.org/pdf/1603.07285.pdf"
+              }
+            ]
+          ])
        };

-        const meta = distill.testing.transforms.get('Meta');
-        expect(meta).to.be.a('function');
+        const meta = distill.testing.transforms.get("Meta");
+        expect(meta).to.be.a("function");
        meta(dom.window.document, data);

-        const metaTags = [].slice.call(dom.window.document.querySelectorAll('meta[name="citation_reference"]'));
+        const metaTags = [].slice.call(
+          dom.window.document.querySelectorAll(
+            'meta[name="citation_reference"]'
+          )
+        );
        expect(metaTags).to.not.be.empty;

        const metaTag = metaTags[0];
-        expect(metaTag).to.have.property('content');
+        expect(metaTag).to.have.property("content");

        const content = metaTag.content;
-        expect(content).to.include('citation_title');
-        expect(content).to.include('citation_author');
+        expect(content).to.include("citation_title");
+        expect(content).to.include("citation_author");
        expect(content.match(/citation_author=/g).length).to.equal(2);
-        expect(content).to.include('citation_publication_date');
-        expect(content).to.include('citation_arxiv_id');
-        expect(content).to.not.include('journal');
+        expect(content).to.include("citation_publication_date");
+        expect(content).to.include("citation_arxiv_id");
+        expect(content).to.not.include("journal");
      });

-      it('given only a DOM (and publish data), it should add Google scholar references information', function() {
-        const dom = new JSDOM(`
+      it("given only a DOM (and publish data), it should add Google scholar references information", function() {
+        const dom = new JSDOM(
+          `
          <d-cite key="mercier2011humans">sth</d-cite>
          <d-bibliography>
            <script type="text/bibtex">
@@ -214,27 +270,28 @@ describe('Distill V2 (transforms)', function() {
            }
            </script>
          </d-bibliography>
-          `, options);
+          `,
+          options
+        );
        const data = { publishedDate: new Date(), updatedDate: new Date() };
        distill.render(dom.window.document, data, false);
-        const metaTags = [].slice.call(dom.window.document.querySelectorAll('meta[name="citation_reference"]'));
+        const metaTags = [].slice.call(
+          dom.window.document.querySelectorAll(
+            'meta[name="citation_reference"]'
+          )
+        );
        expect(metaTags).to.not.be.empty;
      });
-
    });
-
  }); // render

-  it('should export #distillify()', function() {
-    expect(distill.distillify).to.be.a('function');
+  it("should export #distillify()", function() {
+    expect(distill.distillify).to.be.a("function");
  });

-  describe('#distillify()', function() {
-
-    it('should ensure existence of header');
-    it('should ensure existence of footer');
-    it('should ensure existence of distill appendix');
-
+  describe("#distillify()", function() {
+    it("should ensure existence of header");
+    it("should ensure existence of footer");
+    it("should ensure existence of distill appendix");
  });
-
 }); // describe 'Transform'
Author	SHA1	Message	Date
Ludwig Schubert	0d6de08c82	2.5.1	2019-12-16 11:58:07 -08:00
Ludwig Schubert	9d253fdd33	Update citation helper to also support both "key" and "bibtex-key" attribute names	2019-12-16 11:57:53 -08:00
Ludwig Schubert	7fcd24a07b	2.5.0	2019-12-16 10:21:47 -08:00
Ludwig Schubert	f569b07151	Add bibtex-key to d-cite for framework compatability	2019-12-16 10:21:38 -08:00
Ludwig Schubert	042da68b9a	2.4.3	2019-02-18 11:43:56 -08:00
Ludwig Schubert	4adbf9dcd2	Scope footer styles to avoid leaking them in pre-rendered mode	2019-02-18 11:43:45 -08:00
Ludwig Schubert	f933920421	2.4.2	2019-02-15 17:35:55 -08:00
Ludwig Schubert	cdfa045a36	Header prerendering now adds markup directly and adds distill-prerendered tag which TEMPLATE webcomponents now respect	2019-02-15 17:35:48 -08:00
Ludwig Schubert	5d83dbfd61	Add updated package-lock with hopefully some of the securoty warnings fixed	2019-02-06 21:09:46 -08:00
Ludwig Schubert	94510ee10b	Switch debugging http server from python's http server to a http-server.	2019-02-06 21:07:06 -08:00
Ludwig Schubert	7b3038bbd3	2.4.1	2019-02-06 20:37:19 -08:00
Ludwig Schubert	e9df166db9	Fix #101 by special casing bibtex author name strings without spaces or commas	2019-02-06 20:37:07 -08:00
Ludwig Schubert	e6dd2fbfd9	2.4.0	2019-01-31 17:21:49 -08:00
Ludwig Schubert	37cc1f3157	Fix d-cite tags that are dynamically added (such as in footnotes) + eliminate inline-block extra whitespace	2019-01-31 17:20:56 -08:00
Ludwig Schubert	9ead1f6f01	Remove stray console.log(frontmatter) call	2019-01-31 17:20:56 -08:00
Ludwig Schubert	ebe56d2329	Render d-math in all body (not just article) and remove contain: content optimizations in favor of contain: style	2019-01-31 17:20:56 -08:00
Ludwig Schubert	c3ff605777	Move Runlevel reporting to console.debug calls, fix logic flaw when to complain about Controller initialization	2019-01-31 17:20:42 -08:00
Ludwig Schubert	0300b98cb6	2.3.0	2019-01-06 20:51:37 -08:00
Ludwig Schubert	ecfd28bdf9	Allow any tag type in parseFrontMatter. <script> is still recommended where possible.	2019-01-06 20:33:19 -08:00
Ludwig Schubert	86ca6f72f4	Merge branch 'master' of github.com:distillpub/template	2019-01-03 14:42:54 -08:00
Ludwig Schubert	d0f5824e0c	Support specifying DOI in frontMatter (meant to be used for self-publishing; not for pre-rendered distill publishing)	2019-01-03 14:42:45 -08:00
Ludwig Schubert	8bd32bdf0b	Merge pull request #100 from distillpub/d-cite-keys-whitespace Trim whitespace	2018-12-28 19:59:06 +00:00
Shan Carter	f2ae6d7aa3	Merge pull request #81 from lbertge/master Update readme	2018-12-27 11:49:00 -08:00
Shan Carter	37c7483cb0	Trim whitespace Trimming whitespace on keys.	2018-12-20 14:01:30 -08:00
Ludwig Schubert	a272efb89c	2.2.26	2018-12-17 13:28:04 -08:00
Ludwig Schubert	bb19b13467	Fixes #80 by switching a div tag inside a p tag to a span tag. Thanks, humbertaco!	2018-12-17 13:26:33 -08:00
Ludwig Schubert	7e240ddf4f	Work around wrong baseline for math tags resulting from an overzealous contain optimization that became active in Chrome 71. Fixes #96 .	2018-12-17 13:17:53 -08:00
Ludwig Schubert	84c400184d	Render math tags in all elements under body, not just in d-article. Should fix #97, but still in testing.	2018-12-17 13:06:18 -08:00
Ludwig Schubert	d187130657	2.2.25	2018-12-17 12:59:47 -08:00
Ludwig Schubert	cc6b6bf595	Fix #95 in Chrome 69+, Safari, Firefox by reverting to JS based tooltip positioning. Also DRYs some styles	2018-12-17 12:59:38 -08:00
Ludwig Schubert	9463d6e58d	2.2.24	2018-08-30 15:37:02 -07:00
Ludwig Schubert	3c2f782e74	Fix scope typo	2018-08-30 15:36:55 -07:00
Ludwig Schubert	6bd5d0bf03	2.2.23	2018-07-11 14:00:02 -07:00
Ludwig Schubert	a5f663c249	Disable converting ligatures during pre-rendering due to Chrome bug 862648	2018-07-11 13:59:54 -07:00
Albert Ge	975c3e8256	Update readme	2018-07-06 14:47:18 -07:00
Ludwig Schubert	b854bd0124	Merge branch 'master' of github.com:distillpub/template	2018-06-22 12:02:59 -07:00
Ludwig Schubert	5217fd9943	Allow multiple affiliations for authors	2018-06-22 11:56:47 -07:00
Ludwig Schubert	a6df552537	Generalize disclaimer	2018-03-30 11:09:31 -07:00
Ludwig Schubert	a06cb5794c	Add Apache License	2018-03-30 10:51:26 -07:00
Ludwig Schubert	7ff8796266	Improve interstitial behavior Remove if no password during pre-render Remove if no password during onFrontMatterChanged Remove self if on production host	2018-03-06 16:13:05 -08:00
Ludwig Schubert	0bc2ce69da	Remove hover-box padding. Add footnote-container with padding.	2018-03-06 14:31:42 -08:00
Ludwig Schubert	4fac022efc	Merge pull request #74 from distillpub/hoverboxPadding Restore padding for d-hover-box	2018-03-06 09:09:46 -08:00
Shan Carter	dcf01cbc0f	Update styles-layout.css	2018-02-27 16:10:15 -08:00
Arvind Satyanarayan	c6cd820bc3	Restore padding for d-hover-box Fixes #73.	2018-02-07 14:23:42 -08:00
Ludwig Schubert	6941ba780d	Front matter only writes derived publish dates to data when publishedDate is available.	2017-12-05 11:42:50 -08:00
Ludwig Schubert	6f7df48fc2	2.2.19	2017-12-04 16:50:48 -08:00
Ludwig Schubert	71450e9ba8	Fix crash when a citation has no authors in Meta tags transform	2017-12-04 16:50:39 -08:00
Shan Carter	6679b120ab	2.2.18	2017-12-01 15:38:42 -08:00
Shan Carter	8bff98944a	merge	2017-12-01 15:38:31 -08:00
Shan Carter	b4c8fdc56a	No authors bugfix	2017-12-01 15:38:04 -08:00
Ludwig Schubert	c75787615e	2.2.17	2017-12-01 15:23:52 -08:00
Shan Carter	c2ef8e38c3	merge	2017-12-01 15:22:27 -08:00
Ludwig Schubert	bfcff784b1	2.2.14	2017-12-01 15:10:21 -08:00
Ludwig Schubert	000fa088db	Special case citations without authors	2017-12-01 15:09:23 -08:00