forked from interstellar_development/freettrpg
34 lines
991 B
JavaScript
34 lines
991 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">The Game</a></li>
|
||
|
|
<li><a href="#section2">Our Vision</a></li>
|
||
|
|
<li><a href="#section3">Copyright</a></li>
|
||
|
|
<li><a href="#section4">Platform</a></li>
|
||
|
|
<li><a href="#section5">Join Us</a></li>
|
||
|
|
<li><a href="#section6">Source Code</a></li>
|
||
|
|
<li><a href="#section7">Game Assets</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
`;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
customElements.define('header-component', Header);
|
||
|
|
// @license-end
|