31 lines
843 B
JavaScript
31 lines
843 B
JavaScript
|
// @license https://creativecommons.org/licenses/by-sa/4.0/ CC-BY-SA-4.0
|
||
|
|
class Header extends HTMLElement {
|
||
|
|
constructor() {
|
||
|
|
super();
|
||
|
|
}
|
||
|
|
|
||
|
|
connectedCallback() {
|
||
|
|
this.innerHTML = `
|
||
|
|
<style>
|
||
|
|
|
||
|
|
</style>
|
||
|
|
<header>
|
||
|
|
<div class="header-content">
|
||
|
|
<div><a href="index.html" class="project-name">FreeTTRPG</a></div>
|
||
|
|
<button class="burger-menu" onclick="toggleMenu()">☰</button>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
<div class="div-menu">
|
||
|
|
<ul class="menu">
|
||
|
|
<li><a href="#section1">Our Website</a></li>
|
||
|
|
<li><a href="#section2">Cloning</a></li>
|
||
|
|
<li><a href="#section3">Move into the folder</a></li>
|
||
|
|
<li><a href="#section4">Read the license</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
`;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
customElements.define('header-component', Header);
|
||
|
|
// @license-end
|