Update app.py

app.py

@@ -3,6 +3,9 @@ import os
 from pprint import pprint
 from mastodon import Mastodon #Mastodon.py
 
+auth_button_text = '''<br><a href="{}"><button class="w3-button w3-light-grey w3-padding-large w3-section " onclick="document.getElementById('download').style.display='block'">
+        <i class=""></i> Login with Masterdon! 🐘
+      </button></a><br>'''
 
 def client_log_in():
 
@@ -308,13 +311,13 @@ def update_target_website():
     chatbot.value = chat_history
     chatbot.update(value=chat_history)
 
-    twitter_auth_button.value = '<BR><a href={}><img src="https://joinmastodon.org/logos/wordmark-black-text.svg" height="10" alt="Log In With Mastodon"></a><br>'.format(
+    twitter_auth_button.value = auth_button_text.format(
         get_target_website())
     twitter_auth_button.update(
-        value='<BR><a href={}><img src="https://joinmastodon.org/logos/wordmark-black-text.svg" height="10" alt="Log In With mastodon "></a><br>'.format(
+        value=auth_button_text.format(
             get_target_website()))
 
-    return '<BR><a href={}><img src="https://joinmastodon.org/logos/wordmark-black-text.svg" height="10" alt="Log In With mastodon "></a><br>'.format(
+    return auth_button_text.format(
         get_target_website())
 
 
@@ -366,7 +369,7 @@ with block:
                 text_input = gr.Text(label="Input", visible=False).style()
                 text_output = gr.Text(label="Output", visible=False).style()
                 html_button = twitter_auth_button = gr.HTML(
-                    value='<BR><a href={}><img src="https://joinmastodon.org/logos/wordmark-black-text.svg" height="10" alt="Log In With Mastodon"></a><br>'.format(
+                    value=auth_button_text.format(
                         get_target_website())).style(
                 )
                 with gr.Row().style(equal_height=True):