Spaces:
Running
Running
File size: 2,285 Bytes
66b0cef 160cf01 66b0cef e816365 8a42a65 5808f1f 51f8fc2 b060071 147944d 51f8fc2 147944d bce0716 8ef39e7 3901554 b060071 8ef39e7 3901554 e9e29d0 3901554 25ee7c1 b060071 3901554 b060071 3901554 e9e29d0 3901554 b060071 3901554 25ee7c1 e9e29d0 b060071 8ef39e7 71bb213 8ef39e7 71bb213 890a58c 31e6307 71bb213 3901554 73a0c03 31e6307 b060071 73a0c03 3901554 51f8fc2 3901554 31e6307 73a0c03 160cf01 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 |
import gradio as gr
import random
model = gr.load("models/Purz/face-projection")
def generate_image(text, seed):
if seed is not None:
random.seed(seed)
return model(text)
examples = [
["Humanoid Cat Warrior, Full View", None],
["Warhammer Sisterhood", None],
["Future Robots war", None],
["Fantasy dragon", None]
]
# Custom CSS for minimalist style, horizontal example layout, and styled prompt box
custom_css = """
/* Prompt textbox styling */
input[type="text"] {
border: 2px solid #ddd; /* Default border */
border-radius: 8px;
padding: 12px;
font-size: 16px;
width: 100%;
background-color: #f94925; /* Light gray background */
}
/* Examples arranged in a single line, without buttons */
.gr-examples {
display: flex;
flex-direction: row;
justify-content: space-evenly;
gap: 10px;
margin-top: 10px;
}
.gr-examples span {
font-size: 14px;
color: #333;
cursor: pointer;
padding: 5px;
background-color: white; /* Simple white background */
border: 1px solid #ddd; /* Light gray border */
border-radius: 5px; /* Rounded corners */
transition: all 0.2s ease;
}
/* Hover effect on examples */
.gr-examples span:hover {
background-color: #000000; /* Light gray on hover */
color: #007bff; /* Change text color on hover */
text-decoration: underline; /* Underline text on hover */
}
/* Styling for the generate button */
button {
border-radius: 50px;
background: linear-gradient(90deg, #ff8a00, #e52e71);
color: white;
font-weight: bold;
padding: 10px 20px;
border: none;
cursor: pointer;
font-size: 16px;
margin-top: 10px;
}
button:hover {
background: #fafafa;
}
"""
# Gradio Interface with updated UI elements and custom CSS
interface = gr.Interface(
fn=generate_image,
inputs=[
gr.Textbox(label="Imagine Your Dream:", placeholder="Describe the scene...", interactive=True),
gr.Slider(minimum=0, maximum=10000, step=1, label="Seed (optional)")
],
outputs=gr.Image(label="Generated Image", type="pil"),
examples=examples,
css=custom_css, # Apply custom CSS
description="Enter a creative prompt or choose an example to generate your AI-powered image.",
)
interface.launch() |