update

gradio_demo/app.py

@@ -193,17 +193,31 @@ css="""
 """
 
 with gr.Blocks() as demo:
-    with gr.Accordion("More info"):
+    with gr.Accordion("How to Use", open=False):
         gr.Markdown(
         """
         # InstantIR: Blind Image Restoration with Instant Generative Reference.
 
         ### **Official 🤗 Gradio demo of [InstantIR](https://arxiv.org/abs/2410.06551).**
         ### **InstantIR can not only help you restore your broken image, but also capable of imaginative re-creation following your text prompts. See advance usage for more details!**
+        
+        ---
+
         ## Basic usage: revitalize your image
         1. Upload an image you want to restore;
         2. Optionally, tune the `Steps` `CFG Scale` parameters. Typically higher steps lead to better results, but less than 50 is recommended for efficiency;
         3. Click `InstantIR magic!`.
+
+        ---
+
+        ## Advanced usage:
+        ### Browse restoration variants:
+        1. After InstantIR processing, drag the `Restoration Previews` slider to explore other in-progress versions;
+        2. If you like one of them, set the `Start Free Rendering` slider to the same value to get a more refined result.
+        ### Creative restoration:
+        1. Check the `Creative Restoration` checkbox;
+        2. Input your text prompts in the `Restoration prompts` textbox;
+        3. Set `Start Free Rendering` slider to a medium value (around half of the `steps`) to provide adequate room for InstantIR creation.
         """)
     with gr.Row():
         with gr.Column():
@@ -248,30 +262,5 @@ with gr.Blocks() as demo:
     output.change(dynamic_preview_slider, inputs=steps, outputs=index)
     index.release(unpack_pipe_out, inputs=[pipe_out, index], outputs=preview)
     output.change(show_final_preview, inputs=pipe_out, outputs=preview)
-    gr.Markdown(
-    """
-    ## Advance usage:
-    ### Browse restoration variants:
-    1. After InstantIR processing, drag the `Restoration Previews` slider to explore other in-progress versions;
-    2. If you like one of them, set the `Start Free Rendering` slider to the same value to get a more refined result.
-    ### Creative restoration:
-    1. Check the `Creative Restoration` checkbox;
-    2. Input your text prompts in the `Restoration prompts` textbox;
-    3. Set `Start Free Rendering` slider to a medium value (around half of the `steps`) to provide adequate room for InstantIR creation.
-    """)
-    gr.Markdown(
-    """
-    ## Citation
-    If InstantIR is helpful to your work, please cite our paper via:
-
-    ```
-    @article{huang2024instantir,
-        title={InstantIR: Blind Image Restoration with Instant Generative Reference},
-        author={Huang, Jen-Yuan and Wang, Haofan and Wang, Qixun and Bai, Xu and Ai, Hao and Xing, Peng and Huang, Jen-Tse},
-        journal={arXiv preprint arXiv:2410.06551},
-        year={2024}
-    }
-    ```
-    """)
 
 demo.queue().launch()