updated nav bar & some styling

data/navBar.json

@@ -17,7 +17,13 @@
   {
     "icon": "powerplates_8x8.png",
     "action": "navigate",
-    "actionValue": "/powerplates"
+    "actionValue": "/powerplates",
+    "alt": {
+      "name": "byte",
+      "icon": "dice3_8x8.png",
+      "action": "navigate",
+      "actionValue": "/"
+    }
   },
   {
     "icon": "pauseAnimation_8x8.png",

global/globalScript.js

@@ -1,6 +1,7 @@
 const PAGES = {
   null: -1,
   SYNTHWAVE: 0,
+  LICENSE: 1,
 }
 const CONSOLE_COLORS = {
   red: "color: #FF0000;",

global/globalStyle.css

@@ -11,6 +11,9 @@
 html {
   font-family: "Roboto", sans-serif;
   font-size: 1rem;
+  color: #ffffff;
+  background-color: #323232;
+  overflow: hidden;
 }
 
 canvas {

global/loadingScreen.css

@@ -40,4 +40,5 @@
   word-break: break-word;
   display: flex;
   justify-content: center;
+  color: #ffffff;
 }

global/navBar.js

@@ -1,7 +1,10 @@
 let navBarJson
+let alts
 
 function onLoadNavBar() {
   const container = document.getElementById("navBarContainer")
+  const altString = container.dataset.alt || ""
+  alts = altString.replace(" ", "").split(",")
 
   if (!container) { return }
 
@@ -17,7 +20,8 @@ function onLoadNavBar() {
       btn["icon"]        || "",
       btn["action"]      || "",
       btn["actionValue"] || "",
-      btn["iconId"]      || ""
+      btn["iconId"]      || "",
+      btn["alt"]         || ""
     ))
   }
 
@@ -25,7 +29,14 @@ function onLoadNavBar() {
   container.appendChild(navBarAligner)
 }
 
-function createNavBarBtn(icon = "", action = "", actionValue = "", iconId = "") {
+function createNavBarBtn(icon = "", action = "", actionValue = "", iconId = "", alt = "", hidden = "") {
+  if (alts.includes(alt["name"])) {
+    icon        = alt["icon"]        || ""
+    action      = alt["action"]      || ""
+    actionValue = alt["actionValue"] || ""
+    iconId      = alt["iconId"]      || ""
+  }
+
   let onClick
   switch (action) {
     case "navigate": onClick = `slideTransition('${actionValue}')`; break
@@ -34,6 +45,7 @@ function createNavBarBtn(icon = "", action = "", actionValue = "", iconId = "")
   }
 
   let btn = document.createElement("li")
+
   btn.innerHTML = `
     <button onclick="${onClick}" class="navBtn">
       <img class="navBtnImg" draggable="false" src="/assets/navBarBtn.png">