Update templates/index.html

templates/index.html

@@ -16,7 +16,6 @@
             height: 100vh;
             text-align: center;
         }
-
         .container {
             background: white;
             padding: 40px 50px;
@@ -24,20 +23,17 @@
             width: 400px;
             box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
         }
-
         h1 {
             font-size: 30px;
             font-weight: bold;
             color: #ff6a00; /* Bright orange for title */
         }
-
         label {
             font-size: 18px;
             margin-top: 20px;
             display: block;
             text-align: left;
         }
-
         input[type="text"] {
             width: 100%;
             padding: 10px;
@@ -46,14 +42,12 @@
             border-radius: 5px;
             margin-top: 8px;
         }
-
         .info {
             margin-top: 20px;
             font-size: 16px;
             color: #ff6a00;
             font-weight: bold;
         }
-
         .btn {
             margin-top: 30px;
             padding: 12px;
@@ -66,11 +60,9 @@
             cursor: pointer;
             transition: background-color 0.3s;
         }
-
         .btn:hover {
             background-color: #ff5500;
         }
-
         .status {
             font-size: 14px;
             color: gray;
@@ -103,6 +95,7 @@
     <script>
         let recognition;
         let isListening = false;
+        let isNameCaptured = false;
 
         // Initialize speech recognition
         if ('webkitSpeechRecognition' in window) {
@@ -135,6 +128,31 @@
             recognition.onresult = function(event) {
                 const transcript = event.results[event.resultIndex][0].transcript.trim();
                 if (event.results[event.resultIndex].isFinal) {
-                    if (!nameInput.value) {
+                    if (!isNameCaptured) {
                         // If name is empty, fill it with the recognized text
-                     
+                        nameInput.value = transcript;
+                        status.textContent = 'Listening for your email...';
+                        isNameCaptured = true; // Mark name as captured
+                        recognition.stop(); // Stop listening for name
+                        recognition.start(); // Start listening for email
+                    } else if (isNameCaptured && !emailInput.value) {
+                        // If email is empty, fill it with the recognized text
+                        emailInput.value = transcript;
+                        status.textContent = 'Registration complete.';
+
+                        // After registration is complete, refresh page automatically after 15 seconds
+                        setTimeout(() => location.reload(), 15000); // Refresh after 15 seconds
+                    }
+                }
+            };
+
+            recognition.onerror = function(event) {
+                console.error('Speech recognition error:', event.error);
+                status.textContent = 'Error recognizing speech. Please try again.';
+            };
+        }
+
+        document.getElementById('startListeningBtn').addEventListener('click', startListening);
+    </script>
+</body>
+</html>