desc

app.py

@@ -47,8 +47,8 @@ def chatbot(input):
         return reply
     
 
-with gr.Blocks(css=".gradio-container {background-color: transparent}") as demo:
-  url = gr.Textbox(label="Enter a webpage URL to chat about")
+with gr.Blocks(css="index.css", title="chatWEBPAGE", description="Chat to any webpage!") as demo:
+  url = gr.Textbox(label="1. Enter a webpage URL to chat about")
   url.change(fn=get_data, inputs=url)
   gr.Examples(["https://www.nerdwallet.com/article/travel/how-much-are-my-united-miles-worth",
                "https://www.bbc.com/news/business-64937251",
@@ -56,7 +56,7 @@ with gr.Blocks(css=".gradio-container {background-color: transparent}") as demo:
   
   chatbot_item = gr.Chatbot([], elem_id="chatbot").style(height=250)
 
-  msg = gr.Textbox(label="Chat with AI about the webpage")
+  msg = gr.Textbox(label="2. Chat with AI about the webpage")
   gr.Examples(["Please summarise the webpage", "What is the tone of the webpage?", "Tell me your favorite part of the webpage"], inputs=[msg])
   with gr.Row():
     with gr.Column(scale=2):

index.css

@@ -0,0 +1,12 @@
+body {
+  font-family: "Arial", sans-serif;
+  background-color: #f5f5f5;
+  color: #333;
+}
+
+.block {
+  background-color: white;
+  padding: 0px;
+  border-radius: 8px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}