| 1 | const html = `
|
| 2 | <style>
|
| 3 | dt-banner {
|
| 4 | background: #FFF59D;
|
| 5 | display: block;
|
| 6 | text-align: center;
|
| 7 | color: black;
|
| 8 | height: 70px;
|
| 9 | line-height: 70px;
|
| 10 | }
|
| 11 | </style>
|
| 12 | <div>This article is a draft, awaiting review for publication in Distill</div>
|
| 13 | `;
|
| 14 |
|
| 15 | export default function(dom, data) {
|
| 16 | let banner = dom.createElement("dt-banner");
|
| 17 | banner.innerHTML = html;
|
| 18 | let b = dom.querySelector("body");
|
| 19 | b.insertBefore(banner, b.firstChild);
|
| 20 | banner.addEventListener("click", function() {
|
| 21 | banner.style.display = "none";
|
| 22 | });
|
| 23 | }
|