Add 1 files

index.html

@@ -185,7 +185,7 @@
         }
 
         #start-screen {
-            position: absolute;
+            position: fixed;
             top: 0;
             left: 0;
             width: 100%;
@@ -197,6 +197,7 @@
             align-items: center;
             z-index: 200;
             text-align: center;
+            pointer-events: all;
         }
 
         #start-title {
@@ -243,6 +244,10 @@
             right: 10px;
         }
 
+        #start-button:active {
+            transform: translateY(1px);
+        }
+
         /* Scrollbar styling */
         #output::-webkit-scrollbar {
             width: 5px;
@@ -272,7 +277,7 @@
             opacity: 0;
             z-index: 300;
             pointer-events: none;
-            animation: powerOn 2s ease-out;
+            animation: powerOn 1s ease-out;
         }
 
         @keyframes powerOn {
@@ -592,35 +597,45 @@
 
         // Initialize game with enhanced effects
         function initGame() {
+            // Disable button to prevent multiple clicks
             startButton.disabled = true;
             startButton.style.opacity = '0.5';
             startButton.style.cursor = 'not-allowed';
+            startButton.textContent = "INITIALIZING...";
             
-            // Power sequence effect
+            // Create power effect
             const powerEffect = document.createElement('div');
             powerEffect.className = 'power-on-effect';
             document.body.appendChild(powerEffect);
             
+            // Set timeout for transition to ensure it completes
             setTimeout(() => {
+                // Hide start screen after animation
                 startScreen.classList.add('hidden');
-                terminal.classList.remove('hidden');
-                input.focus();
-                state.gameActive = true;
                 
-                typeText(`SYSTEM OVERRIDE INITIALIZED\n`, 20, () => {
-                    typeText(`CAREER CRISIS SIMULATION v4.3.1\n\n`, 30, () => {
-                        typeText(`Assessment indicates professional existential threat:\n`, 30, () => {
-                            typeText(`AI counterpart demonstrates superior capabilities\n\n`, 30, () => {
-                                typeText(`This simulation will challenge your professional identity\n\n`, 30, showJobSelect);
+                // Ensure terminal is properly initialized before showing
+                setTimeout(() => {
+                    terminal.classList.remove('hidden');
+                    input.focus();
+                    state.gameActive = true;
+                    
+                    // Begin typing animation
+                    typeText(`SYSTEM OVERRIDE INITIALIZED\n`, 20, () => {
+                        typeText(`CAREER CRISIS SIMULATION v4.3.1\n\n`, 30, () => {
+                            typeText(`Assessment indicates professional existential threat:\n`, 30, () => {
+                                typeText(`AI counterpart demonstrates superior capabilities\n\n`, 30, () => {
+                                    typeText(`This simulation will challenge your professional identity\n\n`, 30, showJobSelect);
+                                });
                             });
                         });
                     });
-                });
-                
-                setTimeout(() => {
-                    powerEffect.remove();
-                }, 2000);
-            }, 200);
+                    
+                    // Remove power effect after full transition
+                    setTimeout(() => {
+                        powerEffect.remove();
+                    }, 1000);
+                }, 300); // Added slight delay to ensure CSS transition
+            }, 100);
         }
 
         // Show job selection with more personality
@@ -958,22 +973,13 @@
 
         // Initialize button with improved UX
         window.addEventListener('DOMContentLoaded', () => {
-            const button = document.getElementById('start-button');
-            
-            // Click handler with visual feedback
-            button.addEventListener('mouseup', (e) => {
-                if (e.button === 0) { // Left click
-                    e.preventDefault();
-                    button.style.transform = 'translateY(1px)';
-                    setTimeout(() => {
-                        button.style.transform = '';
-                        initGame();
-                    }, 150);
-                }
+            startButton.addEventListener('click', (e) => {
+                e.preventDefault();
+                initGame();
             });
             
             // Keyboard support
-            button.addEventListener('keypress', (e) => {
+            startButton.addEventListener('keypress', (e) => {
                 if (e.key === 'Enter') {
                     e.preventDefault();
                     initGame();
@@ -981,12 +987,12 @@
             });
             
             // Focus visual
-            button.addEventListener('focus', () => {
-                button.style.boxShadow = '0 0 10px rgba(0, 255, 65, 0.7)';
+            startButton.addEventListener('focus', () => {
+                startButton.style.boxShadow = '0 0 10px rgba(0, 255, 65, 0.7)';
             });
             
-            button.addEventListener('blur', () => {
-                button.style.boxShadow = '';
+            startButton.addEventListener('blur', () => {
+                startButton.style.boxShadow = '';
             });
         });
     </script>