feat: add examples

app.py

@@ -28,22 +28,41 @@ def yolo(im):
     ]
 
 
-inputs = gr.Image(type='pil', label="Original Image")
+inputs = [
+    gr.Image(type='pil', label="Original Image")
+]
 outputs = [
     gr.JSON(label="Output JSON"),
     gr.Image(type='pil', label="Output Image with Boxes"),
 ]
 
 title = "YOLOv5 Face"
-description = "YOLOv5 Face Gradio demo for object detection. Upload an image or click an example image to use."
-article = "<p style='text-align: center'>YOLOv5 Face is an object detection model trained on the <a href=\"https://doi.org/10.20676/00000353\">顔コレデータセット</a>.</p>"
+description = """<p>YOLOv5 Face Gradio demo for object detection. Upload an image or click an example image to use.</p>"""
+
+article = """
+<ul>
+<li>『文正草子』（日本古典籍データセット（国文研所蔵）CODH配信）</li>
+<li>『源氏百人一首』(大阪公立大学中百舌鳥図書館 国文学研究資料館)</li>
+<li>『源氏物語』(国文学研究資料館)</li>
+<li>『百鬼夜行図』（東京大学）</li>
+</ul>
+<p style='text-align: center'>YOLOv5 Face is an object detection model trained on the <a href=\"https://doi.org/10.20676/00000353\">顔コレデータセット</a>.</p>"""
 
 examples = [
+    ["『文正草子』（日本古典籍データセット（国文研所蔵）CODH配信）.jpg"],
     ['『源氏百人一首』(大阪公立大学中百舌鳥図書館 国文学研究資料館).jpg'],
     ['『源氏物語』(国文学研究資料館).jpg'],
     ['『百鬼夜行図』（東京大学）.jpg']
 ]
-demo = gr.Interface(yolo, inputs, outputs, title=title, description=description, article=article, examples=examples)
+demo = gr.Interface(
+    fn=yolo, 
+    inputs=inputs,
+    outputs=outputs, 
+    title=title, 
+    description=description, 
+    article=article, 
+    examples=examples
+    )
 
 demo.css = """
 .json-holder {