31 lines
No EOL
1.1 KiB
JavaScript
31 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 alternatives</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 Purpose</a></li>
|
|
<li><a href="internet_tools/index.html">Internet Tools</a></li>
|
|
<li><a href="multimedia/index.html">Multimedia</a></li>
|
|
<li><a href="operating_systems/index.html">Operating Systems</a></li>
|
|
<li><a href="social_platforms/index.html">Social Platforms</a></li>
|
|
</ul>
|
|
</div>
|
|
</header>
|
|
`;
|
|
}
|
|
}
|
|
|
|
customElements.define('header-component', Header);
|
|
// @license-end
|