Update templates/index.html

templates/index.html

@@ -82,6 +82,17 @@
         .social-icon:hover {
             color: #ff3366;
         }
+      .generating-message {
+            text-align: center;
+            margin-bottom: 20px;
+            color: #ffffff;
+            display: none;
+        }
+        
+        .disabled-button {
+            cursor: not-allowed;
+            opacity: 0.6;
+          }
       footer {
             
             padding: 20px;
@@ -173,7 +184,7 @@
                     <option value="RATIO_3X2">3:2</option>
                 </select>
             </div>
-            <button type="submit" class="btn btn-primary">Generate Image</button>
+            <button type="submit" class="btn btn-primary" id="generate-button">Generate Image</button>
         </form>
 
         <div class="social-buttons">
@@ -191,6 +202,12 @@
             </span>
         </div>
     </div>
+  <script>
+        function showGeneratingMessage() {
+            document.getElementById('generating-message').style.display = 'block';
+            document.getElementById('generate-button').classList.add('disabled-button');
+        }
+  </script>
 <footer>
         <p>Built with ❤️ by <a href="https://codegenius.me" style="color: red;">Ashiq Hussain Mir</a></p>
 </footer>