forked from interstellar_development/freettrpg
52 lines
No EOL
1.8 KiB
JavaScript
52 lines
No EOL
1.8 KiB
JavaScript
// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPL-3.0
|
|
|
|
/*
|
|
* freettrpg website
|
|
* Copyright (C) 2024 interstellar_development
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU Affero General Public License as
|
|
* published by the Free Software Foundation, either version 3 of the
|
|
* License, or (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU Affero General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public License
|
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*/
|
|
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 Goal</a></li>
|
|
<li><a href="#section3">Community-Driven Platform</a></li>
|
|
<li><a href="#section4">Join Us</a></li>
|
|
<li><a href="#section5">Our Code</a></li>
|
|
<li><a href="#section6">Copyright Note</a></li>
|
|
<li><a href="#section7">Game Assets</a></li>
|
|
</ul>
|
|
</div>
|
|
`;
|
|
}
|
|
}
|
|
|
|
customElements.define('header-component', Header);
|
|
// @license-end
|