updates to the web gui

1 files changed, 13 insertions, 0 deletions

diff --git a/templates/static/main.mjs b/templates/static/main.mjs
new file mode 100644
index 0000000..7e48f65
--- /dev/null
+++ b/templates/static/main.mjs
@@ -0,0 +1,13 @@
+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)";
+		});
+	});
+});