Update app.py

app.py

@@ -22,59 +22,44 @@ def pixel(image,downsample,palette,depth,upscale):
     # save new image with 'skimage.io.imsave()'
     io.imsave("pixel.png", new_image)
     return "pixel.png"
-   
+
 title = "Pixelar Imagen"
 description = ""
 article = ""
 
 with gr.Blocks() as demo:
     gr.HTML("<h1><center> 🔥 Pixelar Imagen </center></h1>")
-    
-    with gr.Column():
-        input_image = gr.Image(label="Input")
-        downsample = gr.Number(default=4, label="downsample by")
-        palette = gr.Number(default=7, label="palette")
-        depth = gr.Number(default=1, label="depth")
-        upscale = gr.Number(default=4, label="upscale")
-    with gr.Column():
-        output_image = gr.Image(label="Output") 
+    with gr.Row():
+        with gr.Column():
+            input_image = gr.Image(label="Input", height = 512 + 128)
+            with gr.Row():
+                gr.HTML('''
+                        <h1>pyxelate⚡</h1>
+                        <container>
+                            <a href="https://github.com/sedthh/pyxelate" target="_blank">
+                                <button id="website_button" class="external-link">Website</button>
+                            </a>
+                        </container>
+                    ''')
+        with gr.Column():
+            with gr.Row():
+                downsample = gr.Number(value=4, label="downsample by")
+                palette = gr.Number(value=7, label="palette")
+                depth = gr.Number(value=1, label="depth")
+                upscale = gr.Number(value=4, label="upscale")
+                run_button = gr.Button("run")
+            output_image = gr.Image(label="Output")
 
     gr.Examples(
         [
-            ['mona.jpeg',14,7,1, 4]
+            ['mona.jpeg',14,7,1, 4],
+            ['artistic sky in space.jpg',7,7,1, 4],
+            ['Paint me a picture of the Great Wall of China in t.jpg',4, 6, 1, 4],
         ],
         inputs = [input_image, downsample, palette, depth, upscale]
     )
 
+    run_button.click(pixel, [input_image, downsample, palette, depth, upscale], output_image)
 
-demo.launch()
-
-'''
-gr.Interface(
-    pixel, 
-    [gr.Image(label="Input"),
-     gr.Number(default=4, label="downsample by"),
-     gr.Number(default=7, label="palette"),
-     gr.Number(default=1, label="depth"),
-     gr.Number(default=14, label="upscale")
-], 
-    gr.Image(label="Output"),
-    title=title,
-    description=description,
-    article=article,
-    examples=[['mona.jpeg',14,7,1,14]],
-    css="footer {visibility: hidden}"
-    ).launch(enable_queue=True) 
 
-gr.Interface(
-    pixel, 
-    [gr.inputs.Image(type="file", label="Input", shape=(512,512)),gr.inputs.Number(default=14, label="downsample by"),gr.inputs.Number(default=7, label="palette"),gr.inputs.Number(default=1, label="depth"),gr.inputs.Number(default=14, label="upscale")
-], 
-    gr.outputs.Image(type="file", label="Output"),
-    title=title,
-    description=description,
-    article=article,
-    examples=[['mona.jpeg',14,7,1,14]],
-    css="footer {visibility: hidden}"
-    ).launch(enable_queue=True) 
-'''
+demo.launch()