Spaces:
Runtime error
Runtime error
Update app.py from anycoder
Browse files
app.py
CHANGED
|
@@ -8,37 +8,46 @@ def process_text(input_text):
|
|
| 8 |
with gr.Blocks() as demo:
|
| 9 |
# هدر زیبا با لینک به Anycoder
|
| 10 |
gr.Markdown(
|
| 11 |
-
"
|
| 12 |
-
"
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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.
|
| 55 |
-
primary_hue="
|
| 56 |
-
secondary_hue="
|
| 57 |
neutral_hue="slate",
|
| 58 |
font=gr.themes.GoogleFont("Vazirmatn"),
|
| 59 |
-
text_size="
|
| 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 بهتر
|