finished the webpage, and the main code is functioning correctly

1 files changed, 13 insertions, 1 deletions

diff --git a/webGUI/main.mjs b/webGUI/main.mjs
index c7464e5..7e48f65 100644
--- a/webGUI/main.mjs
+++ b/webGUI/main.mjs
@@ -1 +1,13 @@
-let modes = ["STATS", ""]
\ No newline at end of file
+document.addEventListener("DOMContentLoaded", () => {
+	const buttons = document.querySelectorAll(".controls a");
+
+	buttons.forEach((button) => {
+		button.addEventListener("mouseover", () => {
+			button.style.boxShadow = "0px 6px 12px rgba(255, 255, 255, 0.5)";
+		});
+
+		button.addEventListener("mouseout", () => {
+			button.style.boxShadow = "0px 4px 8px rgba(0, 0, 0, 0.4)";
+		});
+	});
+});