Update app.py

app.py

@@ -70,8 +70,8 @@ index_html = """
     <title>FLUX.1-Dev Image Generator</title>
     <script>
         async function generateImage() {
-            const prompt = document.getElementById("prompt").value + ", high image quality, high quality";
-            const negative_prompt = document.getElementById("negative_prompt").value + ", dirty, achromatic, gray, distorted, anatomically bad, deformed head, impossible deformity, crooked face";
+            const prompt = document.getElementById("prompt").value;
+            const negative_prompt = document.getElementById("negative_prompt").value;
             const width = document.getElementById("width").value;
             const height = document.getElementById("height").value;
             const steps = document.getElementById("steps").value;
@@ -122,16 +122,18 @@ index_html = """
     <h1>FLUX.1-Dev Image Generator</h1>
     <form onsubmit="event.preventDefault(); generateImage();">
         <label for="prompt">Prompt:</label>
-        <textarea id="prompt" name="prompt" placeholder="Enter your prompt" required>real, sky, blue, clouds, light blue, light blue sky, sun, 32K, many islands floating in the sky, Ghibli, many islands, many islands in the sky, islands in the clouds, old islands, fog, high quality, cool, real</textarea><br><br>
+        <input type="text" id="prompt" name="prompt" placeholder="Enter your prompt" required><br><br>
         
         <label for="negative_prompt">Negative Prompt:</label>
-        <textarea id="negative_prompt" name="negative_prompt" >(deformed, distorted, disfigured), poorly drawn, bad anatomy, wrong anatomy, extra limb, missing limb, floating limbs, (mutated hands and fingers), disconnected limbs, mutation, mutated, ugly, disgusting, blurry, amputation, misspellings, typos</textarea><br><br>
+        <input type="text" id="negative_prompt" name="negative_prompt" value="(deformed, distorted, disfigured), poorly drawn, bad anatomy, wrong anatomy, extra limb, missing limb, floating limbs, (mutated hands and fingers), disconnected limbs, mutation, mutated, ugly, disgusting, blurry, amputation, misspellings, typos"><br><br>
 
         <label for="width">Width:</label>
-        <input type="number" id="width" name="width" value="1024"><br><br>
+        <input type="range" id="width" name="width" min="64" max="2048" value="1024" step="8" oninput="this.nextElementSibling.value = this.value">
+        <output>1024</output><br><br>
 
         <label for="height">Height:</label>
-        <input type="number" id="height" name="height" value="1024"><br><br>
+        <input type="range" id="height" name="height" min="64" max="2048" value="1024" step="8" oninput="this.nextElementSibling.value = this.value">
+        <output>1024</output><br><br>
 
         <label for="steps">Sampling Steps:</label>
         <input type="number" id="steps" name="steps" value="35"><br><br>
@@ -161,7 +163,6 @@ index_html = """
     <img id="generated-image" src="" alt="Generated Image" style="max-width: 100%; height: auto; display: none;">
 </body>
 </html>
-
 """
 
 @app.route('/')