optimize interface

app.py

@@ -164,13 +164,29 @@ def search(image_file: Image.Image):
 
 def main():
     title = 'USA Coin Retrieval by'
-    desc = (
-        '<p style="text-align: center">Coin-CLIP: '
-        '<a href="https://huggingface.co/breezedeus/coin-clip-vit-base-patch32" target="_blank">Model</a>, '
-        '<a href="https://github.com/breezedeus/coin-clip" target="_blank">Github</a>; '
-        'Author: <a href="https://www.breezedeus.com" target="_blank">Breezedeus</a> , '
-        '<a href="https://github.com/breezedeus" target="_blank">Github</a> </p>'
-    )
+    # desc = (
+    #     '<p style="text-align: center">Coin-CLIP: '
+    #     '<a href="https://huggingface.co/breezedeus/coin-clip-vit-base-patch32" target="_blank">Model</a>, '
+    #     '<a href="https://github.com/breezedeus/coin-clip" target="_blank">Github</a>; '
+    #     'Author: <a href="https://www.breezedeus.com" target="_blank">Breezedeus</a> , '
+    #     '<a href="https://github.com/breezedeus" target="_blank">Github</a> </p>'
+    # )
+    desc = """
+### Better Coin Retriever
+
+|                                 |                                         |
+| ------------------------------- | --------------------------------------- |
+| 🪙 **Model**             | [Coin-CLIP](https://huggingface.co/breezedeus/coin-clip-vit-base-patch32) |
+| 💼 **Code**              | [Github](https://github.com/breezedeus/coin-clip) |
+| 👨🏻‍💻 **Author**            | [Breezedeus](https://www.breezedeus.com) |
+| 💬 **Questions**         | [GitHub Discussions](https://github.com/breezedeus/coin-clip/issues) |
+
+<br/>
+
+Leave a star 🌟 on the Github [Coin-CLIP 🪙](https://github.com/breezedeus/coin-clip) .
+
+If you're interested in retrieving coins from other countries, please leave a comment on the Github.
+    """
     examples = [
         'examples/c2.jpeg',
         'examples/c20.jpg',
@@ -190,9 +206,11 @@ def main():
         gr.Markdown(
             f'<h1 style="text-align: center; margin-bottom: 1rem;">{title} <a href="https://github.com/breezedeus/coin-clip" target="_blank">Coin-CLIP</a></h1>'
         )
-        gr.Markdown(desc)
         with gr.Row(equal_height=False):
-            with gr.Column(variant='compact', scale=1):
+            with gr.Column(variant='compact', scale=3):
+                # gr.HTML('<img src="examples/coin-clip-logo.jpg" width="150px"/>')
+                gr.Markdown(desc)
+            with gr.Column(variant='compact', scale=7):
                 gr.Markdown('### Image within a coin')
                 image_file = gr.Image(
                     label='Coin Image to Search',
@@ -201,7 +219,7 @@ def main():
                     height=400,
                 )
                 sub_btn = gr.Button("Submit", variant="primary")
-            with gr.Column(variant='compact', scale=1):
+            with gr.Column(variant='compact', scale=4):
                 gr.Markdown('### Detected Coin')
                 detected_image = gr.Image(
                     label='Detected Coin',