update tutorial images

app.py

@@ -126,16 +126,17 @@ def build_demo():
     with gr.Blocks(css=css) as demo:
         with gr.Column(elem_id="col-container"):
             gr.Markdown("""<h1 style="text-align: center; font-size: 32px;"><b>UltraFusion 📸✨</b></h1>""")
-            gr.Markdown("""<h1 style="text-align: center; font-size: 24px;"><b>How to Capture Short and Long Exposure Images</b></h1>""")
+            # gr.Markdown("""<h1 style="text-align: center; font-size: 32px;"><b>OpenImagingLab</b></h1>""")
+            gr.Markdown("""<h1 style="text-align: center; font-size: 24px;"><b>How do I use it?</b></h1>""")
             with gr.Row():
-                gr.Image("ui/en-short.png", width=IMG_W*2//3, show_label=False, interactive=False, show_download_button=False) #, height=IMG_H*2
-                gr.Image("ui/en-tap.png", width=IMG_W*2//3, show_label=False, interactive=False, show_download_button=False)
-                gr.Image("ui/en-long.png", width=IMG_W*2//3, show_label=False, interactive=False, show_download_button=False)
-            
+                gr.Image("ui/en-short.png", width=IMG_W//3, show_label=False, interactive=False, show_download_button=False)
+                gr.Image("ui/en-long.png", width=IMG_W//3, show_label=False, interactive=False, show_download_button=False)
+                gr.Image("ui/en-run.png", width=IMG_W//3, show_label=False, interactive=False, show_download_button=False)
+                
             with gr.Row():
-                gr.Markdown("""<h1 style="text-align: center; font-size: 12px;"><b>➁ Drag the ☀︎ icon downward to capture a photo with a shorter exposure.</b></h1>""")
-                gr.Markdown("""<h1 style="text-align: center; font-size: 12px;"><b>➀ Tap the center of the camera screen to reveal focus and exposure adjustment buttons ☀︎.</b></h1>""")
-                gr.Markdown("""<h1 style="text-align: center; font-size: 12px;"><b>➂ Drag the ☀︎ icon upward to capture a photo with a longer exposure.</b></h1>""")
+                gr.Markdown("""<h1 style="text-align: center; font-size: 12px;"><b>➀ Tap the center of the camera screen, then drag the ☀︎ icon downward to capture a photo with a shorter exposure.</b></h1>""")
+                gr.Markdown("""<h1 style="text-align: center; font-size: 12px;"><b>➁ Tap the center of the camera screen, then drag the ☀︎ icon upward to capture a photo with a longer exposure.</b></h1>""")
+                gr.Markdown("""<h1 style="text-align: center; font-size: 12px;"><b>➂ Upload the short and long exposure images, then click the 'Run' button to receive the result. </b></h1>""")
 
             gr.Markdown("""<h1 style="text-align: center; font-size: 24px;"><b>Enjoy it!</b></h1>""")
             with gr.Row():