add a footer
This commit is contained in:
parent
7e3d0b72dc
commit
4eee95bdae
|
@ -19,5 +19,6 @@
|
||||||
<p>I'm in your walls.</p>
|
<p>I'm in your walls.</p>
|
||||||
</article>
|
</article>
|
||||||
</main>
|
</main>
|
||||||
|
<dd-footer></dd-footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
17
ddheader.js
17
ddheader.js
|
@ -21,4 +21,21 @@ class DDHeader extends HTMLElement {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
class DDFooter extends HTMLElement {
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
}
|
||||||
|
|
||||||
|
connectedCallback() {
|
||||||
|
this.innerHTML = `
|
||||||
|
<footer>
|
||||||
|
<ul>
|
||||||
|
<li><a href="/about.html">about</a></li>
|
||||||
|
</ul>
|
||||||
|
</footer>
|
||||||
|
`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
customElements.define("dd-header", DDHeader);
|
customElements.define("dd-header", DDHeader);
|
||||||
|
customElements.define("dd-footer", DDFooter);
|
||||||
|
|
|
@ -20,5 +20,6 @@
|
||||||
</p>
|
</p>
|
||||||
</article>
|
</article>
|
||||||
</main>
|
</main>
|
||||||
|
<dd-footer></dd-footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -208,5 +208,6 @@
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</main>
|
</main>
|
||||||
|
<dd-footer></dd-footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in New Issue