Update templates/interface.html

templates/interface.html

@@ -13,7 +13,7 @@
     <form method="post" action="/" onsubmit="showLoadingMessage()">
         <div>
             <label for="text_input">Text to synthesize:</label>
-            <input type="text" id="text_input" name="text_input" value="{{ text_input }}">>
+            <input type="text" id="text_input" name="text_input" value="{{ text_input }}">
         </div>
         <div>
         <label for="selection">Select speaker:</label>
@@ -43,13 +43,17 @@
         <label for="noise_scale_w_slider">Phoneme stressing scale:</label>
         <input type="range" id="noise_scale_w_slider" name="noise_scale_w_slider" min="0.25" max="1" step="0.1" value="1">
         </div>
+       <!-- Add a div with the "loading-message" ID for the loading message -->
+        <div id="loading-message"></div>
+
+        <!-- Include the dynamic content from response_html -->
+        {{ response_html|safe }}
+        
 
         <div>
         <button type="submit" id="synthesize_button">Synthesize</button>
         </div>
-        <div>
-          {{ response_html|safe }}
-        </div>
+        
 
 
 {% if file_url %}