Spaces:
Sleeping
Sleeping
Upload folder using huggingface_hub
Browse files- app.py +65 -0
- requirements.txt +3 -0
app.py
ADDED
|
@@ -0,0 +1,65 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
import gradio as gr
|
| 2 |
+
|
| 3 |
+
with gr.Blocks() as demo:
|
| 4 |
+
gr.Markdown(
|
| 5 |
+
"""
|
| 6 |
+
<div style="text-align: center; margin-bottom: 20px;">
|
| 7 |
+
<h1>๐ Information Display</h1>
|
| 8 |
+
<p>Two information boxes centered on screen</p>
|
| 9 |
+
<p style="font-size: 0.9em; color: #666;">
|
| 10 |
+
<a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank" style="color: #6366f1; text-decoration: none;">
|
| 11 |
+
Built with anycoder
|
| 12 |
+
</a>
|
| 13 |
+
</p>
|
| 14 |
+
</div>
|
| 15 |
+
"""
|
| 16 |
+
)
|
| 17 |
+
|
| 18 |
+
with gr.Row():
|
| 19 |
+
gr.Column(scale=1)
|
| 20 |
+
|
| 21 |
+
with gr.Column(scale=2):
|
| 22 |
+
with gr.Group():
|
| 23 |
+
gr.Markdown(
|
| 24 |
+
"""
|
| 25 |
+
## ๐ Information Box 1
|
| 26 |
+
|
| 27 |
+
This is the first information box. It contains important details
|
| 28 |
+
that you want to display to your users.
|
| 29 |
+
|
| 30 |
+
**Key Features:**
|
| 31 |
+
- Easy to read layout
|
| 32 |
+
- Clean design
|
| 33 |
+
- Responsive styling
|
| 34 |
+
"""
|
| 35 |
+
)
|
| 36 |
+
|
| 37 |
+
gr.Markdown("<br>")
|
| 38 |
+
|
| 39 |
+
with gr.Group():
|
| 40 |
+
gr.Markdown(
|
| 41 |
+
"""
|
| 42 |
+
## ๐ Information Box 2
|
| 43 |
+
|
| 44 |
+
This is the second information box. You can use it to show
|
| 45 |
+
additional content or complementary information.
|
| 46 |
+
|
| 47 |
+
**Benefits:**
|
| 48 |
+
- Organized content
|
| 49 |
+
- Visual separation
|
| 50 |
+
- Professional appearance
|
| 51 |
+
"""
|
| 52 |
+
)
|
| 53 |
+
|
| 54 |
+
gr.Column(scale=1)
|
| 55 |
+
|
| 56 |
+
demo.launch(
|
| 57 |
+
theme=gr.themes.Soft(
|
| 58 |
+
primary_hue="indigo",
|
| 59 |
+
secondary_hue="blue",
|
| 60 |
+
neutral_hue="slate"
|
| 61 |
+
),
|
| 62 |
+
footer_links=[
|
| 63 |
+
{"label": "Built with anycoder", "url": "https://huggingface.co/spaces/akhaliq/anycoder"}
|
| 64 |
+
]
|
| 65 |
+
)
|
requirements.txt
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
gradio>=6.0
|
| 2 |
+
requests
|
| 3 |
+
Pillow
|