-
Notifications
You must be signed in to change notification settings - Fork 2
/
navbar.js
31 lines (29 loc) · 1.17 KB
/
navbar.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
class MyComponent extends HTMLElement {
connectedCallback() {
let baseURL = window.location.href
let baseURLi = baseURL.lastIndexOf("src")
baseURL = `${baseURL.substring(0, baseURLi)}src/`
this.innerHTML = `
<div class="navbar">
<a href="./index.html" class="logo flex-vertical-centre">
<!--<img style="height: 3rem" src="https://ik.imagekit.io/pzcihm1mr/icon.png?tr=h-200">-->
<img style="height: 3rem" src="lunar_sim_site_logo.png">
Lunar Simulations
</a>
<div>
<div class="navbar-links hide-mobile">
<a href="index.html">Home</a>
<a href="features.html">Features</a>
<a href="https://discord.gg/SCDwaUjvyT">Join our server</a>
</div>
<button class="hide-desktop" id="menu-btn">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</button>
</div>
</div>
`;
}
}
customElements.define('navbar-component', MyComponent);