Update app.py

app.py

@@ -30,42 +30,20 @@ def clear_output():
     return "", ""
 
 # Create the Gradio interface
-iface = gr.Interface(
-    fn=generate_random_sites,  # Function to call
-    inputs=None,               # No input needed
-    outputs=[gr.Textbox(label="Link"), gr.Textbox(label="Description")],  # Output type: text (for the link and description)
-    title="10 Random Interesting Sites",
-    description="Click the button to generate 10 random interesting sites with descriptions.",
-    live=False,                # The interface is not live
-    examples=[[]],             # No examples needed
-    css="""
-    body {
-        background-color: #f0f8ff;
-        font-family: 'Arial', sans-serif;
-    }
-    .gradio-container {
-        max-width: 600px;
-        margin: 0 auto;
-        padding: 20px;
-        border-radius: 10px;
-        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-    }
-    .gradio-button {
-        background-color: #4CAF50;
-        color: white;
-        padding: 10px 20px;
-        border: none;
-        border-radius: 5px;
-        cursor: pointer;
-    }
-    .gradio-button:hover {
-        background-color: #45a049;
-    }
-    """
-)
-
-# Add a "Clear" button
-iface.add_button("Clear", clear_output, outputs=[gr.Textbox(label="Link"), gr.Textbox(label="Description")])
+with gr.Blocks() as iface:
+    gr.Markdown("# 10 Random Interesting Sites")
+    gr.Markdown("Click the button to generate 10 random interesting sites with descriptions.")
+    
+    with gr.Row():
+        btn_generate = gr.Button("Generate Sites")
+        btn_clear = gr.Button("Clear")
+    
+    with gr.Row():
+        link_output = gr.Textbox(label="Link")
+        description_output = gr.Textbox(label="Description")
+    
+    btn_generate.click(generate_random_sites, outputs=[link_output, description_output])
+    btn_clear.click(clear_output, outputs=[link_output, description_output])
 
 # Launch the interface
 iface.launch()