Update app.py

app.py

@@ -7,11 +7,9 @@ import time
 from PIL import Image
 from deep_translator import GoogleTranslator
 import json
-
 from themes import IndonesiaTheme  # Import custom IndonesiaTheme
 
 # Project by Nymbo
-
 API_URL = "https://api-inference.huggingface.co/models/black-forest-labs/FLUX.1-schnell"
 API_TOKEN = os.getenv("HF_READ_TOKEN")
 headers = {"Authorization": f"Bearer {API_TOKEN}"}
@@ -74,13 +72,67 @@ css = """
     max-width: 800px;
     margin-left: auto;
     margin-right: auto;
+    padding: 20px;
+    background-color: #2b2b2b;
+    border-radius: 15px;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
+}
+
+h1 {
+    font-size: 2.5rem;
+    text-align: center;
+    color: #ffa500;
+    margin-bottom: 10px;
+    font-weight: bold;
+    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+}
+
+.description {
+    text-align: center;
+    font-size: 1.2rem;
+    color: #ffffff;
+    margin-bottom: 20px;
+    font-style: italic;
+}
+
+#gen-button {
+    background-color: #ff9800;
+    color: white;
+    font-weight: bold;
+    border-radius: 10px;
+    padding: 15px;
+    transition: background-color 0.3s ease;
+}
+
+#gen-button:hover {
+    background-color: #e67e22;
+    transform: scale(1.05);
+}
+
+#gallery {
+    border: 2px solid #ff9800;
+    border-radius: 15px;
+}
+
+#prompt-text-input, #negative-prompt-text-input {
+    background-color: #444444;
+    color: white;
+    border-radius: 8px;
+    border: 1px solid #ffa500;
+}
+
+label {
+    color: #ffffff;
 }
 """
 
 # Build the Gradio UI with Blocks
 with gr.Blocks(theme=IndonesiaTheme(), css=css) as app:
-    # Add a title to the app
-    gr.HTML("<center><h1>FLUX.1-Schnell</h1></center>")
+    # Add a title to the app with an emoji and large header
+    gr.HTML("<h1>🔥 Unlimited FLUX Schnell - V1.3 🔥</h1>")
+    
+    # Description below the title in Indonesian
+    gr.HTML("<p class='description'>🚀 Generator gambar AI berkualitas tinggi dengan kontrol penuh atas detail dan opsi lanjutan. Buat karya seni spektakuler dengan mudah! 🎨</p>")
     
     # Container for all the UI elements
     with gr.Column(elem_id="app-container"):
@@ -88,31 +140,31 @@ with gr.Blocks(theme=IndonesiaTheme(), css=css) as app:
         with gr.Row():
             with gr.Column(elem_id="prompt-container"):
                 with gr.Row():
-                    text_prompt = gr.Textbox(label="Prompt", placeholder="Enter a prompt here", lines=2, elem_id="prompt-text-input")
+                    text_prompt = gr.Textbox(label="🎨 Prompt", placeholder="Masukkan deskripsi gambar di sini", lines=2, elem_id="prompt-text-input")
                 
                 # Accordion for advanced settings
                 with gr.Row():
-                    with gr.Accordion("Advanced Settings", open=False):
-                        negative_prompt = gr.Textbox(label="Negative Prompt", placeholder="What should not be in the image", 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", lines=3, elem_id="negative-prompt-text-input")
+                    with gr.Accordion("⚙️ Pengaturan Lanjutan", open=False):
+                        negative_prompt = gr.Textbox(label="❌ Prompt Negatif", placeholder="Elemen yang tidak diinginkan dalam gambar", value="(deformed, distorted, disfigured)...", lines=3, elem_id="negative-prompt-text-input")
                         with gr.Row():
-                            width = gr.Slider(label="Width", value=1024, minimum=64, maximum=1216, step=32)
-                            height = gr.Slider(label="Height", value=1024, minimum=64, maximum=1216, step=32)
-                        steps = gr.Slider(label="Sampling steps", value=4, minimum=1, maximum=100, step=1)
-                        cfg = gr.Slider(label="CFG Scale", value=7, minimum=1, maximum=20, step=1)
-                        strength = gr.Slider(label="Strength", value=0.7, minimum=0, maximum=1, step=0.001)
-                        seed = gr.Slider(label="Seed", value=-1, minimum=-1, maximum=1000000000, step=1) # Setting the seed to -1 will make it random
-                        method = gr.Radio(label="Sampling method", value="DPM++ 2M Karras", choices=["DPM++ 2M Karras", "DPM++ SDE Karras", "Euler", "Euler a", "Heun", "DDIM"])
+                            width = gr.Slider(label="Lebar", value=1024, minimum=64, maximum=1216, step=32)
+                            height = gr.Slider(label="Tinggi", value=1024, minimum=64, maximum=1216, step=32)
+                        steps = gr.Slider(label="Langkah Sampling", value=4, minimum=1, maximum=100, step=1)
+                        cfg = gr.Slider(label="Skala CFG", value=7, minimum=1, maximum=20, step=1)
+                        strength = gr.Slider(label="Kekuatan", value=0.7, minimum=0, maximum=1, step=0.001)
+                        seed = gr.Slider(label="Seed", value=-1, minimum=-1, maximum=1000000000, step=1)  # -1 for random
+                        method = gr.Radio(label="Metode Sampling", value="DPM++ 2M Karras", choices=["DPM++ 2M Karras", "DPM++ SDE Karras", "Euler", "Euler a", "Heun", "DDIM"])
 
         # Add a button to trigger the image generation
         with gr.Row():
-            text_button = gr.Button("Run", variant='primary', elem_id="gen-button")
+            text_button = gr.Button("🚀 Buat Gambar", variant='primary', elem_id="gen-button")
         
         # Image output area to display the generated image
         with gr.Row():
-            image_output = gr.Image(type="pil", label="Image Output", elem_id="gallery")
+            image_output = gr.Image(type="pil", label="Hasil Gambar", elem_id="gallery")
         
         # Bind the button to the query function with the added width and height inputs
         text_button.click(query, inputs=[text_prompt, negative_prompt, steps, cfg, method, seed, strength, width, height], outputs=image_output)
 
 # Launch the Gradio app
-app.launch(show_api=False, share=False)
+app.launch(show_api=False, share=False)