Update static/index.html

static/index.html

@@ -86,6 +86,47 @@
     background-color: #45a049;
 }
     }
+      #generate {
+        background-image: linear-gradient(
+        45deg,
+        hsl(240deg 75% 29%) 0%,
+        hsl(254deg 78% 28%) 6%,
+        hsl(264deg 82% 27%) 13%,
+        hsl(272deg 87% 26%) 19%,
+        hsl(278deg 93% 25%) 25%,
+        hsl(284deg 98% 24%) 31%,
+        hsl(289deg 100% 23%) 37%,
+        hsl(294deg 100% 23%) 44%,
+        hsl(299deg 100% 22%) 50%,
+        hsl(303deg 100% 23%) 56%,
+        hsl(307deg 100% 24%) 63%,
+        hsl(311deg 100% 25%) 69%,
+        hsl(313deg 100% 26%) 75%,
+        hsl(316deg 95% 28%) 81%,
+        hsl(320deg 88% 30%) 87%,
+        hsl(323deg 81% 32%) 94%,
+        hsl(326deg 75% 33%) 100%
+    );
+    border: none;
+    color: white;
+    padding: 10px 20px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 16px;
+    margin-top: 10px;
+    cursor: pointer;
+    border-radius: 5px;
+    display: block;
+    margin: 0 auto;
+    width: 200px;
+}
+   #generate:hover {
+     /* Hover effect for the button */
+
+    background-color: #45a049;
+}
+  }
         .container {
             text-align: center;
         }
@@ -373,7 +414,7 @@
         </div>
         <br>
         	    <div>
-                <button id ="generatePrompts" onclick="sendInputs()">generate image </button>
+                <button id ="generate" onclick="sendInputs()">generate image </button>
                
             </div>
         <div id="output-container" class="image-container">