Spaces:
Runtime error
Runtime error
Duplicate from pikto/Diffuser
Browse filesCo-authored-by: pikto kenn <[email protected]>
- .gitattributes +35 -0
- README.md +14 -0
- app.py +98 -0
- index.html +62 -0
- style.css +327 -0
.gitattributes
ADDED
@@ -0,0 +1,35 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
*.7z filter=lfs diff=lfs merge=lfs -text
|
2 |
+
*.arrow filter=lfs diff=lfs merge=lfs -text
|
3 |
+
*.bin filter=lfs diff=lfs merge=lfs -text
|
4 |
+
*.bz2 filter=lfs diff=lfs merge=lfs -text
|
5 |
+
*.ckpt filter=lfs diff=lfs merge=lfs -text
|
6 |
+
*.ftz filter=lfs diff=lfs merge=lfs -text
|
7 |
+
*.gz filter=lfs diff=lfs merge=lfs -text
|
8 |
+
*.h5 filter=lfs diff=lfs merge=lfs -text
|
9 |
+
*.joblib filter=lfs diff=lfs merge=lfs -text
|
10 |
+
*.lfs.* filter=lfs diff=lfs merge=lfs -text
|
11 |
+
*.mlmodel filter=lfs diff=lfs merge=lfs -text
|
12 |
+
*.model filter=lfs diff=lfs merge=lfs -text
|
13 |
+
*.msgpack filter=lfs diff=lfs merge=lfs -text
|
14 |
+
*.npy filter=lfs diff=lfs merge=lfs -text
|
15 |
+
*.npz filter=lfs diff=lfs merge=lfs -text
|
16 |
+
*.onnx filter=lfs diff=lfs merge=lfs -text
|
17 |
+
*.ot filter=lfs diff=lfs merge=lfs -text
|
18 |
+
*.parquet filter=lfs diff=lfs merge=lfs -text
|
19 |
+
*.pb filter=lfs diff=lfs merge=lfs -text
|
20 |
+
*.pickle filter=lfs diff=lfs merge=lfs -text
|
21 |
+
*.pkl filter=lfs diff=lfs merge=lfs -text
|
22 |
+
*.pt filter=lfs diff=lfs merge=lfs -text
|
23 |
+
*.pth filter=lfs diff=lfs merge=lfs -text
|
24 |
+
*.rar filter=lfs diff=lfs merge=lfs -text
|
25 |
+
*.safetensors filter=lfs diff=lfs merge=lfs -text
|
26 |
+
saved_model/**/* filter=lfs diff=lfs merge=lfs -text
|
27 |
+
*.tar.* filter=lfs diff=lfs merge=lfs -text
|
28 |
+
*.tar filter=lfs diff=lfs merge=lfs -text
|
29 |
+
*.tflite filter=lfs diff=lfs merge=lfs -text
|
30 |
+
*.tgz filter=lfs diff=lfs merge=lfs -text
|
31 |
+
*.wasm filter=lfs diff=lfs merge=lfs -text
|
32 |
+
*.xz filter=lfs diff=lfs merge=lfs -text
|
33 |
+
*.zip filter=lfs diff=lfs merge=lfs -text
|
34 |
+
*.zst filter=lfs diff=lfs merge=lfs -text
|
35 |
+
*tfevents* filter=lfs diff=lfs merge=lfs -text
|
README.md
ADDED
@@ -0,0 +1,14 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
title: Diffuser
|
3 |
+
emoji: 🦀
|
4 |
+
colorFrom: yellow
|
5 |
+
colorTo: purple
|
6 |
+
sdk: gradio
|
7 |
+
sdk_version: 3.39.0
|
8 |
+
app_file: app.py
|
9 |
+
pinned: false
|
10 |
+
license: bigcode-openrail-m
|
11 |
+
duplicated_from: pikto/Diffuser
|
12 |
+
---
|
13 |
+
|
14 |
+
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
app.py
ADDED
@@ -0,0 +1,98 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
import gradio as gr
|
2 |
+
import os
|
3 |
+
import sys
|
4 |
+
from pathlib import Path
|
5 |
+
|
6 |
+
models = [
|
7 |
+
{"name": "Stable Diffusion 2", "url": "stabilityai/stable-diffusion-2-1"},
|
8 |
+
{"name": "stability AI", "url": "stabilityai/stable-diffusion-2-1-base"},
|
9 |
+
{"name": "XL-Refiner-1.0", "url": "stabilityai/stable-diffusion-xl-refiner-1.0"},
|
10 |
+
{"name": "Future Diffusion", "url": "nitrosocke/Future-Diffusion"},
|
11 |
+
{"name": "JWST Deep Space Diffusion", "url": "dallinmackay/JWST-Deep-Space-diffusion"},
|
12 |
+
{"name": "Robo Diffusion 3 Base", "url": "nousr/robo-diffusion-2-base"},
|
13 |
+
{"name": "Robo Diffusion", "url": "nousr/robo-diffusion"},
|
14 |
+
{"name": "Tron Legacy Diffusion", "url": "dallinmackay/Tron-Legacy-diffusion"},
|
15 |
+
]
|
16 |
+
|
17 |
+
current_model = models[0]
|
18 |
+
|
19 |
+
text_gen = gr.Interface.load("spaces/daspartho/prompt-extend")
|
20 |
+
|
21 |
+
models2 = []
|
22 |
+
for model in models:
|
23 |
+
model_url = f"models/{model['url']}"
|
24 |
+
loaded_model = gr.Interface.load(model_url, live=True, preprocess=True)
|
25 |
+
models2.append(loaded_model)
|
26 |
+
|
27 |
+
|
28 |
+
def text_it(inputs, text_gen=text_gen):
|
29 |
+
return text_gen(inputs)
|
30 |
+
|
31 |
+
|
32 |
+
def set_model(current_model_index):
|
33 |
+
global current_model
|
34 |
+
current_model = models[current_model_index]
|
35 |
+
return gr.update(value=f"{current_model['name']}")
|
36 |
+
|
37 |
+
|
38 |
+
def send_it(inputs, model_choice):
|
39 |
+
proc = models2[model_choice]
|
40 |
+
return proc(inputs)
|
41 |
+
|
42 |
+
|
43 |
+
with gr.Blocks(css='style.css') as myface:
|
44 |
+
gr.HTML(
|
45 |
+
|
46 |
+
)
|
47 |
+
with gr.Row():
|
48 |
+
with gr.Row():
|
49 |
+
input_text = gr.Textbox(label="Prompt idea", placeholder="", lines=1)
|
50 |
+
# Model selection dropdown
|
51 |
+
model_name1 = gr.Dropdown(
|
52 |
+
label="Choose Model",
|
53 |
+
choices=[m["name"] for m in models],
|
54 |
+
type="index",
|
55 |
+
value=current_model["name"],
|
56 |
+
interactive=True,
|
57 |
+
)
|
58 |
+
with gr.Row():
|
59 |
+
see_prompts = gr.Button("Generate Prompts")
|
60 |
+
run = gr.Button("Generate Images", variant="primary")
|
61 |
+
|
62 |
+
with gr.Row():
|
63 |
+
output1 = gr.Image(label="")
|
64 |
+
output2 = gr.Image(label="")
|
65 |
+
output3 = gr.Image(label="")
|
66 |
+
with gr.Row():
|
67 |
+
magic1 = gr.Textbox(label="Generated Prompt", lines=2)
|
68 |
+
magic2 = gr.Textbox(label="Generated Prompt", lines=2)
|
69 |
+
magic3 = gr.Textbox(label="Generated Prompt", lines=2)
|
70 |
+
with gr.Row():
|
71 |
+
output4 = gr.Image(label="")
|
72 |
+
output5 = gr.Image(label="")
|
73 |
+
output6 = gr.Image(label="")
|
74 |
+
with gr.Row():
|
75 |
+
magic4 = gr.Textbox(label="Generated Prompt", lines=2)
|
76 |
+
magic5 = gr.Textbox(label="Generated Prompt", lines=2)
|
77 |
+
magic6 = gr.Textbox(label="Generated Prompt", lines=2)
|
78 |
+
|
79 |
+
model_name1.change(set_model, inputs=model_name1, outputs=[output1, output2, output3, output4, output5, output6])
|
80 |
+
|
81 |
+
run.click(send_it, inputs=[magic1, model_name1], outputs=[output1])
|
82 |
+
run.click(send_it, inputs=[magic2, model_name1], outputs=[output2])
|
83 |
+
run.click(send_it, inputs=[magic3, model_name1], outputs=[output3])
|
84 |
+
run.click(send_it, inputs=[magic4, model_name1], outputs=[output4])
|
85 |
+
run.click(send_it, inputs=[magic5, model_name1], outputs=[output5])
|
86 |
+
run.click(send_it, inputs=[magic6, model_name1], outputs=[output6])
|
87 |
+
|
88 |
+
see_prompts.click(text_it, inputs=[input_text], outputs=[magic1])
|
89 |
+
see_prompts.click(text_it, inputs=[input_text], outputs=[magic2])
|
90 |
+
see_prompts.click(text_it, inputs=[input_text], outputs=[magic3])
|
91 |
+
see_prompts.click(text_it, inputs=[input_text], outputs=[magic4])
|
92 |
+
see_prompts.click(text_it, inputs=[input_text], outputs=[magic5])
|
93 |
+
see_prompts.click(text_it, inputs=[input_text], outputs=[magic6])
|
94 |
+
|
95 |
+
myface.queue(concurrency_count=200)
|
96 |
+
myface.launch(inline=True, show_api=True, max_threads=400)
|
97 |
+
|
98 |
+
demo.launch()
|
index.html
ADDED
@@ -0,0 +1,62 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<html lang="en-US" style="
|
2 |
+
margin: 0;
|
3 |
+
padding: 0;
|
4 |
+
min-height: 100%;
|
5 |
+
display: flex;
|
6 |
+
flex-direction: column;
|
7 |
+
"><head>
|
8 |
+
<meta charset="utf-8">
|
9 |
+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1">
|
10 |
+
|
11 |
+
|
12 |
+
<meta property="og:url" content="https://gradio.app/">
|
13 |
+
<meta property="og:type" content="website">
|
14 |
+
<meta property="og:image" content="">
|
15 |
+
<meta property="og:title" content="Gradio">
|
16 |
+
<meta property="og:description" content="">
|
17 |
+
<meta name="twitter:card" content="summary_large_image">
|
18 |
+
<meta name="twitter:creator" content="@teamGradio">
|
19 |
+
<meta name="twitter:title" content="Gradio">
|
20 |
+
<meta name="twitter:description" content="">
|
21 |
+
<meta name="twitter:image" content="">
|
22 |
+
|
23 |
+
<script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-R1FN4KJKJH&l=dataLayer&cx=c"></script><script>
|
24 |
+
window.__gradio_mode__ = "app";
|
25 |
+
</script>
|
26 |
+
|
27 |
+
<script>window.gradio_config = {"version":"3.39.0","mode":"blocks","dev_mode":false,"analytics_enabled":true,"components":[{"id":507,"type":"html","props":{"value":"","show_label":true,"container":true,"name":"html","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}},{"id":508,"type":"row","props":{"type":"row","variant":"default","equal_height":true,"visible":true}},{"id":509,"type":"row","props":{"type":"row","variant":"default","equal_height":true,"visible":true}},{"id":510,"type":"textbox","props":{"lines":1,"max_lines":20,"placeholder":"","value":"","type":"text","autofocus":false,"show_copy_button":false,"container":true,"rtl":false,"label":"Prompt idea","show_label":true,"min_width":160,"name":"textbox","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}},{"id":511,"type":"dropdown","props":{"choices":["Stable Diffusion 2","stability AI","XL-Refiner-1.0","Future Diffusion","JWST Deep Space Diffusion","Robo Diffusion 3 Base","Robo Diffusion","Tron Legacy Diffusion"],"value":"Stable Diffusion 2","allow_custom_value":false,"container":true,"label":"Choose Model","show_label":true,"min_width":160,"interactive":true,"name":"dropdown","visible":true},"serializer":"SimpleSerializable","api_info":{"info":{"type":"string","description":"Option from: [\u0027Stable Diffusion 2\u0027, \u0027stability AI\u0027, \u0027XL-Refiner-1.0\u0027, \u0027Future Diffusion\u0027, \u0027JWST Deep Space Diffusion\u0027, \u0027Robo Diffusion 3 Base\u0027, \u0027Robo Diffusion\u0027, \u0027Tron Legacy Diffusion\u0027]"},"serialized_info":false},"example_inputs":{"raw":"Stable Diffusion 2","serialized":"Stable Diffusion 2"}},{"id":512,"type":"form","props":{"type":"form","scale":2,"min_width":320,"visible":true}},{"id":513,"type":"row","props":{"type":"row","variant":"default","equal_height":true,"visible":true}},{"id":514,"type":"button","props":{"value":"Generate Prompts","variant":"secondary","interactive":true,"name":"button","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}},{"id":515,"type":"button","props":{"value":"Generate Images","variant":"primary","interactive":true,"name":"button","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}},{"id":516,"type":"row","props":{"type":"row","variant":"default","equal_height":true,"visible":true}},{"id":517,"type":"image","props":{"image_mode":"RGB","source":"upload","tool":"editor","streaming":false,"mirror_webcam":true,"brush_color":"#000000","mask_opacity":0.7,"selectable":false,"show_share_button":true,"show_download_button":true,"label":"","show_label":true,"container":true,"min_width":160,"name":"image","visible":true},"serializer":"ImgSerializable","api_info":{"info":{"type":"string","description":"base64 representation of an image"},"serialized_info":true},"example_inputs":{"raw":"data:image/png;base64,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","serialized":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"}},{"id":518,"type":"image","props":{"image_mode":"RGB","source":"upload","tool":"editor","streaming":false,"mirror_webcam":true,"brush_color":"#000000","mask_opacity":0.7,"selectable":false,"show_share_button":true,"show_download_button":true,"label":"","show_label":true,"container":true,"min_width":160,"name":"image","visible":true},"serializer":"ImgSerializable","api_info":{"info":{"type":"string","description":"base64 representation of an image"},"serialized_info":true},"example_inputs":{"raw":"data:image/png;base64,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","serialized":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"}},{"id":519,"type":"image","props":{"image_mode":"RGB","source":"upload","tool":"editor","streaming":false,"mirror_webcam":true,"brush_color":"#000000","mask_opacity":0.7,"selectable":false,"show_share_button":true,"show_download_button":true,"label":"","show_label":true,"container":true,"min_width":160,"name":"image","visible":true},"serializer":"ImgSerializable","api_info":{"info":{"type":"string","description":"base64 representation of an image"},"serialized_info":true},"example_inputs":{"raw":"data:image/png;base64,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","serialized":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"}},{"id":520,"type":"row","props":{"type":"row","variant":"default","equal_height":true,"visible":true}},{"id":521,"type":"textbox","props":{"lines":2,"max_lines":20,"value":"","type":"text","autofocus":false,"show_copy_button":false,"container":true,"rtl":false,"label":"Generated Prompt","show_label":true,"min_width":160,"name":"textbox","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}},{"id":522,"type":"textbox","props":{"lines":2,"max_lines":20,"value":"","type":"text","autofocus":false,"show_copy_button":false,"container":true,"rtl":false,"label":"Generated Prompt","show_label":true,"min_width":160,"name":"textbox","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}},{"id":523,"type":"textbox","props":{"lines":2,"max_lines":20,"value":"","type":"text","autofocus":false,"show_copy_button":false,"container":true,"rtl":false,"label":"Generated Prompt","show_label":true,"min_width":160,"name":"textbox","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}},{"id":524,"type":"form","props":{"type":"form","scale":3,"min_width":480,"visible":true}},{"id":525,"type":"row","props":{"type":"row","variant":"default","equal_height":true,"visible":true}},{"id":526,"type":"image","props":{"image_mode":"RGB","source":"upload","tool":"editor","streaming":false,"mirror_webcam":true,"brush_color":"#000000","mask_opacity":0.7,"selectable":false,"show_share_button":true,"show_download_button":true,"label":"","show_label":true,"container":true,"min_width":160,"name":"image","visible":true},"serializer":"ImgSerializable","api_info":{"info":{"type":"string","description":"base64 representation of an image"},"serialized_info":true},"example_inputs":{"raw":"data:image/png;base64,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","serialized":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"}},{"id":527,"type":"image","props":{"image_mode":"RGB","source":"upload","tool":"editor","streaming":false,"mirror_webcam":true,"brush_color":"#000000","mask_opacity":0.7,"selectable":false,"show_share_button":true,"show_download_button":true,"label":"","show_label":true,"container":true,"min_width":160,"name":"image","visible":true},"serializer":"ImgSerializable","api_info":{"info":{"type":"string","description":"base64 representation of an image"},"serialized_info":true},"example_inputs":{"raw":"data:image/png;base64,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","serialized":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"}},{"id":528,"type":"image","props":{"image_mode":"RGB","source":"upload","tool":"editor","streaming":false,"mirror_webcam":true,"brush_color":"#000000","mask_opacity":0.7,"selectable":false,"show_share_button":true,"show_download_button":true,"label":"","show_label":true,"container":true,"min_width":160,"name":"image","visible":true},"serializer":"ImgSerializable","api_info":{"info":{"type":"string","description":"base64 representation of an image"},"serialized_info":true},"example_inputs":{"raw":"data:image/png;base64,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","serialized":"https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"}},{"id":529,"type":"row","props":{"type":"row","variant":"default","equal_height":true,"visible":true}},{"id":530,"type":"textbox","props":{"lines":2,"max_lines":20,"value":"","type":"text","autofocus":false,"show_copy_button":false,"container":true,"rtl":false,"label":"Generated Prompt","show_label":true,"min_width":160,"name":"textbox","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}},{"id":531,"type":"textbox","props":{"lines":2,"max_lines":20,"value":"","type":"text","autofocus":false,"show_copy_button":false,"container":true,"rtl":false,"label":"Generated Prompt","show_label":true,"min_width":160,"name":"textbox","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}},{"id":532,"type":"textbox","props":{"lines":2,"max_lines":20,"value":"","type":"text","autofocus":false,"show_copy_button":false,"container":true,"rtl":false,"label":"Generated Prompt","show_label":true,"min_width":160,"name":"textbox","visible":true},"serializer":"StringSerializable","api_info":{"info":{"type":"string"},"serialized_info":false},"example_inputs":{"raw":"Howdy!","serialized":"Howdy!"}},{"id":533,"type":"form","props":{"type":"form","scale":3,"min_width":480,"visible":true}}],"css":null,"title":"Gradio","space_id":"pikto/Diffuser","enable_queue":true,"show_error":false,"show_api":true,"is_colab":false,"stylesheets":["https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600\u0026display=swap","https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600\u0026display=swap"],"theme":"default","layout":{"id":506,"children":[{"id":507},{"id":508,"children":[{"id":509,"children":[{"id":512,"children":[{"id":510},{"id":511}]}]},{"id":513,"children":[{"id":514},{"id":515}]}]},{"id":516,"children":[{"id":517},{"id":518},{"id":519}]},{"id":520,"children":[{"id":524,"children":[{"id":521},{"id":522},{"id":523}]}]},{"id":525,"children":[{"id":526},{"id":527},{"id":528}]},{"id":529,"children":[{"id":533,"children":[{"id":530},{"id":531},{"id":532}]}]}]},"dependencies":[{"targets":[511],"trigger":"change","inputs":[511],"outputs":[517,518,519,526,527,528],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":"full","every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[515],"trigger":"click","inputs":[521,511],"outputs":[517],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":"full","every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[515],"trigger":"click","inputs":[522,511],"outputs":[518],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":"full","every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[515],"trigger":"click","inputs":[523,511],"outputs":[519],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":"full","every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[515],"trigger":"click","inputs":[530,511],"outputs":[526],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":"full","every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[515],"trigger":"click","inputs":[531,511],"outputs":[527],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":"full","every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[515],"trigger":"click","inputs":[532,511],"outputs":[528],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":"full","every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[514],"trigger":"click","inputs":[510],"outputs":[521],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":"full","every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[514],"trigger":"click","inputs":[510],"outputs":[522],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":"full","every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[514],"trigger":"click","inputs":[510],"outputs":[523],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":"full","every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[514],"trigger":"click","inputs":[510],"outputs":[530],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":"full","every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[514],"trigger":"click","inputs":[510],"outputs":[531],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":"full","every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false},{"targets":[514],"trigger":"click","inputs":[510],"outputs":[532],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":"full","every":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"continuous":false,"generator":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false}],"root":""};</script>
|
28 |
+
|
29 |
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
30 |
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous">
|
31 |
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.6/iframeResizer.contentWindow.min.js" async=""></script>
|
32 |
+
<script type="module" crossorigin="" src="./assets/index-7a480750.js"></script>
|
33 |
+
|
34 |
+
<link rel="stylesheet" href="./assets/index-fabf6055.css"><link rel="stylesheet" href="https://pikto-diffuser.hf.space/theme.css"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/Blocks-64090b31.js"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/Button-8aaee2e8.js"><link rel="stylesheet" href="https://pikto-diffuser.hf.space/assets/Button-9b719f62.css"><link rel="stylesheet" href="https://pikto-diffuser.hf.space/assets/Blocks-f08d137e.css"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/index-8f219e95.js"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/index-7a480750.js"><link rel="stylesheet" href="https://pikto-diffuser.hf.space/assets/index-329f8260.css"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/index-6e92710c.js"><link rel="stylesheet" href="https://pikto-diffuser.hf.space/assets/index-93c91554.css"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/index-a95cda13.js"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/Textbox-1c30d703.js"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/BlockTitle-67b862db.js"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/Info-8b2bb6be.js"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/Copy-3f4fd5be.js"><link rel="stylesheet" href="https://pikto-diffuser.hf.space/assets/ColorPicker-5063dbc4.css"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/index-ba80ba16.js"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/index-f3babd9b.js"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/Form-ecfe75ae.js"><link rel="stylesheet" href="https://pikto-diffuser.hf.space/assets/Form-3812b7f1.css"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/index-898f82c1.js"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/index-16a00328.js"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/BlockLabel-6c963b73.js"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/Image-2faee1d1.js"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/StaticImage.svelte_svelte_type_style_lang-e46fe4a6.js"><link rel="stylesheet" href="https://pikto-diffuser.hf.space/assets/StaticImage-508005b4.css"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/IconButton-bee2aff8.js"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/ModifyUpload-4d367ac5.js"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/ModifyUpload.svelte_svelte_type_style_lang-d2acacf0.js"><link rel="stylesheet" href="https://pikto-diffuser.hf.space/assets/ModifyUpload-77b0d4b2.css"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/Upload-7944cc92.js"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/ShareButton-023d266a.js"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/Empty-c4db5893.js"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/Download-353f8c1a.js"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/UploadText-4401a513.js"><link rel="stylesheet" href="https://pikto-diffuser.hf.space/assets/UploadText-690664d1.css"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/Image-760e5aa5.js"><link rel="stylesheet" href="https://pikto-diffuser.hf.space/assets/Image-003ee87c.css"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/index-cef55bb1.js"><link rel="modulepreload" as="script" crossorigin="" href="https://pikto-diffuser.hf.space/assets/Column-b0174f8b.js"><link rel="stylesheet" href="https://pikto-diffuser.hf.space/assets/Column-2853eb31.css"><title>Gradio</title><script async="" defer="" src="https://www.googletagmanager.com/gtag/js?id=UA-156449732-1"></script> <script>window.dataLayer = window.dataLayer || [];
|
35 |
+
function gtag() {
|
36 |
+
dataLayer.push(arguments);
|
37 |
+
}
|
38 |
+
gtag("js", new Date());
|
39 |
+
gtag("config", "UA-156449732-1");</script></head>
|
40 |
+
|
41 |
+
<body style="
|
42 |
+
width: 100%;
|
43 |
+
margin: 0;
|
44 |
+
padding: 0;
|
45 |
+
display: flex;
|
46 |
+
flex-direction: column;
|
47 |
+
flex-grow: 1;
|
48 |
+
" class="dark">
|
49 |
+
<gradio-app control_page_title="true" embed="false" eager="true" style="display: flex; flex-direction: column; flex-grow: 1; background: var(--body-background-fill);">
|
50 |
+
<div class="gradio-container gradio-container-3-39-0 svelte-1kyws56 app" style="min-height: initial; flex-grow: 1;"><div class="main svelte-1kyws56"> <div class="wrap svelte-1ax1toq" style="min-height: 100%;"><div class="contain" style="flex-grow: 1;"><div id="component-506" class="svelte-vt1mxs gap" style="min-width: min(0px, 100%);"><div id="component-507" class="block svelte-90oupt padded hide-container" style="border-style: solid; overflow: visible; min-width: min(0px, 100%); border-width: var(--block-border-width);"><div class="wrap center full svelte-zlszon hide" style="position: absolute; padding: 0px;"></div> <div class="svelte-1ed2p3z"><div class="prose svelte-1ybaih5" id="component-507"></div></div></div><div id="component-508" class="svelte-15lo0d8 stretch"><div id="component-509" class="svelte-15lo0d8 stretch"><div class="form svelte-sfqy0y" style="flex-grow: 2; min-width: min(320px, 100%);"><div id="component-510" class="block svelte-90oupt padded" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"> <label class="svelte-1kcgrqr container"><span data-testid="block-info" class="svelte-1gfkn6j">Prompt idea</span> <textarea data-testid="textbox" class="scroll-hide svelte-1kcgrqr" dir="ltr" placeholder="" rows="1" style="overflow-y: scroll; height: 275px;"></textarea></label></div><div id="component-511" class="block svelte-90oupt padded" style="border-style: solid;overflow: hidden;min-width: min(160px, 100%);border-width: var(--block-border-width);"><div class="wrap default full svelte-zlszon hide" style="position: absolute; padding: 0px;"></div> <label class="svelte-c0u3f0 container"><span data-testid="block-info" class="svelte-1gfkn6j">Choose Model</span> <div class="wrap svelte-c0u3f0"><div class="wrap-inner svelte-c0u3f0"> <div class="secondary-wrap svelte-c0u3f0"><input class="border-none svelte-c0u3f0" autocomplete="off"> <div class="token-remove remove-all svelte-c0u3f0 hide" title="Clear"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></div> <svg class="dropdown-arrow svelte-p5edak" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><path d="M5 8l4 4 4-4z"></path></svg></div></div> <div class="reference"></div> </div></label></div></div></div><div id="component-513" class="svelte-15lo0d8 stretch"><button class="lg secondary svelte-1e89no8" id="component-514">Generate Prompts</button><button class="lg primary svelte-1e89no8" id="component-515">Generate Images</button></div></div><div id="component-516" class="svelte-15lo0d8 stretch"><div id="component-517" class="block svelte-90oupt" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-zlszon hide" style="position: absolute; padding: 0px;"></div> <div data-testid="block-label" class="svelte-1mwvhlq float"><span class="svelte-1mwvhlq"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg></span> Image</div> <div class="empty svelte-lk9eg8 large unpadded_box"><div class="icon svelte-lk9eg8"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg></div></div></div><div id="component-518" class="block svelte-90oupt" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-zlszon hide" style="position: absolute; padding: 0px;"></div> <div data-testid="block-label" class="svelte-1mwvhlq float"><span class="svelte-1mwvhlq"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg></span> Image</div> <div class="empty svelte-lk9eg8 large unpadded_box"><div class="icon svelte-lk9eg8"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg></div></div></div><div id="component-519" class="block svelte-90oupt" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-zlszon hide" style="position: absolute; padding: 0px;"></div> <div data-testid="block-label" class="svelte-1mwvhlq float"><span class="svelte-1mwvhlq"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg></span> Image</div> <div class="empty svelte-lk9eg8 large unpadded_box"><div class="icon svelte-lk9eg8"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg></div></div></div></div><div id="component-520" class="svelte-15lo0d8 stretch"><div class="form svelte-sfqy0y" style="flex-grow: 3; min-width: min(480px, 100%);"><div id="component-521" class="block svelte-90oupt padded" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-zlszon hide" style="position: absolute; padding: 0px;"></div> <label class="svelte-1kcgrqr container"><span data-testid="block-info" class="svelte-1gfkn6j">Generated Prompt</span> <textarea data-testid="textbox" class="scroll-hide svelte-1kcgrqr" dir="ltr" placeholder="" rows="2" style="overflow-y: scroll; height: 196px;"></textarea></label></div><div id="component-522" class="block svelte-90oupt padded" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-zlszon hide" style="position: absolute; padding: 0px;"></div> <label class="svelte-1kcgrqr container"><span data-testid="block-info" class="svelte-1gfkn6j">Generated Prompt</span> <textarea data-testid="textbox" class="scroll-hide svelte-1kcgrqr" dir="ltr" placeholder="" rows="2" style="overflow-y: scroll; height: 196px;"></textarea></label></div><div id="component-523" class="block svelte-90oupt padded" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-zlszon hide" style="position: absolute; padding: 0px;"></div> <label class="svelte-1kcgrqr container"><span data-testid="block-info" class="svelte-1gfkn6j">Generated Prompt</span> <textarea data-testid="textbox" class="scroll-hide svelte-1kcgrqr" dir="ltr" placeholder="" rows="2" style="overflow-y: scroll; height: 196px;"></textarea></label></div></div></div><div id="component-525" class="svelte-15lo0d8 stretch"><div id="component-526" class="block svelte-90oupt" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-zlszon hide" style="position: absolute; padding: 0px;"></div> <div data-testid="block-label" class="svelte-1mwvhlq float"><span class="svelte-1mwvhlq"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg></span> Image</div> <div class="empty svelte-lk9eg8 large unpadded_box"><div class="icon svelte-lk9eg8"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg></div></div></div><div id="component-527" class="block svelte-90oupt" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-zlszon hide" style="position: absolute; padding: 0px;"></div> <div data-testid="block-label" class="svelte-1mwvhlq float"><span class="svelte-1mwvhlq"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg></span> Image</div> <div class="empty svelte-lk9eg8 large unpadded_box"><div class="icon svelte-lk9eg8"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg></div></div></div><div id="component-528" class="block svelte-90oupt" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-zlszon hide" style="position: absolute; padding: 0px;"></div> <div data-testid="block-label" class="svelte-1mwvhlq float"><span class="svelte-1mwvhlq"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg></span> Image</div> <div class="empty svelte-lk9eg8 large unpadded_box"><div class="icon svelte-lk9eg8"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-image"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><circle cx="8.5" cy="8.5" r="1.5"></circle><polyline points="21 15 16 10 5 21"></polyline></svg></div></div></div></div><div id="component-529" class="svelte-15lo0d8 stretch"><div class="form svelte-sfqy0y" style="flex-grow: 3; min-width: min(480px, 100%);"><div id="component-530" class="block svelte-90oupt padded" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-zlszon hide" style="position: absolute; padding: 0px;"></div> <label class="svelte-1kcgrqr container"><span data-testid="block-info" class="svelte-1gfkn6j">Generated Prompt</span> <textarea data-testid="textbox" class="scroll-hide svelte-1kcgrqr" dir="ltr" placeholder="" rows="2" style="overflow-y: scroll; height: 196px;"></textarea></label></div><div id="component-531" class="block svelte-90oupt padded" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-zlszon hide" style="position: absolute; padding: 0px;"></div> <label class="svelte-1kcgrqr container"><span data-testid="block-info" class="svelte-1gfkn6j">Generated Prompt</span> <textarea data-testid="textbox" class="scroll-hide svelte-1kcgrqr" dir="ltr" placeholder="" rows="2" style="overflow-y: scroll; height: 196px;"></textarea></label></div><div id="component-532" class="block svelte-90oupt padded" style="border-style: solid; overflow: hidden; min-width: min(160px, 100%); border-width: var(--block-border-width);"><div class="wrap default full svelte-zlszon hide" style="position: absolute; padding: 0px;"></div> <label class="svelte-1kcgrqr container"><span data-testid="block-info" class="svelte-1gfkn6j">Generated Prompt</span> <textarea data-testid="textbox" class="scroll-hide svelte-1kcgrqr" dir="ltr" placeholder="" rows="2" style="overflow-y: scroll; height: 196px;"></textarea></label></div></div></div></div></div> <footer class="svelte-1ax1toq"><button class="show-api svelte-1ax1toq">Use via API <img src="https://pikto-diffuser.hf.space/assets/api-logo-5346f193.svg" alt="" class="svelte-1ax1toq"></button> <div class="svelte-1ax1toq">·</div> <a href="https://gradio.app" class="built-with svelte-1ax1toq" target="_blank" rel="noreferrer">Built with Gradio
|
51 |
+
<img src="https://pikto-diffuser.hf.space/assets/logo-0a070fcf.svg" alt="logo" class="svelte-1ax1toq"></a></footer></div> <div class="toast-wrap svelte-pu0yf1"></div></div> </div></gradio-app>
|
52 |
+
<script>
|
53 |
+
const ce = document.getElementsByTagName("gradio-app");
|
54 |
+
if (ce[0]) {
|
55 |
+
ce[0].addEventListener("domchange", () => {
|
56 |
+
document.body.style.padding = "0";
|
57 |
+
});
|
58 |
+
document.body.style.padding = "0";
|
59 |
+
}
|
60 |
+
</script>
|
61 |
+
|
62 |
+
<div style="clear: both; display: block; height: 0px;"></div></body></html>
|
style.css
ADDED
@@ -0,0 +1,327 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
div.svelte-15lo0d8 {
|
2 |
+
display: flex;
|
3 |
+
gap: var(--layout-gap);
|
4 |
+
width: var(--size-full);
|
5 |
+
align-content: center;
|
6 |
+
}
|
7 |
+
|
8 |
+
--body-background-fill: var(
|
9 |
+
--background-fill-primary);
|
10 |
+
--body-text-color: var(
|
11 |
+
--neutral-100);
|
12 |
+
--color-accent-soft: var(
|
13 |
+
--neutral-700);
|
14 |
+
--background-fill-primary: #16181e;
|
15 |
+
--background-fill-secondary: var(
|
16 |
+
--neutral-900);
|
17 |
+
--border-color-accent: var(
|
18 |
+
--neutral-600);
|
19 |
+
--border-color-primary: var(
|
20 |
+
--neutral-700);
|
21 |
+
--link-text-color-active: var(
|
22 |
+
--secondary-500);
|
23 |
+
--link-text-color: var(
|
24 |
+
--secondary-500);
|
25 |
+
--link-text-color-hover: var(
|
26 |
+
--secondary-400);
|
27 |
+
--link-text-color-visited: var(
|
28 |
+
--secondary-600);
|
29 |
+
--body-text-color-subdued: var(
|
30 |
+
--neutral-400);
|
31 |
+
--shadow-spread: 1px;
|
32 |
+
--block-background-fill: var(
|
33 |
+
--neutral-800);
|
34 |
+
--block-border-color: var(
|
35 |
+
--border-color-primary);
|
36 |
+
--block_border_width: None;
|
37 |
+
--block-info-text-color: var(
|
38 |
+
--body-text-color-subdued);
|
39 |
+
--block-label-background-fill: var(
|
40 |
+
--background-fill-secondary);
|
41 |
+
--block-label-border-color: var(
|
42 |
+
--border-color-primary);
|
43 |
+
--block_label_border_width: None;
|
44 |
+
--block-label-text-color: var(
|
45 |
+
--neutral-200);
|
46 |
+
--block_shadow: None;
|
47 |
+
--block_title_background_fill: None;
|
48 |
+
--block_title_border_color: None;
|
49 |
+
--block_title_border_width: None;
|
50 |
+
--block-title-text-color: var(
|
51 |
+
--neutral-200);
|
52 |
+
--panel-background-fill: var(
|
53 |
+
--background-fill-secondary);
|
54 |
+
--panel-border-color: var(
|
55 |
+
--border-color-primary);
|
56 |
+
--panel_border_width: None;
|
57 |
+
--border-color-accent-subdued: var(
|
58 |
+
--border-color-accent);
|
59 |
+
--chatbot-code-background-color: var(
|
60 |
+
--neutral-800);
|
61 |
+
--checkbox-background-color: var(
|
62 |
+
--neutral-800);
|
63 |
+
--checkbox-background-color-focus: var(
|
64 |
+
--checkbox-background-color);
|
65 |
+
--checkbox-background-color-hover: var(
|
66 |
+
--checkbox-background-color);
|
67 |
+
--checkbox-background-color-selected: var(
|
68 |
+
--secondary-600);
|
69 |
+
--checkbox-border-color: var(
|
70 |
+
--neutral-700);
|
71 |
+
--checkbox-border-color-focus: var(
|
72 |
+
--secondary-500);
|
73 |
+
--checkbox-border-color-hover: var(
|
74 |
+
--neutral-600);
|
75 |
+
--checkbox-border-color-selected: var(
|
76 |
+
--secondary-600);
|
77 |
+
--checkbox-border-width: var(
|
78 |
+
--input-border-width);
|
79 |
+
--checkbox-label-background-fill: linear-gradient(to top, var(
|
80 |
+
--neutral-900), var(--neutral-800));
|
81 |
+
--checkbox-label-background-fill-hover: linear-gradient(to top, var(
|
82 |
+
--neutral-900), var(--neutral-800));
|
83 |
+
--checkbox-label-background-fill-selected: var(
|
84 |
+
--checkbox-label-background-fill);
|
85 |
+
--checkbox-label-border-color: var(
|
86 |
+
--border-color-primary);
|
87 |
+
--checkbox-label-border-color-hover: var(
|
88 |
+
--checkbox-label-border-color);
|
89 |
+
--checkbox-label-border-width: var(
|
90 |
+
--input-border-width);
|
91 |
+
--checkbox-label-text-color: var(
|
92 |
+
--body-text-color);
|
93 |
+
--checkbox-label-text-color-selected: var(
|
94 |
+
--checkbox-label-text-color);
|
95 |
+
--error-background-fill: var(
|
96 |
+
--neutral-900);
|
97 |
+
--error-border-color: #ef4444;
|
98 |
+
--error_border_width: None;
|
99 |
+
--error-text-color: #fef2f2;
|
100 |
+
--error-icon-color: #ef4444;
|
101 |
+
--input-background-fill: var(
|
102 |
+
--neutral-800);
|
103 |
+
--input-background-fill-focus: var(
|
104 |
+
--secondary-600);
|
105 |
+
--input-background-fill-hover: var(
|
106 |
+
--input-background-fill);
|
107 |
+
--input-border-color: var(
|
108 |
+
--border-color-primary);
|
109 |
+
--input-border-color-focus: var(
|
110 |
+
--neutral-700);
|
111 |
+
--input-border-color-hover: var(
|
112 |
+
--input-border-color);
|
113 |
+
--input_border_width: None;
|
114 |
+
--input-placeholder-color: var(
|
115 |
+
--neutral-500);
|
116 |
+
--input_shadow: None;
|
117 |
+
--input-shadow-focus: 0 0 0 var(
|
118 |
+
--shadow-spread) var(--neutral-700), var(--shadow-inset);
|
119 |
+
--loader_color: None;
|
120 |
+
--slider_color: None;
|
121 |
+
--stat-background-fill: linear-gradient(to right, var(
|
122 |
+
--primary-400), var(--primary-600));
|
123 |
+
--table-border-color: var(
|
124 |
+
--neutral-700);
|
125 |
+
--table-even-background-fill: var(
|
126 |
+
--neutral-950);
|
127 |
+
--table-odd-background-fill: var(
|
128 |
+
--neutral-900);
|
129 |
+
--table-row-focus: var(
|
130 |
+
--color-accent-soft);
|
131 |
+
--button-border-width: var(
|
132 |
+
--input-border-width);
|
133 |
+
--button-cancel-background-fill: linear-gradient(to bottom right, #dc2626, #b91c1c);
|
134 |
+
--button-cancel-background-fill-hover: linear-gradient(to bottom right, #dc2626, #dc2626);
|
135 |
+
--button-cancel-border-color: #dc2626;
|
136 |
+
--button-cancel-border-color-hover: var(
|
137 |
+
--button-cancel-border-color);
|
138 |
+
--button-cancel-text-color: white;
|
139 |
+
--button-cancel-text-color-hover: var(
|
140 |
+
--button-cancel-text-color);
|
141 |
+
--button-primary-background-fill: linear-gradient(to bottom right, var(
|
142 |
+
--primary-500), var(--primary-600));
|
143 |
+
--button-primary-background-fill-hover: linear-gradient(to bottom right, var(
|
144 |
+
--primary-500), var(--primary-500));
|
145 |
+
--button-primary-border-color: var(
|
146 |
+
--primary-500);
|
147 |
+
--button-primary-border-color-hover: var(
|
148 |
+
--button-primary-border-color);
|
149 |
+
--button-primary-text-color: white;
|
150 |
+
--button-primary-text-color-hover: var(
|
151 |
+
--button-primary-text-color);
|
152 |
+
--button-secondary-background-fill: linear-gradient(to bottom right, var(
|
153 |
+
--neutral-600), var(--neutral-700));
|
154 |
+
--button-secondary-background-fill-hover: linear-gradient(to bottom right, var(
|
155 |
+
--neutral-600), var(--neutral-600));
|
156 |
+
--button-secondary-border-color: var(
|
157 |
+
--neutral-600);
|
158 |
+
--button-secondary-border-color-hover: var(
|
159 |
+
--button-secondary-border-color);
|
160 |
+
--button-secondary-text-color: white;
|
161 |
+
--button-secondary-text-color-hover: var(
|
162 |
+
--button-secondary-text-color);
|
163 |
+
--name: default;
|
164 |
+
--primary-50: #fff7ed;
|
165 |
+
--primary-100: #ffedd5;
|
166 |
+
--primary-200: #fed7aa;
|
167 |
+
--primary-300: #fdba74;
|
168 |
+
--primary-400: #fb923c;
|
169 |
+
--primary-500: #f97316;
|
170 |
+
--primary-600: #ea580c;
|
171 |
+
--primary-700: #c2410c;
|
172 |
+
--primary-800: #9a3412;
|
173 |
+
--primary-900: #7c2d12;
|
174 |
+
--primary-950: #6c2e12;
|
175 |
+
--secondary-50: #eff6ff;
|
176 |
+
--secondary-100: #dbeafe;
|
177 |
+
--secondary-200: #bfdbfe;
|
178 |
+
--secondary-300: #93c5fd;
|
179 |
+
--secondary-400: #60a5fa;
|
180 |
+
--secondary-500: #3b82f6;
|
181 |
+
--secondary-600: #2563eb;
|
182 |
+
--secondary-700: #1d4ed8;
|
183 |
+
--secondary-800: #1e40af;
|
184 |
+
--secondary-900: #1e3a8a;
|
185 |
+
--secondary-950: #1d3660;
|
186 |
+
--neutral-50: #f9fafb;
|
187 |
+
--neutral-100: #f3f4f6;
|
188 |
+
--neutral-200: #e5e7eb;
|
189 |
+
--neutral-300: #d1d5db;
|
190 |
+
--neutral-400: #9ca3af;
|
191 |
+
--neutral-500: #6b7280;
|
192 |
+
--neutral-600: #4b5563;
|
193 |
+
--neutral-700: #374151;
|
194 |
+
--neutral-800: #1f2937;
|
195 |
+
--neutral-900: #111827;
|
196 |
+
--neutral-950: #0b0f19;
|
197 |
+
--spacing-xxs: 1px;
|
198 |
+
--spacing-xs: 2px;
|
199 |
+
--spacing-sm: 4px;
|
200 |
+
--spacing-md: 6px;
|
201 |
+
--spacing-lg: 8px;
|
202 |
+
--spacing-xl: 10px;
|
203 |
+
--spacing-xxl: 16px;
|
204 |
+
--radius-xxs: 1px;
|
205 |
+
--radius-xs: 2px;
|
206 |
+
--radius-sm: 4px;
|
207 |
+
--radius-md: 6px;
|
208 |
+
--radius-lg: 8px;
|
209 |
+
--radius-xl: 12px;
|
210 |
+
--radius-xxl: 22px;
|
211 |
+
--text-xxs: 9px;
|
212 |
+
--text-xs: 10px;
|
213 |
+
--text-sm: 12px;
|
214 |
+
--text-md: 14px;
|
215 |
+
--text-lg: 16px;
|
216 |
+
--text-xl: 22px;
|
217 |
+
--text-xxl: 26px;
|
218 |
+
--font: 'Source Sans Pro', 'ui-sans-serif', 'system-ui', sans-serif;
|
219 |
+
--font-mono: 'IBM Plex Mono', 'ui-monospace', 'Consolas', monospace;
|
220 |
+
--body-text-size: var(
|
221 |
+
--text-md);
|
222 |
+
--body-text-weight: 400;
|
223 |
+
--embed-radius: var(
|
224 |
+
--radius-lg);
|
225 |
+
--color-accent: var(
|
226 |
+
--primary-500);
|
227 |
+
--shadow-drop: rgba(0,0,0,0.05) 0px 1px 2px 0px;
|
228 |
+
--shadow-drop-lg: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
229 |
+
--shadow-inset: rgba(0,0,0,0.05) 0px 2px 4px 0px inset;
|
230 |
+
--block-border-width: 1px;
|
231 |
+
--block-info-text-size: var(
|
232 |
+
--text-sm);
|
233 |
+
--block-info-text-weight: 400;
|
234 |
+
--block-label-border-width: 1px;
|
235 |
+
--block-label-shadow: var(
|
236 |
+
--block-shadow);
|
237 |
+
--block-label-margin: 0;
|
238 |
+
--block-label-padding: var(
|
239 |
+
--spacing-sm) var(--spacing-lg);
|
240 |
+
--block-label-radius: calc(var(
|
241 |
+
--radius-lg) - 1px) 0 calc(var(--radius-lg) - 1px) 0;
|
242 |
+
--block-label-right-radius: 0 calc(var(
|
243 |
+
--radius-lg) - 1px) 0 calc(var(--radius-lg) - 1px);
|
244 |
+
--block-label-text-size: var(
|
245 |
+
--text-sm);
|
246 |
+
--block-label-text-weight: 400;
|
247 |
+
--block-padding: var(
|
248 |
+
--spacing-xl) calc(var(--spacing-xl) + 2px);
|
249 |
+
--block-radius: var(
|
250 |
+
--radius-lg);
|
251 |
+
--block-shadow: var(
|
252 |
+
--shadow-drop);
|
253 |
+
--block-title-background-fill: none;
|
254 |
+
--block-title-border-color: none;
|
255 |
+
--block-title-border-width: 0px;
|
256 |
+
--block-title-padding: 0;
|
257 |
+
--block-title-radius: none;
|
258 |
+
--block-title-text-size: var(
|
259 |
+
--text-md);
|
260 |
+
--block-title-text-weight: 400;
|
261 |
+
--container-radius: var(
|
262 |
+
--radius-lg);
|
263 |
+
--form-gap-width: 1px;
|
264 |
+
--layout-gap: var(
|
265 |
+
--spacing-xxl);
|
266 |
+
--panel-border-width: 0;
|
267 |
+
--section-header-text-size: var(
|
268 |
+
--text-md);
|
269 |
+
--section-header-text-weight: 400;
|
270 |
+
--checkbox-border-radius: var(
|
271 |
+
--radius-sm);
|
272 |
+
--checkbox-label-gap: var(
|
273 |
+
--spacing-lg);
|
274 |
+
--checkbox-label-padding: var(
|
275 |
+
--spacing-md) calc(2 * var(--spacing-md));
|
276 |
+
--checkbox-label-shadow: var(
|
277 |
+
--shadow-drop);
|
278 |
+
--checkbox-label-text-size: var(
|
279 |
+
--text-md);
|
280 |
+
--checkbox-label-text-weight: 400;
|
281 |
+
--checkbox-check: url(
|
282 |
+
"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
|
283 |
+
--radio-circle: url(
|
284 |
+
"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
|
285 |
+
--checkbox-shadow: var(
|
286 |
+
--input-shadow);
|
287 |
+
--error-border-width: 1px;
|
288 |
+
--input-border-width: 1px;
|
289 |
+
--input-padding: var(
|
290 |
+
--spacing-xl);
|
291 |
+
--input-radius: var(
|
292 |
+
--radius-lg);
|
293 |
+
--input-shadow: 0 0 0 var(
|
294 |
+
--shadow-spread) transparent, var(--shadow-inset);
|
295 |
+
--input-text-size: var(
|
296 |
+
--text-md);
|
297 |
+
--input-text-weight: 400;
|
298 |
+
--loader-color: var(
|
299 |
+
--color-accent);
|
300 |
+
--prose-text-size: var(
|
301 |
+
--text-md);
|
302 |
+
--prose-text-weight: 400;
|
303 |
+
--prose-header-text-weight: 600;
|
304 |
+
--slider-color: auto;
|
305 |
+
--table-radius: var(
|
306 |
+
--radius-lg);
|
307 |
+
--button-large-padding: var(
|
308 |
+
--spacing-lg) calc(2 * var(--spacing-lg));
|
309 |
+
--button-large-radius: var(
|
310 |
+
--radius-lg);
|
311 |
+
--button-large-text-size: var(
|
312 |
+
--text-lg);
|
313 |
+
--button-large-text-weight: 600;
|
314 |
+
--button-shadow: var(
|
315 |
+
--shadow-drop);
|
316 |
+
--button-shadow-active: var(
|
317 |
+
--shadow-inset);
|
318 |
+
--button-shadow-hover: var(
|
319 |
+
--shadow-drop-lg);
|
320 |
+
--button-small-padding: var(
|
321 |
+
--spacing-sm) calc(2 * var(--spacing-sm));
|
322 |
+
--button-small-radius: var(
|
323 |
+
--radius-lg);
|
324 |
+
--button-small-text-size: var(
|
325 |
+
--text-md);
|
326 |
+
--button-small-text-weight: 400;
|
327 |
+
--button-transition: none;
|