class DDHeader extends HTMLElement {
	constructor() {
		super();
	}

	connectedCallback() {
		this.innerHTML = `
		<img id="headerimg" src="/dairydemon.jpg" alt="cow with glowing eyes" />
		<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>
		`;
	}
}

customElements.define("dd-header", DDHeader, { extends: "header" });