c168da359e
- add lobby, game, leaderboard, results pages - add scripts: storage, lobby, game, drawing, scoring, countries - add styles: main, lobby, game - unify header/footer across all pages - show lobby name in lobby view - remove clear board from leaderboard
37 lines
1.2 KiB
JavaScript
37 lines
1.2 KiB
JavaScript
// main.js — index.html
|
|
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
// Smooth scroll for nav links
|
|
document.querySelectorAll('a[href^="#"]').forEach(link => {
|
|
link.addEventListener("click", e => {
|
|
const id = link.getAttribute("href").slice(1);
|
|
const target = document.getElementById(id);
|
|
if (!target) return;
|
|
e.preventDefault();
|
|
const headerH = document.querySelector(".header")?.offsetHeight || 0;
|
|
const top = target.getBoundingClientRect().top + window.scrollY - headerH - 16;
|
|
window.scrollTo({ top, behavior: "smooth" });
|
|
});
|
|
});
|
|
|
|
// Register button stub
|
|
const regBtn = document.getElementById("reg-btn");
|
|
if (regBtn) {
|
|
regBtn.addEventListener("click", () => {
|
|
alert("Frontend skeleton only. Backend will be connected later.");
|
|
});
|
|
}
|
|
|
|
// Scroll reveal
|
|
const reveals = document.querySelectorAll(".reveal");
|
|
const io = new IntersectionObserver((entries) => {
|
|
entries.forEach(entry => {
|
|
if (entry.isIntersecting) {
|
|
entry.target.classList.add("visible");
|
|
io.unobserve(entry.target);
|
|
}
|
|
});
|
|
}, { threshold: 0.12 });
|
|
reveals.forEach(el => io.observe(el));
|
|
});
|