// Emergency visibility check for older browsers - increased timeout setTimeout(function() { var body = document.body; var main = document.querySelector('main'); var pageContainer = document.querySelector('.page-container'); var hasContent = document.querySelector('h1, h2, .card, button'); // Check if content is visible - more flexible detection var bodyHeight = body.offsetHeight; var hasVisibleContent = (main && main.offsetHeight > 100) || (pageContainer && pageContainer.offsetHeight > 100) || (hasContent && bodyHeight > 100); // Only inject emergency CSS if page is genuinely empty if (bodyHeight < 100 || (!hasVisibleContent && bodyHeight < 300)) { console.warn('Page appears blank, injecting emergency CSS'); var emergencyCSS = ` body { background: #f5f5f5 !important; color: #000 !important; margin: 0; padding: 20px; font-family: Arial, sans-serif; } main { display: block !important; background: white !important; padding: 20px !important; color: #000 !important; } .page-container { display: block !important; background: white !important; padding: 20px !important; color: #000 !important; } h1, h2, h3 { color: #000 !important; display: block !important; } p, div { color: #000 !important; display: block !important; } nav { background: #333 !important; color: white !important; padding: 10px !important; } nav a { color: white !important; } button { background: #007cba !important; color: white !important; padding: 8px 15px !important; border: none !important; } `; var style = document.createElement('style'); style.innerHTML = emergencyCSS; document.head.appendChild(style); // Show emergency message var emergencyDiv = document.createElement('div'); emergencyDiv.innerHTML = '

Marshall\'s List

Emergency mode active - basic styling loaded for browser compatibility

Return to Home

'; emergencyDiv.style.cssText = 'position: fixed; top: 0; left: 0; right: 0; background: #ffeb3b; color: #000; padding: 10px; text-align: center; z-index: 10000; border-bottom: 2px solid #000;'; document.body.insertBefore(emergencyDiv, document.body.firstChild); } }, 2000);