2024-06-20 07:52:56 +02:00
|
|
|
// @license magnet:?xt=urn:btih:90dc5c0be029de84e523b9b3922520e79e0e6f08&dn=cc0.txt CC0-1.0
|
2024-06-19 08:58:57 +02:00
|
|
|
class Header extends HTMLElement {
|
|
|
|
constructor() {
|
|
|
|
super();
|
|
|
|
}
|
|
|
|
|
|
|
|
connectedCallback() {
|
|
|
|
this.innerHTML = `
|
|
|
|
<style>
|
|
|
|
|
|
|
|
</style>
|
|
|
|
<header>
|
|
|
|
<div class="header-content">
|
2024-06-29 23:28:48 +02:00
|
|
|
<div><a href="../index.html" class="project-name">FOSS alternatives</a></div>
|
2024-06-24 19:24:56 +02:00
|
|
|
<button class="burger-menu" style="display: block;" onclick="toggleMenu()">☰</button>
|
2024-06-19 08:58:57 +02:00
|
|
|
</div>
|
|
|
|
</header>
|
2024-06-29 23:28:48 +02:00
|
|
|
<div class="div-menu">
|
|
|
|
<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>
|
2024-06-19 08:58:57 +02:00
|
|
|
`;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
customElements.define('header-component', Header);
|
2024-06-24 19:24:56 +02:00
|
|
|
|
2024-06-20 07:52:56 +02:00
|
|
|
// @license-end
|