Update templates/index.html

templates/index.html

@@ -8,7 +8,7 @@
     <style>
         body {
             font-family: 'Roboto', sans-serif;
-            background: linear-gradient(135deg, #f4c542, #ff8f6a);
+            background: linear-gradient(135deg, #f4c542, #ff8f6a); /* Light gradient background */
             margin: 0;
             display: flex;
             justify-content: center;
@@ -119,7 +119,11 @@
             recognition.start();
 
             recognition.onresult = function(event) {
-                const transcript = event.results[0][0].transcript.trim();
+                let transcript = event.results[0][0].transcript.trim();
+
+                // Replace spoken variations of "at" with "@" for emails
+                transcript = transcript.replace(/\bat\b/g, '@');
+
                 emailInput.value = transcript;
                 recognition.stop();