Added samples

.gitattributes

@@ -14,6 +14,11 @@
 *.npy filter=lfs diff=lfs merge=lfs -text
 *.npz filter=lfs diff=lfs merge=lfs -text
 *.onnx filter=lfs diff=lfs merge=lfs -text
+*.mp4 filter=lfs diff=lfs merge=lfs -text
+*.jpg filter=lfs diff=lfs merge=lfs -text
+*.gif filter=lfs diff=lfs merge=lfs -text
+*.png filter=lfs diff=lfs merge=lfs -text
+*.webp filter=lfs diff=lfs merge=lfs -te
 *.ot filter=lfs diff=lfs merge=lfs -text
 *.parquet filter=lfs diff=lfs merge=lfs -text
 *.pb filter=lfs diff=lfs merge=lfs -text

app.py

@@ -15,15 +15,41 @@ def detect_edges(input_image):
     result = cv.cvtColor(result, cv.COLOR_BGR2RGB)
     return result
 
-# Gradio UI
-demo = gr.Interface(
-    fn=detect_edges,
-    inputs=gr.Image(type="numpy", label="Upload Image"),
-    outputs=gr.Image(type="numpy", label="Output"),
-    title="Edge Detection DexiNed (OpenCV DNN)",
-    allow_flagging="never",
-    description="Upload an image to detect edges using OpenCV's ONNX-based edge detection using DexiNed model."
-)
+# Gradio Interface
+with gr.Blocks(css='''.example * {
+    font-style: italic;
+    font-size: 18px !important;
+    color: #0ea5e9 !important;
+    }''') as demo:
+
+    gr.Markdown("### Edge Detection DexiNed (OpenCV DNN)")
+    gr.Markdown("Upload an image to detect edges using OpenCV's ONNX-based edge detection using DexiNed model.")
+
+    with gr.Row():
+        input_image = gr.Image(type="numpy", label="Upload Image")
+        output_image = gr.Image(type="numpy", label="Output")
+
+    # Clear output when new image is uploaded
+    input_image.change(fn=lambda: (None), outputs=output_image)
+
+    with gr.Row():
+        submit_btn = gr.Button("Submit", variant="primary")
+        clear_btn = gr.Button("Clear")
+
+    submit_btn.click(fn=detect_edges, inputs=input_image, outputs=output_image)
+    clear_btn.click(fn=lambda:(None, None), outputs=[input_image, output_image])
+
+    gr.Markdown("Click on any example to try it.", elem_classes=["example"])
+
+    gr.Examples(
+        examples=[
+            ["examples/baboon.jpg"],
+            ["examples/chicky_512.png"],
+            ["examples/lena.jpg"],
+            ["examples/messi5.jpg"]
+        ],
+        inputs=input_image
+    )
 
 if __name__ == "__main__":
     demo.launch()