Update index.html

index.html

@@ -709,31 +709,14 @@
         let capturedImage = null;
         
         // Initialize the application
+        // Immediately upon page load
         document.addEventListener('DOMContentLoaded', function() {
-            // Get elements
-            video = document.getElementById('video');
-            canvas = document.getElementById('nail-overlay');
-            ctx = canvas.getContext('2d');
-            
-            // Set up canvas size
-            updateCanvasSize();
-            window.addEventListener('resize', updateCanvasSize);
-            
-            // Initialize camera
-            initCamera();
-            
-            // Set up hand tracking
-            initHandTracking();
-            
-            // Set up event listeners
-            setupEventListeners();
-            
-            // Close tutorial
-            document.querySelector('.tutorial-btn').addEventListener('click', function() {
+            const tutorialBtn = document.querySelector('.tutorial-btn');
+            tutorialBtn.addEventListener('click', function() {
                 document.querySelector('.tutorial-overlay').style.display = 'none';
             });
         });
-        
+                
         // Update canvas size to match video
         function updateCanvasSize() {
             const container = document.querySelector('.video-container');