2024-03-20 01:33:14 +00:00
|
|
|
class DDHeader extends HTMLElement {
|
|
|
|
constructor() {
|
|
|
|
super();
|
|
|
|
}
|
|
|
|
|
|
|
|
connectedCallback() {
|
|
|
|
this.innerHTML = `
|
2024-03-26 03:44:54 +00:00
|
|
|
<header>
|
2024-08-16 01:16:46 +00:00
|
|
|
<div id="headerimg"></div>
|
2024-03-26 03:44:54 +00:00
|
|
|
<div id="headermain">
|
|
|
|
<p><a id="homelink" href="/">dairydemon.net</a></p>
|
|
|
|
<nav>
|
|
|
|
<ul>
|
|
|
|
<li><a href="https://social.dairydemon.net">mastodon</a></li>
|
|
|
|
<li><a href="https://scm.dairydemon.net">git</a></li>
|
|
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
</header>
|
2024-03-20 01:33:14 +00:00
|
|
|
`;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2024-05-27 19:39:25 +00:00
|
|
|
class DDFooter extends HTMLElement {
|
|
|
|
constructor() {
|
|
|
|
super();
|
|
|
|
}
|
|
|
|
|
|
|
|
connectedCallback() {
|
|
|
|
this.innerHTML = `
|
|
|
|
<footer>
|
|
|
|
<ul>
|
|
|
|
<li><a href="/about.html">about</a></li>
|
2024-09-08 20:45:09 +00:00
|
|
|
<li><a href="/attributions.html">attributions</a></li>
|
2024-05-27 19:39:25 +00:00
|
|
|
</ul>
|
|
|
|
</footer>
|
|
|
|
`;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2024-03-26 03:44:54 +00:00
|
|
|
customElements.define("dd-header", DDHeader);
|
2024-05-27 19:39:25 +00:00
|
|
|
customElements.define("dd-footer", DDFooter);
|