Update app.py

app.py

@@ -276,49 +276,57 @@ def inference(image, upscale, dec_w, seed, model_type, ddpm_steps, colorfix_type
 
 # Gradio UI
 with gr.Blocks(title="Exploiting Diffusion Prior for Real-World Image Super-Resolution") as demo:
-    gr.Markdown(
+    gr.HTML(
         """
-        <center><img src='https://user-images.githubusercontent.com/22350795/236680126-0b1cdd62-d6fc-4620-b998-75ed6c31bf6f.png' style='height:40px' alt='StableSR logo'></center>
-        <b>Official Gradio demo</b> for <a href='https://github.com/IceClear/StableSR' target='_blank'><b>Exploiting Diffusion Prior for Real-World Image Super-Resolution</b></a>.<br>
-        🔥 StableSR is a general image super-resolution algorithm for real-world and AIGC images.<br>
+        <div style='text-align: center;'>
+            <img src='https://user-images.githubusercontent.com/22350795/236680126-0b1cdd62-d6fc-4620-b998-75ed6c31bf6f.png' style='height:40px' alt='StableSR logo'>
+            <h2>Exploiting Diffusion Prior for Real-World Image Super-Resolution</h2>
+            <p><strong>Official Gradio demo</strong> for <a href='https://github.com/IceClear/StableSR' target='_blank'>StableSR</a>.<br>
+            🔥 StableSR is a general image super-resolution algorithm for real-world and AIGC images.</p>
+        </div>
         """
     )
 
-    gr.Markdown(
+    gr.HTML(
         """
-        If StableSR is helpful, please help to ⭐ the <a href='https://github.com/IceClear/StableSR' target='_blank'>Github Repo</a>. Thanks!  
-        [![GitHub Stars](https://img.shields.io/github/stars/IceClear/StableSR?style=social)](https://github.com/IceClear/StableSR)  
-        ---
-
-        📝 **Citation**  
-        If our work is useful for your research, please consider citing:
-
-        ```
-        @article{wang2024exploiting,
-          author = {Wang, Jianyi and Yue, Zongsheng and Zhou, Shangchen and Chan, Kelvin C.K. and Loy, Chen Change},
-          title = {Exploiting Diffusion Prior for Real-World Image Super-Resolution},
-          article = {International Journal of Computer Vision},
-          year = {2024}
-        }
-        ```
-
-        📋 **License**  
-        This project is licensed under <a rel="license" href="https://github.com/IceClear/StableSR/blob/main/LICENSE.txt">S-Lab License 1.0</a>.  
-        Redistribution and use for non-commercial purposes should follow this license.
-
-        📧 **Contact**  
-        If you have any questions, please feel free to reach me out at <b>iceclearwjy@gmail.com</b>.
-
-        <div>
-        🤗 Find Me:  
-        <a href="https://twitter.com/Iceclearwjy"><img style="margin-top:0.5em; margin-bottom:0.5em" src="https://img.shields.io/twitter/follow/Iceclearwjy?label=%40Iceclearwjy&style=social" alt="Twitter Follow"></a>  
-        <a href="https://github.com/IceClear"><img style="margin-top:0.5em; margin-bottom:2em" src="https://img.shields.io/github/followers/IceClear?style=social" alt="Github Follow"></a>  
+        <div style="margin-top:1em">
+        <p>If StableSR is helpful, please help to ⭐ the <a href='https://github.com/IceClear/StableSR' target='_blank'>Github Repo</a>. Thanks!</p>
+        <a href='https://github.com/IceClear/StableSR' target='_blank'>
+            <img src='https://img.shields.io/github/stars/IceClear/StableSR?style=social'>
+        </a>
+        <hr>
+        <h4>Citation</h4>
+        <pre style="white-space: pre-wrap; background: #f7f7f7; padding: 1em; border-radius: 5px;">
+            @article{wang2024exploiting,
+              author = {Wang, Jianyi and Yue, Zongsheng and Zhou, Shangchen and Chan, Kelvin C.K. and Loy, Chen Change},
+              title = {Exploiting Diffusion Prior for Real-World Image Super-Resolution},
+              journal = {International Journal of Computer Vision},
+              year = {2024}
+            }
+        </pre>
+        <h4>License</h4>
+        <p>This project is licensed under <a rel="license" href="https://github.com/IceClear/StableSR/blob/main/LICENSE.txt">S-Lab License 1.0</a>. Redistribution and use for non-commercial purposes should follow this license.</p>
+
+        <h4>Contact</h4>
+        <p>If you have any questions, please feel free to reach out at <b>iceclearwjy@gmail.com</b>.</p>
+
+        <div style="margin-top:1em">
+            🤗 Find Me:<br>
+            <a href="https://twitter.com/Iceclearwjy">
+                <img src="https://img.shields.io/twitter/follow/Iceclearwjy?label=%40Iceclearwjy&style=social" alt="Twitter Follow">
+            </a>
+            <a href="https://github.com/IceClear">
+                <img src="https://img.shields.io/github/followers/IceClear?style=social" alt="Github Follow">
+            </a>
+        </div>
+        <div style="text-align: center; margin-top:1em">
+            <img src='https://visitor-badge.laobi.icu/badge?page_id=IceClear/StableSR' alt='visitors'>
+        </div>
         </div>
-
-        <center><img src='https://visitor-badge.laobi.icu/badge?page_id=IceClear/StableSR' alt='visitors'></center>
         """
     )
 
+
     with gr.Row():
         with gr.Column():
             image = gr.Image(type="filepath", label="Input")