| import gradio as gr |
|
|
| |
| |
| |
| YOUR_USERNAME = "fadimari" |
| |
|
|
| ACCURATE_URL = f"https://huggingface.co/spaces/{YOUR_USERNAME}/tashkeel-accurate" |
| FAST_URL = f"https://huggingface.co/spaces/{YOUR_USERNAME}/tashkeel-fast" |
|
|
| CSS = """ |
| body { background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); } |
| .gradio-container { max-width: 800px !important; margin-top: 50px !important; } |
| .card-link { |
| display: block; padding: 2.5rem; background: #ffffff; |
| border-radius: 15px; border: 1px solid #e0e0e0; text-decoration: none; |
| color: #333; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.05); |
| margin-bottom: 1.5rem; text-align: right; direction: rtl; |
| } |
| .card-link:hover { |
| transform: translateY(-5px); box-shadow: 0 8px 25px rgba(102, 126, 234, 0.2); |
| border-color: #667eea; |
| } |
| .card-link h3 { |
| margin-top: 0; margin-bottom: 0.5rem; font-size: 1.75rem; color: #667eea; |
| } |
| .card-link p { font-size: 1rem; color: #555; line-height: 1.6; } |
| .card-link .badge { |
| padding: 5px 12px; border-radius: 20px; font-weight: bold; |
| font-size: 0.9rem; margin-right: 8px; display: inline-block; margin-top: 5px; |
| } |
| .badge-green { background-color: #e6f7ec; color: #28a745; } |
| .badge-orange { background-color: #fff4e6; color: #ff9800; } |
| .badge-red { background-color: #ffebee; color: #e74c3c; } |
| """ |
|
|
| with gr.Blocks(theme=gr.themes.Soft(), css=CSS, title="أدوات تشكيل روز") as demo: |
| |
| gr.Markdown(""" |
| <div style="text-align: center; direction: rtl;"> |
| <h1 style="color: #4a5568;">🌸 روز لتشكيل النصوص</h1> |
| <p style="font-size: 1.2rem; color: #718096;"> |
| للطالبة: روز مرعي | الصف السادس (دولي) |
| </p> |
| <p style="font-size: 1.1rem; color: #555;"> |
| اختر الأداة المناسبة حسب احتياجك: |
| </p> |
| </div> |
| """) |
| |
| with gr.Column(): |
| |
| gr.HTML(f""" |
| <a href="{ACCURATE_URL}" class="card-link" target="_blank"> |
| <h3>🚀 النموذج الدقيق </h3> |
| <p> |
| <span class="badge badge-green">الدقة: 98%</span> |
| <span class="badge badge-red">السرعة: بطيء (20-30 ثانية)</span> |
| </p> |
| <p>استخدم هذا الخيار عندما تريد أفضل تشكيل ممكن، وعليك الانتظار قليلاً.</p> |
| </a> |
| """) |
|
|
| |
| gr.HTML(f""" |
| <a href="{FAST_URL}" class="card-link" target="_blank"> |
| <h3>💨 النموذج السريع </h3> |
| <p> |
| <span class="badge badge-orange">الدقة: 88%</span> |
| <span class="badge badge-green">السرعة: سريع (5-10 ثوانٍ)</span> |
| </p> |
| <p>استخدم هذا الخيار إذا كنت تريد تشكيلاً فورياً.</p> |
| </a> |
| """) |
| |
| |
| with gr.Row(): |
| gr.Markdown("<div style='text-align: center; margin-top: 20px; color: #aaa; font-size: 0.9rem;'> يعتمد على نماذج الذكاء الاصطناعي © 2025 تم التطوير بواسطة روز مرعي </div>") |
|
|
| demo.launch() |
