add a footer

This commit is contained in:
filifa 2024-05-27 14:39:25 -05:00
parent 7e3d0b72dc
commit 4eee95bdae
4 changed files with 20 additions and 0 deletions

View File

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

View File

@ -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);

View File

@ -20,5 +20,6 @@
</p> </p>
</article> </article>
</main> </main>
<dd-footer></dd-footer>
</body> </body>
</html> </html>

View File

@ -208,5 +208,6 @@
</ul> </ul>
</article> </article>
</main> </main>
<dd-footer></dd-footer>
</body> </body>
</html> </html>