Use article for details and add examples

app.py

@@ -6,6 +6,19 @@ import gradio as gr
 import cv2
 from drexel_metadata.gen_metadata import gen_metadata
 from PIL import Image
+import urllib.request
+
+
+EXAMPLE_URLS = [
+   'http://www.tubri.org/HDR/INHS/INHS_FISH_59422.jpg',
+   'http://www.tubri.org/HDR/INHS/INHS_FISH_76560.jpg'
+]
+EXAMPLES = []
+for example_url in EXAMPLE_URLS:
+    file_name = os.path.basename(example_url)
+    urllib.request.urlretrieve(example_url, file_name)
+    # According to the docs examples should be a nested list
+    EXAMPLES.append([file_name])
 
 
 def create_temp_file_path(prefix, suffix):
@@ -13,7 +26,7 @@ def create_temp_file_path(prefix, suffix):
         return tmpfile.name
 
 
-def run_inference(markdown, input_img):
+def run_inference(input_img):
     # input_mg: NumPy array with the shape (width, height, 3)
 
     # Save input_mg as a temporary file
@@ -39,12 +52,10 @@ def read_app_header_markdown():
    with open('app_header.md') as infile:
        return infile.read()
 
-
 dm_app = gr.Interface(
      fn=run_inference,
      # Input shows markdown explaining and app and a single image upload panel
      inputs=[
-        gr.Markdown(read_app_header_markdown()),
         gr.Image()
      ],
      # Output consists of a visualization image, a masked image, and JSON metadata
@@ -53,7 +64,9 @@ dm_app = gr.Interface(
         gr.Image(label='mask'),
         gr.JSON(label="JSON metadata")
      ],
-     allow_flagging="never" # Do not save user's results or prompt for users to save the results
+     article=read_app_header_markdown(),
+     allow_flagging="never", # Do not save user's results or prompt for users to save the results
+     examples=EXAMPLES,
 )
 dm_app.launch()