diff --git a/data/navBar.json b/data/navBar.json index 95fb815..00edc5e 100644 --- a/data/navBar.json +++ b/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", diff --git a/global/globalScript.js b/global/globalScript.js index e2a9479..cd8dc69 100644 --- a/global/globalScript.js +++ b/global/globalScript.js @@ -1,6 +1,7 @@ const PAGES = { null: -1, SYNTHWAVE: 0, + LICENSE: 1, } const CONSOLE_COLORS = { red: "color: #FF0000;", diff --git a/global/globalStyle.css b/global/globalStyle.css index ba9e478..da41c87 100644 --- a/global/globalStyle.css +++ b/global/globalStyle.css @@ -11,6 +11,9 @@ html { font-family: "Roboto", sans-serif; font-size: 1rem; + color: #ffffff; + background-color: #323232; + overflow: hidden; } canvas { diff --git a/global/loadingScreen.css b/global/loadingScreen.css index 5ced997..8919ac3 100644 --- a/global/loadingScreen.css +++ b/global/loadingScreen.css @@ -40,4 +40,5 @@ word-break: break-word; display: flex; justify-content: center; + color: #ffffff; } \ No newline at end of file diff --git a/global/navBar.js b/global/navBar.js index 9939d1c..dc8f3dd 100644 --- a/global/navBar.js +++ b/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 = `