D&D CSS

app.py

@@ -5,66 +5,117 @@ import spaces
 import torch
 from diffusers import DiffusionPipeline
 
+# Load the model
 dtype = torch.bfloat16
 device = "cuda" if torch.cuda.is_available() else "cpu"
-
 pipe = DiffusionPipeline.from_pretrained("black-forest-labs/FLUX.1-schnell", torch_dtype=dtype).to(device)
 
+# Constants
 MAX_SEED = np.iinfo(np.int32).max
 MAX_IMAGE_SIZE = 2048
 
+# Inference function
 @spaces.GPU()
-def infer(prompt, seed=42, randomize_seed=False, width=1024, height=1024, num_inference_steps=4, progress=gr.Progress(track_tqdm=True)):
+def infer(
+    prompt,
+    seed=42,
+    randomize_seed=False,
+    width=1024,
+    height=1024,
+    num_inference_steps=4,
+    progress=gr.Progress(track_tqdm=True),
+):
     if randomize_seed:
         seed = random.randint(0, MAX_SEED)
     generator = torch.Generator().manual_seed(seed)
     image = pipe(
-            prompt = prompt, 
-            width = width,
-            height = height,
-            num_inference_steps = num_inference_steps, 
-            generator = generator,
-            guidance_scale=0.0
-    ).images[0] 
+        prompt=prompt,
+        width=width,
+        height=height,
+        num_inference_steps=num_inference_steps,
+        generator=generator,
+        guidance_scale=0.0
+    ).images[0]
     return image, seed
- 
+
+# Example prompts
 examples = [
-    "a tiny astronaut hatching from an egg on the moon",
-    "a cat holding a sign that says hello world",
-    "an anime illustration of a wiener schnitzel",
+    "A heroic adventurer wielding a flaming sword standing on a cliff overlooking a burning battlefield",
+    "A grand mystical library with ancient scrolls and a floating blue orb in the center of the room",
+    "A menacing dragon perched on a mountain peak as storm clouds gather around",
 ]
 
-css="""
+# Custom CSS for a Dungeons & Dragons theme
+css = """
+body {
+    background-color: #1b1b1b;
+    font-family: 'Cinzel', serif; /* Fantasy-style font */
+    color: #f5f5f5;
+    background-image: url('https://www.transparenttextures.com/patterns/dark-matter.png'); /* Subtle texture for a medieval touch */
+}
+
 #col-container {
     margin: 0 auto;
-    max-width: 520px;
+    max-width: 550px;
+    padding: 15px;
+    border: 4px solid #8b4513;
+    background: linear-gradient(145deg, #2e2b2a, #3a3433); /* Rustic parchment feel */
+    border-radius: 15px;
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
+}
+
+h1, h2 {
+    text-align: center;
+    color: #ffd700;
+    font-family: 'Uncial Antiqua', serif; /* Ancient script-like font */
+    text-shadow: 3px 3px #7c5200; /* Glow effect for magical appeal */
+}
+
+button {
+    background-color: #8b4513;
+    border: none;
+    color: #f0e6d2;
+    padding: 12px 20px;
+    border-radius: 8px;
+    cursor: pointer;
+    font-size: 18px;
+    text-shadow: 1px 1px #000;
+    transition: all 0.3s ease;
+}
+
+button:hover {
+    background-color: #a0522d;
+    box-shadow: 0 0 10px #ffd700;
 }
 """
 
+# Interface
 with gr.Blocks(css=css) as demo:
-    
     with gr.Column(elem_id="col-container"):
-        gr.Markdown(f"""# FLUX.1 [schnell]
-12B param rectified flow transformer distilled from [FLUX.1 [pro]](https://blackforestlabs.ai/) for 4 step generation
-[[blog](https://blackforestlabs.ai/announcing-black-forest-labs/)] [[model](https://huggingface.co/black-forest-labs/FLUX.1-schnell)]
-        """)
-        
+        # Title and Description
+        gr.Markdown(
+            """
+            # 🛡️ ChatDnD.net Dungeons & Dragons Image Generator ⚔️
+            **Unleash Your Imagination!** Create heroes, maps, quests, and epic scenes to bring your campaigns to life. 
+            Tailored for adventurers seeking inspiration or Dungeon Masters constructing their next grand story. <br>
+            [Visit Our Website](https://chatdnd.net) | [Support Us](https://buymeacoffee.com/watchoutformike)
+            """
+        )
+
+        # Prompt input and run button
         with gr.Row():
-            
-            prompt = gr.Text(
-                label="Prompt",
-                show_label=False,
-                max_lines=1,
-                placeholder="Enter your prompt",
-                container=False,
+            prompt = gr.Textbox(
+                label="🎲 Enter Your Quest:",
+                lines=3,
+                placeholder="Describe your scene, hero, or epic landscape..."
             )
-            
-            run_button = gr.Button("Run", scale=0)
-        
-        result = gr.Image(label="Result", show_label=False)
+            run_button = gr.Button("Generate Image")
+
+        # Results
+        result = gr.Image(label="🖼️ Your Legendary Vision")
         
-        with gr.Accordion("Advanced Settings", open=False):
-            
+        # Advanced settings
+        with gr.Accordion("⚙️ Advanced Settings", open=False):
             seed = gr.Slider(
                 label="Seed",
                 minimum=0,
@@ -72,11 +123,9 @@ with gr.Blocks(css=css) as demo:
                 step=1,
                 value=0,
             )
-            
             randomize_seed = gr.Checkbox(label="Randomize seed", value=True)
             
             with gr.Row():
-                
                 width = gr.Slider(
                     label="Width",
                     minimum=256,
@@ -84,7 +133,6 @@ with gr.Blocks(css=css) as demo:
                     step=32,
                     value=1024,
                 )
-                
                 height = gr.Slider(
                     label="Height",
                     minimum=256,
@@ -93,30 +141,30 @@ with gr.Blocks(css=css) as demo:
                     value=1024,
                 )
             
-            with gr.Row():
-                
-  
-                num_inference_steps = gr.Slider(
-                    label="Number of inference steps",
-                    minimum=1,
-                    maximum=50,
-                    step=1,
-                    value=4,
-                )
-        
+            num_inference_steps = gr.Slider(
+                label="Number of Inference Steps",
+                minimum=1,
+                maximum=50,
+                step=1,
+                value=4,
+            )
+
+        # Examples
         gr.Examples(
-            examples = examples,
-            fn = infer,
-            inputs = [prompt],
-            outputs = [result, seed],
-            cache_examples="lazy"
+            examples=examples,
+            inputs=[prompt],
+            outputs=[result],
+            fn=infer,
+            cache_examples="lazy",
         )
 
+    # Interactivity
     gr.on(
         triggers=[run_button.click, prompt.submit],
-        fn = infer,
-        inputs = [prompt, seed, randomize_seed, width, height, num_inference_steps],
-        outputs = [result, seed]
+        fn=infer,
+        inputs=[prompt, seed, randomize_seed, width, height, num_inference_steps],
+        outputs=[result, seed]
     )
 
-demo.launch()
+# Launch the demo
+demo.launch()