Spaces:
Running
Running
| // Mobile menu toggle functionality | |
| document.addEventListener('DOMContentLoaded', function() { | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function(e) { | |
| e.preventDefault(); | |
| const target = document.querySelector(this.getAttribute('href')); | |
| if (target) { | |
| window.scrollTo({ | |
| top: target.offsetTop - 80, | |
| behavior: 'smooth' | |
| }); | |
| } | |
| }); | |
| }); | |
| // Slot game interaction simulation | |
| const playButtons = document.querySelectorAll('button'); | |
| playButtons.forEach(button => { | |
| button.addEventListener('click', function() { | |
| // Visual feedback | |
| this.classList.add('animate-pulse'); | |
| setTimeout(() => { | |
| this.classList.remove('animate-pulse'); | |
| }, 1000); | |
| }); | |
| }); | |
| // Device rotation detection | |
| function handleOrientation() { | |
| const isLandscape = window.matchMedia("(orientation: landscape)").matches; | |
| const rotationNotice = document.querySelector('.rotation-notice'); | |
| if (isLandscape && window.innerWidth < 768) { | |
| if (rotationNotice) rotationNotice.classList.remove('hidden'); | |
| } else { | |
| if (rotationNotice) rotationNotice.classList.add('hidden'); | |
| } | |
| } | |
| window.addEventListener('orientationchange', handleOrientation); | |
| window.addEventListener('resize', handleOrientation); | |
| handleOrientation(); // Initial check | |
| }); |