jptv pikto commited on
Commit
deeb14b
·
0 Parent(s):

Duplicate from pikto/Diffuser

Browse files

Co-authored-by: pikto kenn <[email protected]>

Files changed (5) hide show
  1. .gitattributes +35 -0
  2. README.md +14 -0
  3. app.py +98 -0
  4. index.html +62 -0
  5. 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&amp;l=dataLayer&amp;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,R0lGODlhPQBEAPeoAJosM//AwO/AwHVYZ/z595kzAP/s7P+goOXMv8+fhw/v739/f+8PD98fH/8mJl+fn/9ZWb8/PzWlwv///6wWGbImAPgTEMImIN9gUFCEm/gDALULDN8PAD6atYdCTX9gUNKlj8wZAKUsAOzZz+UMAOsJAP/Z2ccMDA8PD/95eX5NWvsJCOVNQPtfX/8zM8+QePLl38MGBr8JCP+zs9myn/8GBqwpAP/GxgwJCPny78lzYLgjAJ8vAP9fX/+MjMUcAN8zM/9wcM8ZGcATEL+QePdZWf/29uc/P9cmJu9MTDImIN+/r7+/vz8/P8VNQGNugV8AAF9fX8swMNgTAFlDOICAgPNSUnNWSMQ5MBAQEJE3QPIGAM9AQMqGcG9vb6MhJsEdGM8vLx8fH98AANIWAMuQeL8fABkTEPPQ0OM5OSYdGFl5jo+Pj/+pqcsTE78wMFNGQLYmID4dGPvd3UBAQJmTkP+8vH9QUK+vr8ZWSHpzcJMmILdwcLOGcHRQUHxwcK9PT9DQ0O/v70w5MLypoG8wKOuwsP/g4P/Q0IcwKEswKMl8aJ9fX2xjdOtGRs/Pz+Dg4GImIP8gIH0sKEAwKKmTiKZ8aB/f39Wsl+LFt8dgUE9PT5x5aHBwcP+AgP+WltdgYMyZfyywz78AAAAAAAD///8AAP9mZv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAKgALAAAAAA9AEQAAAj/AFEJHEiwoMGDCBMqXMiwocAbBww4nEhxoYkUpzJGrMixogkfGUNqlNixJEIDB0SqHGmyJSojM1bKZOmyop0gM3Oe2liTISKMOoPy7GnwY9CjIYcSRYm0aVKSLmE6nfq05QycVLPuhDrxBlCtYJUqNAq2bNWEBj6ZXRuyxZyDRtqwnXvkhACDV+euTeJm1Ki7A73qNWtFiF+/gA95Gly2CJLDhwEHMOUAAuOpLYDEgBxZ4GRTlC1fDnpkM+fOqD6DDj1aZpITp0dtGCDhr+fVuCu3zlg49ijaokTZTo27uG7Gjn2P+hI8+PDPERoUB318bWbfAJ5sUNFcuGRTYUqV/3ogfXp1rWlMc6awJjiAAd2fm4ogXjz56aypOoIde4OE5u/F9x199dlXnnGiHZWEYbGpsAEA3QXYnHwEFliKAgswgJ8LPeiUXGwedCAKABACCN+EA1pYIIYaFlcDhytd51sGAJbo3onOpajiihlO92KHGaUXGwWjUBChjSPiWJuOO/LYIm4v1tXfE6J4gCSJEZ7YgRYUNrkji9P55sF/ogxw5ZkSqIDaZBV6aSGYq/lGZplndkckZ98xoICbTcIJGQAZcNmdmUc210hs35nCyJ58fgmIKX5RQGOZowxaZwYA+JaoKQwswGijBV4C6SiTUmpphMspJx9unX4KaimjDv9aaXOEBteBqmuuxgEHoLX6Kqx+yXqqBANsgCtit4FWQAEkrNbpq7HSOmtwag5w57GrmlJBASEU18ADjUYb3ADTinIttsgSB1oJFfA63bduimuqKB1keqwUhoCSK374wbujvOSu4QG6UvxBRydcpKsav++Ca6G8A6Pr1x2kVMyHwsVxUALDq/krnrhPSOzXG1lUTIoffqGR7Goi2MAxbv6O2kEG56I7CSlRsEFKFVyovDJoIRTg7sugNRDGqCJzJgcKE0ywc0ELm6KBCCJo8DIPFeCWNGcyqNFE06ToAfV0HBRgxsvLThHn1oddQMrXj5DyAQgjEHSAJMWZwS3HPxT/QMbabI/iBCliMLEJKX2EEkomBAUCxRi42VDADxyTYDVogV+wSChqmKxEKCDAYFDFj4OmwbY7bDGdBhtrnTQYOigeChUmc1K3QTnAUfEgGFgAWt88hKA6aCRIXhxnQ1yg3BCayK44EWdkUQcBByEQChFXfCB776aQsG0BIlQgQgE8qO26X1h8cEUep8ngRBnOy74E9QgRgEAC8SvOfQkh7FDBDmS43PmGoIiKUUEGkMEC/PJHgxw0xH74yx/3XnaYRJgMB8obxQW6kL9QYEJ0FIFgByfIL7/IQAlvQwEpnAC7DtLNJCKUoO/w45c44GwCXiAFB/OXAATQryUxdN4LfFiwgjCNYg+kYMIEFkCKDs6PKAIJouyGWMS1FSKJOMRB/BoIxYJIUXFUxNwoIkEKPAgCBZSQHQ1A2EWDfDEUVLyADj5AChSIQW6gu10bE/JG2VnCZGfo4R4d0sdQoBAHhPjhIB94v/wRoRKQWGRHgrhGSQJxCS+0pCZbEhAAOw==","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&amp;display=swap"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&amp;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;