add a footer
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user