mirror of
https://github.com/wassname/template.git
synced 2026-07-02 05:17:12 +08:00
Shan Carter
70 lines
2.3 KiB
JavaScript
70 lines
2.3 KiB
JavaScript
import {page} from "./layout";
|
||
import mustache from "mustache";
|
||
|
||
let mustacheTemplate = `
|
||
<style>
|
||
distill-appendix {
|
||
display: block;
|
||
font-size: 13px;
|
||
line-height: 1.7em;
|
||
margin-bottom: 0;
|
||
border-top: 1px solid rgba(0,0,0,0.1);
|
||
color: rgba(0,0,0,0.5);
|
||
background: rgb(250, 250, 250);
|
||
padding-top: 36px;
|
||
padding-bottom: 48px;
|
||
}
|
||
${page("distill-appendix p, distill-appendix h3, distill-appendix pre")}
|
||
distill-appendix h3 {
|
||
font-size: 15px;
|
||
font-weight: 500;
|
||
margin-top: 20px;
|
||
margin-bottom: 0;
|
||
color: rgba(0,0,0,0.65);
|
||
line-height: 1em;
|
||
}
|
||
distill-appendix a {
|
||
color: rgba(0, 0, 0, 0.6);
|
||
}
|
||
distill-appendix ol,
|
||
distill-appendix ul {
|
||
padding-left: 24px;
|
||
}
|
||
distill-appendix .citation {
|
||
font-size: 11px;
|
||
line-height: 15px;
|
||
border-left: 2px solid rgba(0, 0, 0, 0.1);
|
||
padding: 0 0 0 12px;
|
||
overflow: hidden;
|
||
margin-top: -4px;
|
||
}
|
||
</style>
|
||
|
||
<h3>Updates and Corrections</h3>
|
||
<p><a href="">View all changes</a> to this article since it was first published. If you see mistakes or want to suggest changes, please <a href="">create an issue on GitHub</a>. </p>
|
||
|
||
<h3>Reuse</h3>
|
||
<p>Diagrams and text are licensed under Creative Commons Attribution <a href="https://creativecommons.org/licenses/by/2.0/">CC-BY 2.0</a> with the <a class="github" href="https://github.com/distillpub/post--augmented-rnns">source available on GitHub</a>, unless noted otherwise. The figures that have been reused from other sources don’t fall under this license and can be recognized by a note in their caption: “Figure from …”.</p>
|
||
|
||
<h3>Citation</h3>
|
||
<p>For attribution in academic contexts, please cite this work as</p>
|
||
<pre class="citation short">Olah & Carter, "Attention and Augmented Recurrent Neural Networks", Distill, 2016.</pre>
|
||
<p>BibTeX citation</p>
|
||
<pre class="citation long">@article{olah2016attention,
|
||
author = {Olah, Chris and Carter, Shan},
|
||
title = {Attention and Augmented Recurrent Neural Networks},
|
||
journal = {Distill},
|
||
year = {2016},
|
||
note = {http://distill.pub/2016/augmented-rnns}
|
||
}</pre>
|
||
`;
|
||
|
||
export default class DistillAppendix extends HTMLElement {
|
||
static get is() { return "distill-appendix"; }
|
||
render(data) {
|
||
this.innerHTML = mustache.render(mustacheTemplate, data);
|
||
}
|
||
}
|
||
|
||
customElements.define(DistillAppendix.is, DistillAppendix);
|