Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
|
@@ -212,21 +212,24 @@ with gr.Blocks(css=".gradio-container { max-width: 90% !important; }") as demo:
|
|
| 212 |
outputs=code_output,
|
| 213 |
)
|
| 214 |
|
| 215 |
-
|
| 216 |
-
gr.Examples(
|
| 217 |
-
|
| 218 |
-
|
| 219 |
-
|
| 220 |
-
|
| 221 |
-
|
| 222 |
-
|
| 223 |
-
|
| 224 |
-
|
| 225 |
-
|
| 226 |
-
|
| 227 |
-
|
| 228 |
-
|
| 229 |
-
|
|
|
|
|
|
|
|
|
|
| 230 |
inputs=[prompt_input, backend_radio, file_structure_radio],
|
| 231 |
label="Example Prompts (Aiming for Style)"
|
| 232 |
)
|
|
|
|
| 212 |
outputs=code_output,
|
| 213 |
)
|
| 214 |
|
| 215 |
+
# --- Examples ---
|
| 216 |
+
gr.Examples(
|
| 217 |
+
examples=[
|
| 218 |
+
["A simple counter page with a number display, an increment button, and a decrement button. Style the buttons nicely and center everything.", "Static", "Single File"],
|
| 219 |
+
["A responsive product grid for an e-commerce site. Each card needs an image, title, price, and 'Add to Cart' button with a hover effect. Use modern CSS.", "Static", "Multiple Files"],
|
| 220 |
+
["A personal blog homepage featuring a clean header with navigation, a main content area for post summaries (placeholders ok), and a simple footer. Use a nice font.", "Flask", "Multiple Files"],
|
| 221 |
+
["A 'Coming Soon' page with a large countdown timer (use JS), a background image, and an email signup form. Make it look sleek.", "Static", "Multiple Files"],
|
| 222 |
+
["A to-do list app with add, edit, and delete features. Use JavaScript for interactivity. Save data in localStorage.", "Static", "Single File"],
|
| 223 |
+
["A weather dashboard that fetches current weather using an API and shows it with icons. Style with CSS grid.", "Static", "Multiple Files"],
|
| 224 |
+
["A personal portfolio site with a hero section, skills, project gallery, and contact form. Add animations using AOS or GSAP.", "Static", "Multiple Files"],
|
| 225 |
+
["A freelancer portfolio template with service cards, testimonials, and pricing sections. Use Tailwind CSS.", "Static", "Multiple Files"],
|
| 226 |
+
["A real-time chat web app using Flask-SocketIO. Basic login and support for multiple rooms.", "Flask", "Multiple Files"],
|
| 227 |
+
["A quiz app with multiple-choice questions, score tracking, and a final result page. Use JS to manage quiz logic.", "Static", "Single File"],
|
| 228 |
+
["A modern developer portfolio with sections for resume download, tech stack icons, GitHub activity, and a dark mode toggle.", "Static", "Multiple Files"]
|
| 229 |
+
],
|
| 230 |
+
inputs=[prompt_input, backend_radio, file_structure_radio],
|
| 231 |
+
label="Example Prompts (Aiming for Style)"
|
| 232 |
+
)
|
| 233 |
inputs=[prompt_input, backend_radio, file_structure_radio],
|
| 234 |
label="Example Prompts (Aiming for Style)"
|
| 235 |
)
|