Update app.py

app.py

@@ -47,6 +47,15 @@ css="""
     max-width: 860px;
     margin: 0 auto;
 }
+#project-links{
+    margin: 0 0 12px !important;
+    column-gap: 8px;
+    display: flex;
+    justify-content: center;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    align-items: center;
+}
 """
 with gr.Blocks(css=css) as demo:
     with gr.Column(elem_id="col-container"):
@@ -67,6 +76,9 @@ with gr.Blocks(css=css) as demo:
         with gr.Row():
             with gr.Column():
                 image = gr.Image(type='filepath', sources=["upload"])
+                textbox = gr.Textbox(show_label=False, value="a person facing the camera, making a hand gesture, indoor")
+                seed = gr.Slider(label="Seed", minimum=0, maximum=1000000, value=42)
+                submit_btn = gr.Button("Submit")
                 gr.Examples(
                     examples = [
                         "examples/IMG_1050.jpeg",
@@ -76,12 +88,14 @@ with gr.Blocks(css=css) as demo:
                     ],
                     inputs = [image]
                 )
-                textbox = gr.Textbox(show_label=False, value="a person facing the camera, making a hand gesture, indoor")
-                seed = gr.Slider(label="Seed", minimum=0, maximum=1000000, value=42)
-                submit_btn = gr.Button("Submit")
-            
             with gr.Column():
                 output_image = gr.Image(label="Fixed hands result")
+                gr.HTML("""
+                <p id="project-links" align="center">
+                  <a href='https://github.com/wenquanlu/HandRefiner'><img src='https://img.shields.io/badge/Project-Page-Green'></a> <a href='https://arxiv.org/abs/2311.17957'><img src='https://img.shields.io/badge/Paper-Arxiv-red'></a>
+                </p>
+                <img src="https://github.com/wenquanlu/HandRefiner/raw/main/Figs/banner.png" style="margin: 0 auto;border-radius: 10px;" />
+                """)
       
     submit_btn.click(fn=generate, inputs=[image, textbox, seed], outputs=[output_image])