Update index.html

index.html

@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>GestureMail Pro</title>
     <link rel="stylesheet" href="style.css">
+    <!-- Fixed: Removed extra spaces in URLs -->
     <script src="https://cdn.jsdelivr.net/npm/@mediapipe/hands@0.4/hands.js" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/@mediapipe/camera_utils/camera_utils.js" crossorigin="anonymous"></script>
 </head>
@@ -42,6 +43,14 @@
             <div class="gesture-icon">1</div>
             <div>Point to select an email</div>
         </div>
+        <div class="gesture-item">
+            <div class="gesture-icon">↑</div>
+            <div>Swipe up to scroll</div>
+        </div>
+        <div class="gesture-item">
+            <div class="gesture-icon">↓</div>
+            <div>Swipe down to scroll</div>
+        </div>
         <div class="gesture-item">
             <div class="gesture-icon">←</div>
             <div>Swipe left to delete</div>
@@ -55,12 +64,8 @@
             <div>Draw circle for summary</div>
         </div>
         <div class="gesture-item">
-            <div class="gesture-icon">↑</div>
-            <div>Swipe up to scroll</div>
-        </div>
-        <div class="gesture-item">
-            <div class="gesture-icon">↓</div>
-            <div>Swipe down to scroll</div>
+            <div class="gesture-icon">?</div>
+            <div>Hold to confirm action</div>
         </div>
     </div>
     
@@ -107,7 +112,6 @@
     </div>
     
     <div class="status-indicator" id="statusIndicator"></div>
-    <div class="scroll-indicator" id="scrollIndicator"></div>
 
     <script src="assets/js/script.js"></script>
 </body>