32 lines
No EOL
1.1 KiB
JavaScript
32 lines
No EOL
1.1 KiB
JavaScript
// @license magnet:?xt=urn:btih:90dc5c0be029de84e523b9b3922520e79e0e6f08&dn=cc0.txt CC0-1.0
|
|
class Header extends HTMLElement {
|
|
constructor() {
|
|
super();
|
|
}
|
|
|
|
connectedCallback() {
|
|
this.innerHTML = `
|
|
<style>
|
|
|
|
</style>
|
|
<header>
|
|
<div class="header-content">
|
|
<div class="project-name"><a href="index.html">FOSS alternative</a></div>
|
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
|
<ul class="menu">
|
|
<li><a href="../games/index.html">Games</a></li>
|
|
<li><a href="../general_purpose/index.html">General</a></li>
|
|
<li><a href="../internet_tools/index.html>Tools</a></li>
|
|
<li><a href="../multimedia/index.html">Multimedia</a></li>
|
|
<li><a href="../operating_systems/index.html">OS</a></li>
|
|
<li><a href="../social-platforms/index.html">Social media</a></li>
|
|
</ul>
|
|
</div>
|
|
</header>
|
|
`;
|
|
}
|
|
}
|
|
|
|
customElements.define('header-component', Header);
|
|
customElements.define('header-component', Header);
|
|
// @license-end
|