Spaces:
Running
on
Zero
Running
on
Zero
Update app.py
Browse files
app.py
CHANGED
@@ -55,12 +55,60 @@ def infer(
|
|
55 |
|
56 |
examples = [
|
57 |
"A capybara wearing a suit holding a sign that reads Hello World",
|
|
|
|
|
|
|
|
|
|
|
58 |
]
|
59 |
|
60 |
css = """
|
|
|
|
|
|
|
|
|
|
|
|
|
61 |
#col-container {
|
62 |
margin: 0 auto;
|
63 |
max-width: 640px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
64 |
}
|
65 |
"""
|
66 |
|
@@ -150,4 +198,4 @@ with gr.Blocks(theme="apriel", css=css) as demo:
|
|
150 |
)
|
151 |
|
152 |
if __name__ == "__main__":
|
153 |
-
demo.launch()
|
|
|
55 |
|
56 |
examples = [
|
57 |
"A capybara wearing a suit holding a sign that reads Hello World",
|
58 |
+
"A serene mountain lake at sunset with cherry blossoms floating on the water",
|
59 |
+
"A magical crystal dragon with iridescent scales in a glowing forest",
|
60 |
+
"A Victorian steampunk teapot with intricate brass gears and rose gold accents",
|
61 |
+
"A futuristic neon cityscape with flying cars and holographic billboards",
|
62 |
+
"A red panda painter creating a masterpiece with tiny paws in an art studio",
|
63 |
]
|
64 |
|
65 |
css = """
|
66 |
+
body {
|
67 |
+
background: linear-gradient(135deg, #f9e2e6 0%, #e8f3fc 50%, #e2f9f2 100%);
|
68 |
+
background-attachment: fixed;
|
69 |
+
min-height: 100vh;
|
70 |
+
}
|
71 |
+
|
72 |
#col-container {
|
73 |
margin: 0 auto;
|
74 |
max-width: 640px;
|
75 |
+
background-color: rgba(255, 255, 255, 0.85);
|
76 |
+
border-radius: 16px;
|
77 |
+
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
|
78 |
+
padding: 24px;
|
79 |
+
backdrop-filter: blur(10px);
|
80 |
+
}
|
81 |
+
|
82 |
+
.gradio-container {
|
83 |
+
background: transparent !important;
|
84 |
+
}
|
85 |
+
|
86 |
+
.gr-button-primary {
|
87 |
+
background: linear-gradient(90deg, #6b9dfc, #8c6bfc) !important;
|
88 |
+
border: none !important;
|
89 |
+
transition: all 0.3s ease;
|
90 |
+
}
|
91 |
+
|
92 |
+
.gr-button-primary:hover {
|
93 |
+
transform: translateY(-2px);
|
94 |
+
box-shadow: 0 5px 15px rgba(108, 99, 255, 0.3);
|
95 |
+
}
|
96 |
+
|
97 |
+
.gr-form {
|
98 |
+
border-radius: 12px;
|
99 |
+
background-color: rgba(255, 255, 255, 0.7);
|
100 |
+
}
|
101 |
+
|
102 |
+
.gr-accordion {
|
103 |
+
border-radius: 12px;
|
104 |
+
overflow: hidden;
|
105 |
+
}
|
106 |
+
|
107 |
+
h1 {
|
108 |
+
background: linear-gradient(90deg, #6b9dfc, #8c6bfc);
|
109 |
+
-webkit-background-clip: text;
|
110 |
+
-webkit-text-fill-color: transparent;
|
111 |
+
font-weight: 800;
|
112 |
}
|
113 |
"""
|
114 |
|
|
|
198 |
)
|
199 |
|
200 |
if __name__ == "__main__":
|
201 |
+
demo.launch()
|