using html

app.py

@@ -147,11 +147,19 @@ h1, h2, h3, h4, h5, h6 {
 
 # defautl query: how to make slingshot?
 # who created light (e.g., electricity) Tesla or Edison in quick short?
-with gr.Blocks(css=css, fill_height=True) as demo:
-    gr.Markdown("""
-        ## like perplexity, but more precise.
-        #### built by [@abdibrokhim](https://yaps.gg).
-        #### [![Powered by AI/ML API](./assets/aimlapi_logo_big_vector.svg)](https://aimlapi.com/models/bagoodex-search-v1-api/?utm_source=bagoodex&utm_medium=huggingface&utm_campaign=tutorials)
+with gr.Blocks() as demo:
+    gr.HTML("""
+        <div style="text-align: center; font-size: 32px; font-weight: bold; margin-bottom: 20px;">
+            like perplexity, but more precise.
+        </div>
+        <div style="text-align: center;">built by 
+            <a href="https://yaps.gg"> abdibrokhim</a>
+        </div>
+        <div style="text-align: center;display: flex;justify-content: center;align-items: center;margin-top: 1em;margin-bottom: .5em;">
+            <a href="https://aimlapi.com/models/bagoodex-search-v1-api/?utm_source=bagoodex&utm_medium=huggingface&utm_campaign=tutorials">
+                <img src="https://huggingface.co/spaces/AimlAPI/Bagoodex-Web-Search/resolve/main/assets/aimlapi_logo_big_vector.svg" width="160" style="margin-left: .75em; margin-right: .75em; background-color: white; border-radius: 10px; padding: 5px;"/>
+            </a>
+        </div>
     """)
 
     # State variables to hold followup ID and conversation history, plus follow-up questions text