karma/crab-webapp
1
0
Fork 0
mirror of https://github.com/karma-riuk/crab-webapp.git synced 2025-07-05 06:08:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

added header to page

Browse Source
This commit is contained in:
Karma Riuk
2025-05-14 22:56:42 +02:00
parent d833beee83
commit 2e4382617f
3 changed files with 186 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
public/js/index.js
View File

@ -129,3 +129,25 @@ socket.on("successful-upload", () => {
statusEl.style.color = "green";
statusEl.textContent = "Upload succeeded!";
});
// INFO-MODAL LOGIC
const infoButton = document.getElementById("info-button");
const modalOverlay = document.getElementById("modal-overlay");
const modalClose = document.getElementById("modal-close");
// open modal
infoButton.addEventListener("click", () => {
modalOverlay.classList.remove("hidden");
});
// close modal via “×” button
modalClose.addEventListener("click", () => {
modalOverlay.classList.add("hidden");
});
// also close if you click outside the white box
modalOverlay.addEventListener("click", (e) => {
if (e.target === modalOverlay) {
modalOverlay.classList.add("hidden");
}
});