Update app.py

app.py

@@ -37,9 +37,9 @@ img {margin-bottom: -8px;}
 <!-- The App Section -->
 <div class="w3-padding-64 w3-white">
   <div class="w3-row-padding">
-    <div class="w3-col l8 m6">
+    <div class="w3-col">
       <h1 class="w3-jumbo"><b>WatchTower 🐦🚧</b></h1>
-      <h1 class="w3-xxxlarge w3-text-orange"><b>Block Unfavorable Tweets From Your Feed </b></h1>
+      <h1 class="w3-xxxlarge w3-text-blue"><b>Block Unfavorable Tweets From Your Feed </b></h1>
       <p><span class="w3-xlarge">Scroll down to use WatchTower 1.0. ⬇ </span> WatchTower is a tool that identifies hate speech, misinformation, and extremist content and blocks it from your Twitter feed. WatchTower blocks content based on it's current database, so make sure to come back regullary to ensure you're up to date! WatchTower is simple to use: first scroll down the page and click the 'sign in with Twitter' button, then you'll be taken to the Twitter website and asked to verify yourself, after this you'll be taken back here, then simply scroll down to the botton of the page and click run!</p>
       <a href="https://www.watchtower.cartographer.one/"><button class="w3-button w3-light-grey w3-padding-large w3-section " onclick="document.getElementById('download').style.display='block'">
         <i class=""></i> Find Out More! 💬
@@ -89,24 +89,6 @@ function showDivs(n) {
 }
 </script>
 <br>
-<br>
-<br>
-<br>
-<br>
-<br>
-<br>
-<br>
-<br>
-<br>
-<br>
-<br>
-<br>
-<br>
-<br>
-<br>
-
-
-
 </body>
 </html>
 
@@ -120,7 +102,7 @@ import gradio as gr
 import tweepy
 
 # Setup the gradio block and add some generic CSS
-block = gr.Blocks(css="", title="WatchTower")
+block = gr.Blocks(css=".container { max-width: 800px; margin: auto; }", title="WatchTower")
 
 # Chat history variable used for the chatbot prompt on the 'getting started' page.
 chat_history = []
@@ -135,7 +117,7 @@ def get_client_from_tokens(oauth_verifier, oauth_token):
     '''
     new_oauth1_user_handler = tweepy.OAuth1UserHandler(
         consumer_token, consumer_secret,
-        callback="https://hf.space/embed/User1342/WatchTower/"
+        callback="http://127.0.0.1:7860/'#https://hf.space/embed/User1342/WatchTower/"
     )
     new_oauth1_user_handler.request_token = {
         "oauth_token": oauth_token,
@@ -347,7 +329,7 @@ def get_target_website():
     '''
     oauth1_user_handler = tweepy.OAuth1UserHandler(
         consumer_token, consumer_secret,
-        callback="https://hf.space/embed/User1342/WatchTower/"
+        callback="http://127.0.0.1:7860/"#"https://hf.space/embed/User1342/WatchTower/"
     )
     target_website = oauth1_user_handler.get_authorization_url(signin_with_twitter=True)
 
@@ -374,8 +356,6 @@ with block:
     gr.HTML(value=html_data)
     with gr.Group():
         with gr.Row().style(mobile_collapse=False, equal_height=True):
-            gr.HTML(value=r'<img src="https://www.watchtower.cartographer.one/wp-content/uploads/2022/10/Blocking-Unfavorable-Content-1.png"  alt="Markdown Monster icon"  style="float: left; margin-right: 10px;" width="350"/>').style(
-                )
             with gr.Box():
                 #gr.Label(value="WatchTower", visible=True, interactive=False)
                 url_params = gr.JSON({}, visible=False, label="URL Params").style(