update interface and examples

app.py

@@ -1,7 +1,7 @@
 # AUTOGENERATED! DO NOT EDIT! File to edit: gradio.ipynb.
 
 # %% auto 0
-__all__ = ['learn', 'categories', 'image', 'label', 'examples', 'intf', 'classify_image']
+__all__ = ['learn', 'categories', 'title', 'description', 'article', 'image', 'label', 'examples', 'intf', 'classify_image']
 
 # %% gradio.ipynb 2
 from fastai.vision.all import *
@@ -18,9 +18,17 @@ def classify_image(img):
     return dict(zip(categories, map(float,probs)))
 
 # %% gradio.ipynb 5
-image = gr.inputs.Image(shape=(224,224))
-label = gr.outputs.Label()
-examples = ['color.jpg', 'functional.jpg', 'modest.jpg']
+title="Vague Image Personality Detector"
+description="Dit model kan bepalen welke kleur persoonlijkheid een persoon heeft. Upload een foto van jezelf en zie welke kleur je bent."
+article="""<h2>DISC theorie</>
+<p>Het DISC-model geeft inzicht in het gedrag van mensen. Het geeft bijvoorbeeld weer hoe iemand overkomt in de communicatie met zijn/haar omgeving. Dit is zowel verbaal als non-verbaal.</p>
+<p>Bij de vier verschillende gedragsstijlen horen vier kleuren en elke kleur zou een bepaalde voorkeur voor kleding hebben.</p>
+<p><a href='https://ugrow.nl/bibliotheek/gedrag'>meer leren over de kleuren</a> of <a href="https://nl.wikipedia.org/wiki/DISC">lees op Wikipedia</a></p>"""
 
-intf = gr.Interface(fn=classify_image, inputs=image, outputs=label, examples=examples)
+# %% gradio.ipynb 6
+image = gr.components.Image(shape=(224,224))
+label = gr.components.Label()
+examples = ['colorful.jpg', 'functional.jpg']
+
+intf = gr.Interface(fn=classify_image, inputs=image, outputs=label, examples=examples, title=title, description=description, article=article)
 intf.launch(inline=False)