dnd

app.py

@@ -2384,68 +2384,102 @@ css = '''
 #gen_btn{height: 100%}
 #gen_column{align-self: stretch}
 #title{text-align: center}
-#title h1{font-size: 3em; display:inline-flex; align-items:center}
+#title h1{font-size: 3em; display:inline-flex; align-items:center; color: #ffd700;}
 #title img{width: 100px; margin-right: 0.5em}
 #gallery .grid-wrap{height: 10vh}
-#lora_list{background: var(--block-background-fill);padding: 0 1em .3em; font-size: 90%}
-.card_internal{display: flex;height: 100px;margin-top: .5em}
-.card_internal img{margin-right: 1em}
+#lora_list{background: var(--block-background-fill);padding: 0 1em .3em; font-size: 90%; color: #ffd700;}
+.card_internal{display: flex;height: 100px;margin-top: .5em; border: 2px solid #8b4513; background: #3a3a3a;}
+.card_internal img{margin-right: 1em; border-radius: 5px;}
 .styler{--form-gap-width: 0px !important}
 #progress{height:30px}
 #progress .generating{display:none}
 .progress-container {width: 100%;height: 30px;background-color: #f0f0f0;border-radius: 15px;overflow: hidden;margin-bottom: 20px}
-.progress-bar {height: 100%;background-color: #4f46e5;width: calc(var(--current) / var(--total) * 100%);transition: width 0.5s ease-in-out}
+.progress-bar {height: 100%;background-color: #d2691e;width: calc(var(--current) / var(--total) * 100%);transition: width 0.5s ease-in-out}
+body {background: url('https://www.transparenttextures.com/patterns/black-linen.png') center; font-family: 'Cinzel', serif; color: #ffd700;}
 '''
 
 with gr.Blocks(theme="YTheme/Minecraft", css=css, delete_cache=(60, 60)) as app:
     title = gr.HTML(
-        """<h1>FLUX LoRA DLC🥳</h1>""",
+        """<h1>⚔️ ChatDnD.net: LoRA DLC for Legendary Quests ⚔️</h1>""",
         elem_id="title",
     )
     selected_index = gr.State(None)
     with gr.Row():
         with gr.Column(scale=3):
-            prompt = gr.Textbox(label="Prompt", lines=1, placeholder=":/ choose the LoRA and type the prompt ")
+            prompt = gr.Textbox(
+                label="🎲 Your Legendary Prompt",
+                lines=1,
+                placeholder="Describe your hero, villain, or epic battle scene..."
+            )
         with gr.Column(scale=1, elem_id="gen_column"):
-            generate_button = gr.Button("Generate", variant="primary", elem_id="gen_btn")
+            generate_button = gr.Button("Forge Your Vision", variant="primary", elem_id="gen_btn")
     with gr.Row():
         with gr.Column():
             selected_info = gr.Markdown("")
             gallery = gr.Gallery(
                 [(item["image"], item["title"]) for item in loras],
-                label="LoRA DLC's",
+                label="🛡️ LoRA Artifacts 🛡️",
                 allow_preview=False,
                 columns=3,
                 elem_id="gallery",
                 show_share_button=False
             )
             with gr.Group():
-                custom_lora = gr.Textbox(label="Enter Custom LoRA", placeholder="prithivMLmods/Canopus-LoRA-Flux-Anime")
-                gr.Markdown("[Check the list of FLUX LoRA's](https://huggingface.co/models?other=base_model:adapter:black-forest-labs/FLUX.1-dev)", elem_id="lora_list")
+                custom_lora = gr.Textbox(
+                    label="🔮 Add Custom Artifact (LoRA)", 
+                    placeholder="prithivMLmods/Canopus-LoRA-Flux-Anime"
+                )
+                gr.Markdown(
+                    """[Explore FLUX Artifacts Collection 📜](https://huggingface.co/models?other=base_model:adapter:black-forest-labs/FLUX.1-dev)""",
+                    elem_id="lora_list"
+                )
             custom_lora_info = gr.HTML(visible=False)
-            custom_lora_button = gr.Button("Remove custom LoRA", visible=False)
+            custom_lora_button = gr.Button("Remove Custom Artifact", visible=False)
         with gr.Column():
-            progress_bar = gr.Markdown(elem_id="progress",visible=False)
-            result = gr.Image(label="Generated Image")
+            progress_bar = gr.Markdown(elem_id="progress", visible=False)
+            result = gr.Image(label="✨ Your D&D Masterpiece")
 
     with gr.Row():
-        with gr.Accordion("Advanced Settings", open=False):
+        with gr.Accordion("🛠️ Advanced Settings ⚙️", open=False):
             with gr.Row():
-                input_image = gr.Image(label="Input image", type="filepath")
-                image_strength = gr.Slider(label="Denoise Strength", info="Lower means more image influence", minimum=0.1, maximum=1.0, step=0.01, value=0.75)
+                input_image = gr.Image(label="📜 Use an Input Image", type="filepath")
+                image_strength = gr.Slider(
+                    label="⚡ Denoise Strength", 
+                    info="Lower values keep the input image’s influence stronger.", 
+                    minimum=0.1, maximum=1.0, step=0.01, value=0.75
+                )
             with gr.Column():
                 with gr.Row():
-                    cfg_scale = gr.Slider(label="CFG Scale", minimum=1, maximum=20, step=0.5, value=3.5)
-                    steps = gr.Slider(label="Steps", minimum=1, maximum=50, step=1, value=28)
+                    cfg_scale = gr.Slider(
+                        label="✨ Creativity Scale (CFG)",
+                        minimum=1, maximum=20, step=0.5, value=3.5
+                    )
+                    steps = gr.Slider(
+                        label="⏱️ Steps for Generation",
+                        minimum=1, maximum=50, step=1, value=28
+                    )
                 
                 with gr.Row():
-                    width = gr.Slider(label="Width", minimum=256, maximum=1536, step=64, value=1024)
-                    height = gr.Slider(label="Height", minimum=256, maximum=1536, step=64, value=1024)
+                    width = gr.Slider(
+                        label="🖼️ Image Width", 
+                        minimum=256, maximum=1536, step=64, value=1024
+                    )
+                    height = gr.Slider(
+                        label="🖼️ Image Height", 
+                        minimum=256, maximum=1536, step=64, value=1024
+                    )
                 
                 with gr.Row():
-                    randomize_seed = gr.Checkbox(True, label="Randomize seed")
-                    seed = gr.Slider(label="Seed", minimum=0, maximum=MAX_SEED, step=1, value=0, randomize=True)
-                    lora_scale = gr.Slider(label="LoRA Scale", minimum=0, maximum=3, step=0.01, value=0.95)
+                    randomize_seed = gr.Checkbox(True, label="🎲 Randomize Seed")
+                    seed = gr.Slider(
+                        label="🌟 Seed Value", 
+                        minimum=0, maximum=MAX_SEED, step=1, value=0, 
+                        randomize=True
+                    )
+                    lora_scale = gr.Slider(
+                        label="🔧 LoRA Intensity",
+                        minimum=0, maximum=3, step=0.01, value=0.95
+                    )
 
     gallery.select(
         update_selection,
@@ -2469,4 +2503,4 @@ with gr.Blocks(theme="YTheme/Minecraft", css=css, delete_cache=(60, 60)) as app:
     )
 
 app.queue()
-app.launch()
+app.launch()