Update src/app.py

src/app.py

@@ -20,29 +20,7 @@ from refiners.foundationals.latent_diffusion import Solver, solvers
 
 from enhancer import ESRGANUpscaler, ESRGANUpscalerCheckpoints
 
-TITLE = """
-<center>
-
-  <h1 style="font-size: 1.5rem; margin-bottom: 0.5rem;">
-    Image Enhancer Powered By Refiners
-  </h1>
-
-  <div style="display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin-bottom: 0.5rem; font-size: 1.25rem; flex-wrap: wrap;">
-    <a href="https://blog.finegrain.ai/posts/reproducing-clarity-upscaler/" target="_blank">[blog post]</a>
-    <a href="https://github.com/finegrain-ai/refiners" target="_blank">[refiners]</a>
-    <a href="https://github.com/philz1337x/clarity-upscaler" target="_blank">[clarity-upscaler]</a>
-    <a href="https://finegrain.ai/" target="_blank">[finegrain]</a>
-  </div>
-
-  <p style="margin: 0;">
-    If you enjoyed this space, please consider starring Refiners on GitHub!
-    <a href="https://github.com/finegrain-ai/refiners" target="_blank">
-      <img src="https://img.shields.io/github/stars/finegrain-ai/refiners?style=social" style="display: inline; vertical-align: middle;" />
-    </a>
-  </p>
-
-</center>
-"""
+TITLE = """# Image Enhancer Powered By Refiners"""
 
 CHECKPOINTS = ESRGANUpscalerCheckpoints(
     unet=Path(
@@ -158,10 +136,17 @@ def process(
 
     return (input_image, enhanced_image)
 
-
-with gr.Blocks() as demo:
-    gr.HTML(TITLE)
-
+css = '''
+.gradio-container{max-width: 100% !important}
+h1{text-align:center}
+'''
+with gr.Blocks(css=css) as demo:
+    gr.Markdown(TITLE)
+    gr.Markdown(
+                """
+                Made by csit.udru.ac.th for non-commercial license
+                """
+    )
     with gr.Row():
         with gr.Column():
             input_image = gr.Image(type="pil", label="Input Image")