More stuff will be added later just wait pls
ALL SOURCES
JS
animations and stills.js
app.js
instanceHandler.js
modeHandler.js
music.js
news.js
quick-access.js
tangent.js
CSS app.css mystery.css
index.html
index.html is the main page of this whole site. I'll show you some funky stuff about it. First off, the navbar. The navbar is actually super simple, in fact here's the script that runs to generate the navbar.
function initMenubar() {
Element = document.getElementById('menubar')
if (Element != null) {
Element.innerHTML = `
<button class="center-me navbar-btn">
<a href="index.html">
<img src="images/navbar/home.png" alt="Home" style="width: 90%; height: auto;" class="center-me">
</a>
</button>
<button class="center-me navbar-btn">
<a href="my-stuff.html">
<img src="images/navbar/my stuff.png" alt="My stuff" style="width: 90%; height: auto;" class="center-me">
</a>
</button>
<button class="center-me navbar-btn">
<a href="unwarrented-opinions.html">
<img src="images/navbar/unwarrented opinions.png" alt="Unwarrented opinions" style="width: 90%; height: auto;" class="center-me">
</a>
</button>
<button class="center-me navbar-btn">
<a href="tangents.html">
<img src="images/navbar/tangents.png" alt="Tangents" style="width: 90%; height: auto;" class="center-me">
</a>
</button>
<button class="center-me navbar-btn">
<a href="about.html">
<img src="images/navbar/about.png" alt="About" style="width: 90%; height: auto;" class="center-me">
</a>
</button>
<button class="center-me navbar-btn">
<a href="news.html">
<img id="news-navbar-btn" src="images/navbar/news.png" alt="About" style="width: 90%; height: auto;" class="center-me">
</a>
</button>
`;
}
}
Okay that seemed a lot less complex in my head. Basicallt, what it's doing is finding the element with the ID 'menubar' and checking to make sure it doesn't have anything inside it. If it has nothing inside of it, it changes the HTML to the code required to display each button properly.
Here's what it does in a list form:
1. looking for an element with the ID 'menubar'
2. checking to make sure there is nothing inside of it
3. changing the inner HTML to add the navbar