:lipstick: make logo bigger and more prominent, conclude with some calls to action.

app.py

@@ -49,8 +49,6 @@ def respond(message, history, model):
               partial_message += escaped_content
               yield partial_message
 
-logo = open('./logo.svg').read()
-
 with open('./model-cache.json', 'r') as f_model_cache:
     model_cache = json.load(f_model_cache)
 model_class_from_model_id = { model_id: model_class for model_class, model_ids in model_cache.items() for model_id in model_ids }
@@ -116,6 +114,8 @@ def initial_model(referer=None):
     # o = random.Random(f"{key}-{datetime.date.today().strftime('%Y-%m-%d')}")
     # return o.choice(model_choices)[1]
 
+logo = open('./logo.svg').read()
+logo_small = open('./logo-small.svg').read()
 title_text="HuggingFace's missing inference widget"
 css = """
 .logo-mark { fill: #ffe184; }
@@ -124,17 +124,32 @@ css = """
  * necessary as putting ChatInterface in gr.Blocks changes behaviour
  */
 
+ .row {
+    display: flex;
+    justify-content: center;
+ }
+
+ .footer p {
+    width: 450px;
+ }
+
 .contain { display: flex; flex-direction: column; }
 .gradio-container { height: 100vh !important; }
 #component-0 { height: 100%; }
 #chatbot { flex-grow: 1; overflow: auto;}
 """
+
 with gr.Blocks(title_text, css=css) as demo:
-    gr.HTML("""
-        <h1 align="center">HuggingFace's missing inference widget</h1>
-        <h2 align="center">
-            Please select your model from the list 👇
-        </h2>
+    gr.HTML(f"""
+        <div class="header">
+            <h1 class="row">HuggingFace's missing inference widget</h1>
+            <h3 class="row">powered by</h3>
+            <div class="row">
+                <a href="https://featherless.ai">
+                {logo}
+                </a>
+            </div>
+        </div>
     """)
 
     # hidden_state = gr.State(value=initial_model)
@@ -163,10 +178,22 @@ with gr.Blocks(title_text, css=css) as demo:
         """,
         concurrency_limit=5
     )
+
+    logo_small_no_text = open('./logo-small-no-text.svg').read()
+    x_logo = open('./x-logo.svg').read()
+    discord_logo = open('./discord-logo.svg').read()
+    
     gr.HTML(f"""
-        <p align="center">
-            Inference by <a href="https://featherless.ai">{logo}</a>
-        </p>
+        <div class="footer">
+            <div class="row">
+                If you enjoyed this space,
+                check out&nbsp;<a href="https://featherless.ai">featherless.ai</a>,
+                and follow us&nbsp;<a href="https://x.com/featherless.ai">on twitter</a>!
+            </div>
+            <!-- <div class="row">If you enjoyed this space,</div>
+            <div class="row">check out&nbsp;<a href="https://featherless.ai">featherless.ai</a>,</div>
+            <div class="row">and follow us&nbsp;<a href="https://x.com/featherless.ai">on twitter</a>!</div> -->
+        </div>
     """)
     def update_initial_model_choice(request: gr.Request):
         return initial_model(request.headers.get('referer'))