Upload with huggingface_hub

README.md

@@ -1,12 +1,11 @@
+
 ---
-title: Examples Component
-emoji: 🐢
-colorFrom: blue
-colorTo: purple
+title: examples_component 
+emoji: 🔥
+colorFrom: indigo
+colorTo: indigo
 sdk: gradio
 sdk_version: 3.17.0
-app_file: app.py
+app_file: run.py
 pinned: false
 ---
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

run.ipynb

@@ -0,0 +1 @@
+{"cells": [{"cell_type": "markdown", "id": 302934307671667531413257853548643485645, "metadata": {}, "source": ["# Gradio Demo: examples_component"]}, {"cell_type": "code", "execution_count": null, "id": 272996653310673477252411125948039410165, "metadata": {}, "outputs": [], "source": ["!pip install -q gradio "]}, {"cell_type": "code", "execution_count": null, "id": 288918539441861185822528903084949547379, "metadata": {}, "outputs": [], "source": ["# Downloading files from the demo repo\n", "import os\n", "os.mkdir('images')\n", "!wget -q -O images/cheetah1.jpg https://github.com/gradio-app/gradio/raw/main/demo/examples_component/images/cheetah1.jpg\n", "!wget -q -O images/lion.jpg https://github.com/gradio-app/gradio/raw/main/demo/examples_component/images/lion.jpg\n", "!wget -q -O images/logo.png https://github.com/gradio-app/gradio/raw/main/demo/examples_component/images/logo.png"]}, {"cell_type": "code", "execution_count": null, "id": 44380577570523278879349135829904343037, "metadata": {}, "outputs": [], "source": ["import gradio as gr\n", "import os\n", "\n", "def flip(i):\n", "    return i.rotate(180)\n", "\n", "css = \"footer {display: none !important;} .gradio-container {min-height: 0px !important;}\"\n", "\n", "with gr.Blocks(css=css) as demo:\n", "    with gr.Row():\n", "        with gr.Column():\n", "            img_i = gr.Image(label=\"Input Image\", type=\"pil\")\n", "        with gr.Column():\n", "            img_o = gr.Image(label=\"Output Image\")\n", "    with gr.Row():\n", "        btn = gr.Button(value=\"Flip Image\")\n", "    btn.click(flip, inputs=[img_i], outputs=[img_o])\n", "\n", "    gr.Examples(\n", "        [ \n", "            os.path.join(os.path.abspath(''), \"images/cheetah1.jpg\"),\n", "            os.path.join(os.path.abspath(''), \"images/lion.jpg\"),\n", "        ],\n", "        img_i,\n", "        img_o,\n", "        flip\n", "    )\n", "    \n", "demo.launch()"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}

run.py

@@ -0,0 +1,29 @@
+import gradio as gr
+import os
+
+def flip(i):
+    return i.rotate(180)
+
+css = "footer {display: none !important;} .gradio-container {min-height: 0px !important;}"
+
+with gr.Blocks(css=css) as demo:
+    with gr.Row():
+        with gr.Column():
+            img_i = gr.Image(label="Input Image", type="pil")
+        with gr.Column():
+            img_o = gr.Image(label="Output Image")
+    with gr.Row():
+        btn = gr.Button(value="Flip Image")
+    btn.click(flip, inputs=[img_i], outputs=[img_o])
+
+    gr.Examples(
+        [ 
+            os.path.join(os.path.dirname(__file__), "images/cheetah1.jpg"),
+            os.path.join(os.path.dirname(__file__), "images/lion.jpg"),
+        ],
+        img_i,
+        img_o,
+        flip
+    )
+    
+demo.launch()