Mmdv2 commited on
Commit
cfb12a5
·
verified ·
1 Parent(s): 9c7dd94

Update app.py from anycoder

Browse files
Files changed (1) hide show
  1. app.py +63 -21
app.py CHANGED
@@ -8,37 +8,46 @@ def process_text(input_text):
8
  with gr.Blocks() as demo:
9
  # هدر زیبا با لینک به Anycoder
10
  gr.Markdown(
11
- "# 🚀 برنامه پردازش متن\n\n"
12
- "**ساخته شده با [Anycoder](https://huggingface.co/spaces/akhaliq/anycoder)**"
 
 
 
 
 
 
 
 
 
13
  )
14
 
15
  with gr.Row():
16
- with gr.Column():
17
- # ورودی با طراحی زیبا
18
  input_component = gr.Textbox(
19
- label="متن خود را وارد کنید",
20
  placeholder="اینجا تایپ کنید...",
21
  lines=3
22
  )
23
 
24
- with gr.Column():
25
  # خروجی با طراحی زیبا
26
  output_component = gr.Textbox(
27
- label="نتیجه پردازش",
28
  interactive=False
29
  )
30
 
31
- # دکمه با طراحی مدرن
32
- process_btn = gr.Button("🔄 پردازش کن", variant="primary")
33
 
34
- # اضافه کردن مثاله‌ای مفید
35
  examples = gr.Examples(
36
  examples=[
37
- ["سلام، چطوری؟"],
38
- ["امروز هوا قشنگه"],
39
- ["برنامه‌نویسی با پایتون لذت بخشه"],
40
- inputs=[input_component]
41
- )
42
 
43
  # اتصال رویداد با سینتکس Gradio 6
44
  process_btn.click(
@@ -49,13 +58,46 @@ with gr.Blocks() as demo:
49
  )
50
 
51
  # Gradio 6 - تمام پارامترهای برنامه در launch() قرار می‌گیرند!
52
- # استفاده از تم Soft برای طراحی مدرن و دوستانه
53
  demo.launch(
54
- theme=gr.themes.Soft(
55
- primary_hue="blue",
56
- secondary_hue="indigo",
57
  neutral_hue="slate",
58
  font=gr.themes.GoogleFont("Vazirmatn"),
59
- text_size="lg",
60
  spacing_size="lg",
61
- )
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8
  with gr.Blocks() as demo:
9
  # هدر زیبا با لینک به Anycoder
10
  gr.Markdown(
11
+ """
12
+ <div style="text-align: center; padding: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 15px; margin-bottom: 20px;">
13
+ <h1 style="color: white; margin: 0;">🚀 برنامه پردازش متن حرفه‌ای</h1>
14
+ <p style="color: white; opacity: 0.9; margin: 10px 0;">
15
+ برنامه‌ای قدرتمند برای پردازش و آنالیز متن
16
+ </p>
17
+ <a href="https://huggingface.co/spaces/akhaliq/anycoder"
18
+ style="color: #ffeb3b; text-decoration: none; font-weight: bold;"
19
+ target="_blank">ساخته شده با Anycoder</a>
20
+ </div>
21
+ """
22
  )
23
 
24
  with gr.Row():
25
+ with gr.Column(scale=1):
26
+ # ورودی با طراحی زیبا و مدرن
27
  input_component = gr.Textbox(
28
+ label="📝 متن خود را وارد کنید",
29
  placeholder="اینجا تایپ کنید...",
30
  lines=3
31
  )
32
 
33
+ with gr.Column(scale=1):
34
  # خروجی با طراحی زیبا
35
  output_component = gr.Textbox(
36
+ label="نتیجه پردازش",
37
  interactive=False
38
  )
39
 
40
+ # دکمه با طراحی مدرن و حرفه‌ای
41
+ process_btn = gr.Button("🔄 پردازش کن", variant="primary", size="lg")
42
 
43
+ # اضافه کردن مثال‌های مفید با طراحی زیبا
44
  examples = gr.Examples(
45
  examples=[
46
+ ["سلام، چطوری؟ امروز چیکار داری؟"],
47
+ ["هوا واقعاً عالیه، می‌خوام برم بیرون..."],
48
+ ["پایتون بهترین زبان برنامه‌نویسیه! "],
49
+ inputs=[input_component],
50
+ label="📚 مثال‌های آماده")
51
 
52
  # اتصال رویداد با سینتکس Gradio 6
53
  process_btn.click(
 
58
  )
59
 
60
  # Gradio 6 - تمام پارامترهای برنامه در launch() قرار می‌گیرند!
 
61
  demo.launch(
62
+ theme=gr.themes.Glass(
63
+ primary_hue="purple",
64
+ secondary_hue="pink",
65
  neutral_hue="slate",
66
  font=gr.themes.GoogleFont("Vazirmatn"),
67
+ text_size="xl",
68
  spacing_size="lg",
69
+ radius_size="lg"
70
+ ).set(
71
+ button_primary_background_fill="*primary_600",
72
+ button_primary_background_fill_hover="*primary_700",
73
+ block_title_text_weight="700",
74
+ block_label_text_weight="600"
75
+ ),
76
+ footer_links=[
77
+ {"label": "📊 API", "url": "#"},
78
+ {"label": "� Gradio", "url": "https://www.gradio.app/"),
79
+ {"label": "⚙ تنظیمات", "url": "#"}
80
+ ]
81
+ )
82
+
83
+ این کد شامل ویژگی‌های زیر است:
84
+
85
+ 🎨 **تم زیبا و مدرن**: Glass با افکت شیشه‌ای
86
+ 🌈 **رنگ‌بندی حرفه‌ای**: آبی-بنفش و صورتی
87
+ 📱 **طراحی واکنش‌گرا** با سایز مناسب
88
+ ✨ **گرادیانت رنگی** در هدر برای جلوه بصری بهتر
89
+ 🔗 **لینک به Anycoder** در هدر به‌صورت زیبا
90
+ ✅ **دکمه‌های حرفه‌ای** با رنگ اصلی و افکت hover
91
+ 📝 **مثال‌های کاربردی** با طراحی زیبا
92
+
93
+ برای اجرا و استفاده:
94
+ 1. فایل `app.py` را ذخیره کنید
95
+ 2. در ترمینال اجرا کنید: `python app.py`
96
+ 3. برنامه به‌صورت خودکار در مرورگر باز می‌شود
97
+
98
+ **ویژگی‌های طراحی مدرن:**
99
+ - تم Glass با افکت شیشه‌ای
100
+ - رنگ‌های بنفش و صورتی
101
+ - فونت Vazirmatn برای زبان فارسی
102
+ - سایز متن بزرگ و خوانا
103
+ - فاصله‌های مناسب برای UX بهتر