Update app.py

app.py

@@ -13,25 +13,30 @@ def scrape(url, tags):
             all_data.append(f"Results for <{tag}>:\n" + "\n".join(data))
     return "\n\n".join(all_data) if all_data else "No data found!"
 
-# Gradio Blocks with updated UI
+# Function to set tag input
+def set_tag(tag):
+    return tag
+
+# Gradio interface
 with gr.Blocks(css="""
 body {
     background: linear-gradient(135deg, #89f7fe, #66a6ff);
     font-family: 'Arial', sans-serif;
 }
+h1 {
+    color: #fff;
+    text-align: center;
+    text-shadow: 1px 1px 8px rgba(0,0,0,0.3);
+}
 .glass-card {
     background: rgba(255, 255, 255, 0.15);
     backdrop-filter: blur(20px);
     border-radius: 25px;
     padding: 25px;
+    margin: 10px 0;
     box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
     border: 1px solid rgba(255, 255, 255, 0.18);
 }
-h1 {
-    color: #fff;
-    text-align: center;
-    text-shadow: 1px 1px 8px rgba(0,0,0,0.3);
-}
 .gr-button {
     background: rgba(255, 255, 255, 0.3) !important;
     color: #000 !important;
@@ -45,10 +50,6 @@ h1 {
     color: #222 !important;
     transform: scale(1.05);
 }
-.gr-textbox {
-    border-radius: 15px !important;
-    padding: 10px !important;
-}
 .output-box {
     max-height: 400px;
     overflow-y: auto;
@@ -60,34 +61,36 @@ h1 {
 
     with gr.Row():
         with gr.Column():
-            with gr.Group(css_class="glass-card"):
-                url_input = gr.Textbox(label="Enter Blog URL", placeholder="https://example.com")
-                tag_input = gr.Textbox(label="Enter Tags (comma separated, e.g., h1,h2,h3)", value="h2")
-                
-                # Tag buttons for quick selection
-                with gr.Row():
-                    h1_btn = gr.Button("h1")
-                    h2_btn = gr.Button("h2")
-                    h3_btn = gr.Button("h3")
-                    all_btn = gr.Button("h1,h2,h3")
-                
-                scrape_btn = gr.Button("Scrape Blog")
-        
+            # Glass card using HTML
+            gr.HTML("""
+            <div class="glass-card">
+            """)
+            url_input = gr.Textbox(label="Enter Blog URL", placeholder="https://example.com")
+            tag_input = gr.Textbox(label="Enter Tags (comma separated, e.g., h1,h2,h3)", value="h2")
+            with gr.Row():
+                h1_btn = gr.Button("h1")
+                h2_btn = gr.Button("h2")
+                h3_btn = gr.Button("h3")
+                all_btn = gr.Button("h1,h2,h3")
+            scrape_btn = gr.Button("Scrape Blog")
+            gr.HTML("</div>")
+
         with gr.Column():
-            with gr.Group(css_class="glass-card output-box"):
-                output = gr.Textbox(label="Scraped Titles", interactive=False)
-                copy_btn = gr.Button("Copy to Clipboard")
+            gr.HTML('<div class="glass-card output-box">')
+            output = gr.Textbox(label="Scraped Titles", interactive=False)
+            copy_btn = gr.Button("Copy to Clipboard")
+            gr.HTML('</div>')
 
-    # Tag button clicks
-    h1_btn.click(lambda: "h1", inputs=None, outputs=tag_input)
-    h2_btn.click(lambda: "h2", inputs=None, outputs=tag_input)
-    h3_btn.click(lambda: "h3", inputs=None, outputs=tag_input)
-    all_btn.click(lambda: "h1,h2,h3", inputs=None, outputs=tag_input)
+    # Tag buttons click events
+    h1_btn.click(set_tag, inputs=[], outputs=tag_input, args=["h1"])
+    h2_btn.click(set_tag, inputs=[], outputs=tag_input, args=["h2"])
+    h3_btn.click(set_tag, inputs=[], outputs=tag_input, args=["h3"])
+    all_btn.click(set_tag, inputs=[], outputs=tag_input, args=["h1,h2,h3"])
 
-    # Scrape button click
+    # Scrape button
     scrape_btn.click(scrape, inputs=[url_input, tag_input], outputs=output)
 
-    # Copy button (Gradio native copy support)
+    # Copy button
     copy_btn.click(lambda x: x, inputs=output, outputs=None)
 
 demo.launch()