Update index.html

index.html

@@ -370,7 +370,6 @@
             <span class="text-xs text-center font-medium text-pink-100 drop-shadow-md">Calculator</span>
         </div>
 
-        <!-- NEW MASTER SPEC DESKTOP ICON -->
         <div class="desktop-icon flex flex-col items-center p-3 rounded-lg w-24" onclick="openWindow('spec')">
             <div class="w-12 h-12 bg-gray-900 rounded-lg flex items-center justify-center mb-2 border border-red-500/30 shadow-lg shadow-red-500/20">
                 <i data-lucide="book-open" class="w-6 h-6 text-red-400"></i>
@@ -378,7 +377,6 @@
             <span class="text-xs text-center font-medium text-red-100 drop-shadow-md">Master Spec</span>
         </div>
 
-        <!-- NEW XOR'S FAVS DESKTOP ICON -->
         <div class="desktop-icon flex flex-col items-center p-3 rounded-lg w-24" onclick="openWindow('favs')">
             <div class="w-12 h-12 bg-gray-900 rounded-lg flex items-center justify-center mb-2 border border-yellow-500/30 shadow-lg shadow-yellow-500/20">
                 <i data-lucide="star" class="w-6 h-6 text-yellow-400"></i>
@@ -998,62 +996,70 @@
             const statusText = document.getElementById('boot-status-text');
             const bootScreen = document.getElementById('boot-screen');
 
-            // 1. Text Typing Phase
+            // 1. Text Typing Phase (~900ms)
             for (let i = 0; i < bootLogData.length; i++) {
                 const line = document.createElement('div');
                 line.textContent = `> ${bootLogData[i]}`;
                 logsContainer.appendChild(line);
                 logsWrapper.scrollTop = logsWrapper.scrollHeight;
                 
-                // Randomize delay to look like real loading
-                const delay = Math.floor(Math.random() * 150) + 20; 
+                // Very fast terminal speed
+                const delay = Math.floor(Math.random() * 30) + 10; 
                 await new Promise(r => setTimeout(r, delay));
             }
 
-            await new Promise(r => setTimeout(r, 400)); // Pause before splash
+            await new Promise(r => setTimeout(r, 200));
 
-            // 2. Splash Screen Phase
+            // 2. Splash Screen Phase (~2 seconds)
             logsContainer.style.display = 'none';
             splash.classList.remove('hidden');
             title.classList.add('glitch-anim');
 
-            // Quick fake progress bar
             const statuses = ["Mounting Drives...", "Decrypting...", "Starting Services...", "Launching GUI..."];
             let progress = 0;
             
-            while (progress <= 100) {
+            // Fixed loop condition so it never hangs
+            while (progress < 100) {
+                progress += Math.floor(Math.random() * 15) + 5; // Fast chunks
+                if (progress > 100) progress = 100;
+                
                 progressBar.style.width = `${progress}%`;
                 progressPercent.textContent = `${progress}%`;
                 
-                if (progress === 25) statusText.textContent = statuses[1];
-                if (progress === 60) statusText.textContent = statuses[2];
-                if (progress === 90) statusText.textContent = statuses[3];
+                if (progress >= 25 && progress < 60) statusText.textContent = statuses[1];
+                if (progress >= 60 && progress < 90) statusText.textContent = statuses[2];
+                if (progress >= 90) statusText.textContent = statuses[3];
 
-                progress += Math.floor(Math.random() * 10) + 2;
-                if (progress > 100) progress = 100;
-                
-                await new Promise(r => setTimeout(r, Math.random() * 80 + 20));
+                await new Promise(r => setTimeout(r, Math.random() * 60 + 20));
             }
 
-            await new Promise(r => setTimeout(r, 600)); // Hold on 100%
+            await new Promise(r => setTimeout(r, 400)); // Hold briefly on 100%
 
-            // 3. Fade Out
-            title.classList.remove('glitch-anim'); // stop glitch for smooth fade
+            // 3. Fade Out (800ms)
+            title.classList.remove('glitch-anim');
             bootScreen.classList.add('fade-out-os');
 
             // 4. Trigger Desktop initialization after fade
             setTimeout(() => {
-                bootScreen.remove(); // Remove overlay completely from DOM
-                
-                // Show welcome alert
-                const alertBox = document.getElementById('system-alert');
-                alertBox.style.display = 'flex';
-                
-                // Auto-open browser
+                bootScreen.remove(); 
+                document.getElementById('system-alert').style.display = 'flex';
                 openWindow('browser');
-            }, 800); // Matches the CSS animation duration
+            }, 800);
         }
 
+        // Failsafe Timeout: GUARANTEES desktop loads no matter what in exactly 5.5 seconds.
+        setTimeout(() => {
+            const bootScreen = document.getElementById('boot-screen');
+            if(bootScreen && bootScreen.parentNode) {
+                bootScreen.remove();
+                document.getElementById('system-alert').style.display = 'flex';
+                const browserWin = document.getElementById('window-browser');
+                if(browserWin && browserWin.classList.contains('hidden')) {
+                    openWindow('browser');
+                }
+            }
+        }, 5500);
+
         // Run boot sequence as soon as script runs
         runBootSequence();