try fix title/desc

app.py

@@ -162,8 +162,25 @@ def inference(img, alpha_factor):
     return im, all_images, background
 
 
-title = "dacl-challenge @ WACV2024"
-description = """
+
+examples=[
+["assets/dacl10k_v2_validation_0026.jpg", "dacl10k_v2_validation_0026.jpg"],
+["assets/dacl10k_v2_validation_0037.jpg", "dacl10k_v2_validation_0037.jpg"],
+["assets/dacl10k_v2_validation_0053.jpg", "dacl10k_v2_validation_0053.jpg"],
+["assets/dacl10k_v2_validation_0068.jpg", "dacl10k_v2_validation_0068.jpg"],
+["assets/dacl10k_v2_validation_0153.jpg", "dacl10k_v2_validation_0153.jpg"],
+["assets/dacl10k_v2_validation_0263.jpg", "dacl10k_v2_validation_0263.jpg"],
+["assets/dacl10k_v2_validation_0336.jpg", "dacl10k_v2_validation_0336.jpg"],
+["assets/dacl10k_v2_validation_0500.jpg", "dacl10k_v2_validation_0500.jpg"],
+["assets/dacl10k_v2_validation_0549.jpg", "dacl10k_v2_validation_0549.jpg"],
+["assets/dacl10k_v2_validation_0609.jpg", "dacl10k_v2_validation_0609.jpg"]
+]
+
+
+
+with gr.Blocks() as app:
+    title = "dacl-challenge @ WACV2024"
+    description = """
 <b>
 <p style="text-align:center">
 <a href='https://twitter.com/dacl_ai' target='_blank'>Twitter</a><a href='https://x.com/dacl_ai' target='_blank'>/X</a> |
@@ -200,23 +217,8 @@ description = """
 
 """
 
-article = "<p style='text-align: center'><a href='https://github.com/phiyodr/dacl10k-toolkit' target='_blank'>Github Repo</a></p>"
-examples=[
-["assets/dacl10k_v2_validation_0026.jpg", "dacl10k_v2_validation_0026.jpg"],
-["assets/dacl10k_v2_validation_0037.jpg", "dacl10k_v2_validation_0037.jpg"],
-["assets/dacl10k_v2_validation_0053.jpg", "dacl10k_v2_validation_0053.jpg"],
-["assets/dacl10k_v2_validation_0068.jpg", "dacl10k_v2_validation_0068.jpg"],
-["assets/dacl10k_v2_validation_0153.jpg", "dacl10k_v2_validation_0153.jpg"],
-["assets/dacl10k_v2_validation_0263.jpg", "dacl10k_v2_validation_0263.jpg"],
-["assets/dacl10k_v2_validation_0336.jpg", "dacl10k_v2_validation_0336.jpg"],
-["assets/dacl10k_v2_validation_0500.jpg", "dacl10k_v2_validation_0500.jpg"],
-["assets/dacl10k_v2_validation_0549.jpg", "dacl10k_v2_validation_0549.jpg"],
-["assets/dacl10k_v2_validation_0609.jpg", "dacl10k_v2_validation_0609.jpg"]
-]
-
+    article = "<p style='text-align: center'><a href='https://github.com/phiyodr/dacl10k-toolkit' target='_blank'>Github Repo</a></p>"
 
-
-with gr.Blocks() as app:
     with gr.Row():
         input_img = gr.inputs.Image(type="pil", label="Original Image")
         gr.Examples(examples=examples, inputs=[input_img])
@@ -230,10 +232,10 @@ with gr.Blocks() as app:
     all_masks = gr.Gallery(visible=False)
     background = gr.Image(visible=False)
 
-    generate_mask_slider = gr.Button("Generate Masks")
+    generate_mask_slider = gr.Button("1) Generate Masks")
     generate_mask_slider.click(inference, inputs=[input_img], outputs=[img, all_masks, background])
 
-    submit_transparent_img = gr.Button("Generate Transparent Mask (with Alpha Factor)")
+    submit_transparent_img = gr.Button("2) Generate Transparent Mask (with Alpha Factor)")
     submit_transparent_img.click(show_img, inputs=[all_masks, dropdown, background, slider], outputs=[transparent_img])