Add description and title again

app.py

@@ -178,9 +178,11 @@ examples=[
 
 
 
-with gr.Blocks() as app:
-    title = "dacl-challenge @ WACV2024"
-    description = """
+title = "dacl-challenge @ WACV2024"
+description = """
+<p style="text-align:center">
+<h1>dacl-challenge @ WACV2024</h1>
+</p>
 <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> |
@@ -214,11 +216,25 @@ with gr.Blocks() as app:
   <li>Model: <a href='https://huggingface.co/nvidia/mit-b1' target='_blank'>SegFormer mit-b1</a>, trained on resized 512x512 images for (only) 10 epochs.</li>
   <li>Label description of dacl10k dataset: "A.3. Class descriptions" in <a href='https://arxiv.org/pdf/2309.00460.pdf' target='_blank'>J. Flotzinger, P.J. Rösch, T. Braml: "dacl10k: Benchmark for Semantic Bridge Damage Segmentation".</a></li>
 </ul> 
+<p></p>
+
 
+<p>Workflow: 
+ <ul>
+  <li>Upload an image or select one from "Examples". </li>
+  <li>Then click "1) Generate Masks"</li>
+  <li>Select an damage or object type in "Select Label" and choose an "Alpha Factor" for transparancy.</li>
+  <li>Then click "2) Generate Transparent Mask (with Alpha Factor)"</li>
+</ul> 
 """
 
-    article = "<p style='text-align: center'><a href='https://github.com/phiyodr/dacl10k-toolkit' target='_blank'>Github Repo</a></p>"
+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():
+        gr.Markdown(description)
     with gr.Row():
         input_img = gr.inputs.Image(type="pil", label="Original Image")
         gr.Examples(examples=examples, inputs=[input_img])
@@ -226,8 +242,8 @@ with gr.Blocks() as app:
         img = gr.outputs.Image(type="pil", label="All Masks")
         transparent_img = gr.outputs.Image(type="pil", label="Transparent Image")
     with gr.Row():
-        slider = gr.Slider(minimum=0, maximum=1, value=0.5, label="Alpha Factor")
-        dropdown = gr.Dropdown(choices=target_list_all, label="Pick image", value="All")
+        dropdown = gr.Dropdown(choices=target_list_all, label="Select Label", value="All")
+        slider = gr.Slider(minimum=0, maximum=1, value=0.4, label="Alpha Factor")
     
     all_masks = gr.Gallery(visible=False)
     background = gr.Image(visible=False)