Update app.py

app.py

@@ -35,15 +35,22 @@ img#style-image {
   max-height: 600px;
 }
 '''
-    
-demo = gr.Blocks(css=css)
-with demo:
-  gr.Markdown('''<h1 id="title">Image Captioning 🖼️</h1>''')
-  with gr.Column():
-        input = gr.inputs.Image(label="Upload your Image", type = 'pil', optional=True)
-        output = gr.outputs.Textbox(type="auto",label="Captions")
-        examples = examples
-  btn = gr.Button("Generate Caption")
-  btn.click(fn=predict, inputs=input, outputs=output)
 
-demo.launch()
+input = gr.inputs.Image(label="Upload your Image", type = 'pil', optional=True)
+output = gr.outputs.Textbox(type="auto",label="Captions")
+examples = [f"example{i}.jpg" for i in range(1,7)]
+
+description= "Image captioning application made using transformers"
+title = "Image Captioning 🖼️"
+
+interface = gr.Interface(
+        fn=predict,
+        inputs = input,
+        theme="grass",
+        outputs=output,
+        examples = examples,
+        title=title,
+        description=description,
+        article = article,
+    )
+interface.launch(debug=True)