// Back to top button const backToTopButton = document.createElement('button'); backToTopButton.id = 'back-to-top'; backToTopButton.className = 'fixed bottom-24 right-6 bg-gold-600 text-white p-3 rounded-full shadow-lg hover:bg-gold-900 transition-all duration-300 transform translate-y-10 opacity-0 z-50'; backToTopButton.innerHTML = ''; backToTopButton.setAttribute('aria-label', 'Back to top'); backToTopButton.addEventListener('click', () => { window.scrollTo({ top: 0, behavior: 'smooth' }); }); document.body.appendChild(backToTopButton); // Show/hide back to top button window.addEventListener('scroll', () => { if (window.scrollY > 300) { backToTopButton.classList.remove('translate-y-10', 'opacity-0'); backToTopButton.classList.add('translate-y-0', 'opacity-100'); } else { backToTopButton.classList.remove('translate-y-0', 'opacity-100'); backToTopButton.classList.add('translate-y-10', 'opacity-0'); } }); // Smooth scroll for anchor links document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function (e) { const href = this.getAttribute('href'); if (href === '#') return; const targetElement = document.querySelector(href); if (targetElement) { e.preventDefault(); const headerOffset = 80; const elementPosition = targetElement.getBoundingClientRect().top; const offsetPosition = elementPosition + window.pageYOffset - headerOffset; window.scrollTo({ top: offsetPosition, behavior: 'smooth' }); } }); }); // Show toast notification window.showToast = function(message, type = 'success') { // Remove existing toast const existingToast = document.getElementById('toast-notification'); if (existingToast) existingToast.remove(); const toast = document.createElement('div'); toast.id = 'toast-notification'; toast.className = `fixed top-4 right-4 px-6 py-3 rounded-lg shadow-lg transform translate-x-full transition-transform duration-300 z-50 ${type === 'error' ? 'bg-red-500' : type === 'warning' ? 'bg-yellow-500' : 'bg-green-500'} text-white`; toast.innerHTML = `

${message}

`; document.body.appendChild(toast); // Show toast setTimeout(() => { toast.classList.remove('translate-x-full'); }, 10); // Hide toast after 3 seconds setTimeout(() => { toast.classList.add('translate-x-full'); setTimeout(() => toast.remove(), 300); }, 3000); }; // Online/offline detection window.addEventListener('offline', () => { window.showToast('You are currently offline. Some features may not work.', 'warning'); }); window.addEventListener('online', () => { window.showToast('You are back online!', 'success'); });

Join LOCOH International

Create Account