r0cketboy commited on
Commit
4eac628
ยท
verified ยท
1 Parent(s): c8c42fa

Upload folder using huggingface_hub

Browse files
Files changed (2) hide show
  1. app.py +65 -0
  2. 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