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 | }
|