34 lines
No EOL
1,009 B
JavaScript
34 lines
No EOL
1,009 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 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
|