update title

app.py

@@ -115,12 +115,15 @@ css="""
     margin: 0 auto;
     max-width: 750px;
 }
-#title {
-    margin: 0 auto;
-}
 """
 
-with gr.Blocks(css=css, title="Kolors") as Kolors:
+def load_description(fp):
+    with open(fp, 'r', encoding='utf-8') as f:
+        content = f.read()
+    return content
+
+with gr.Blocks(css=css) as Kolors:
+    gr.HTML(load_description("assets/title.md"))
     with gr.Row():
         with gr.Column(elem_id="col-left"):
             with gr.Row():

assets/title.md

@@ -0,0 +1,13 @@
+<div style="display: flex; justify-content: center; align-items: center; text-align: center;">
+  <div>
+    <h1>Kolors</h1>
+    <span>Photorealistic Text-to-Image Synthesis and IP-Adapter</span>
+    <br>
+    <div style="display: flex; justify-content: center; align-items: center; text-align: center;">
+        <a href="https://github.com/Kwai-Kolors/Kolors"><img src="https://img.shields.io/static/v1?label=Kolors Code&message=Github&color=blue&logo=github-pages"></a> &ensp;
+        <a href="https://kwai-kolors.github.io/"><img src="https://img.shields.io/static/v1?label=Team%20Page&message=Page&color=green"></a> &ensp;
+        <a href="https://github.com/Kwai-Kolors/Kolors/blob/master/imgs/Kolors_paper.pdf"><img src="https://img.shields.io/static/v1?label=Tech Report&message=Arxiv:Kolors&color=red&logo=arxiv"></a> &ensp;
+        <a href="https://kolors.kuaishou.com/"><img src="https://img.shields.io/static/v1?label=Official Website&message=Page&color=green"></a>
+    </div>
+  </div>
+</div>