(function() { // Check if already dismissed or running as PWA if (localStorage.getItem('pwa-dismissed') === 'true') return; if (window.matchMedia('(display-mode: standalone)').matches) return; if (window.navigator.standalone === true) return; // Create banner after DOM is ready function createBanner() { if (document.getElementById('pwa-install-banner-js')) return; var banner = document.createElement('div'); banner.id = 'pwa-install-banner-js'; banner.innerHTML = '

🎾

Get the App!

Add to Home Screen

'; banner.style.cssText = 'position:fixed;bottom:0;left:0;right:0;z-index:2147483647;padding:16px;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);box-shadow:0 -4px 20px rgba(0,0,0,0.3);font-family:system-ui,-apple-system,sans-serif;'; document.body.appendChild(banner); // Install button click document.getElementById('pwa-install-btn').onclick = function() { var isIOS = /iPhone|iPad|iPod/.test(navigator.userAgent); if (isIOS) { alert('To install:\n\n1. Tap the Share button (box with arrow)\n2. Scroll down and tap "Add to Home Screen"\n3. Tap "Add"\n\nThe app will appear on your home screen!'); } else { alert('To install:\n\n1. Tap the menu (3 dots)\n2. Tap "Add to Home Screen" or "Install App"'); } }; // Dismiss button click document.getElementById('pwa-dismiss-btn').onclick = function() { banner.remove(); localStorage.setItem('pwa-dismissed', 'true'); }; } if (document.readyState === 'complete') { createBanner(); } else { window.addEventListener('load', createBanner); } })();