// Immediately create and inject the loading screen (function() { // Create loading screen styles const style = document.createElement('style'); style.textContent = ` #sam-tools-loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 9999; transition: opacity 0.5s ease-out; } #sam-tools-loader .logo-container { margin-bottom: 2rem; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; } #sam-tools-loader .progress-container { width: 80%; max-width: 300px; height: 10px; background-color: #e2e8f0; border-radius: 9999px; overflow: hidden; margin-bottom: 1rem; } #sam-tools-loader .progress-bar { height: 100%; width: 0%; background-color: #3A5A78; border-radius: 9999px; transition: width 0.3s ease-out; } #sam-tools-loader .loading-text { color: #4a5568; font-size: 0.875rem; text-align: center; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } `; document.head.appendChild(style); // Create loading screen HTML const loader = document.createElement('div'); loader.id = 'sam-tools-loader'; loader.innerHTML = `

Loading Nepali Financial Tools...

`; // Add the loader to the document if (document.body) { document.body.appendChild(loader); startProgress(); } else { // If body isn't available yet, wait for it document.addEventListener('DOMContentLoaded', function() { document.body.appendChild(loader); startProgress(); }); } // Start progress animation function startProgress() { let progress = 0; const progressBar = document.getElementById('sam-tools-progress-bar'); const interval = setInterval(() => { progress += Math.random() * 10; if (progress >= 100) { progress = 100; clearInterval(interval); } if (progressBar) { progressBar.style.width = progress + '%'; } }, 200); // Hide loading screen when page is fully loaded or after timeout const hideLoader = () => { if (progressBar) { progressBar.style.width = '100%'; } setTimeout(() => { const loader = document.getElementById('sam-tools-loader'); if (loader) { loader.style.opacity = '0'; setTimeout(() => { if (loader.parentNode) { loader.parentNode.removeChild(loader); } }, 500); } }, 300); }; // Listen for page load window.addEventListener('load', hideLoader); // Fallback: hide after 5 seconds setTimeout(hideLoader, 5000); } })();