Center text in app.py
Browse files
app.py
CHANGED
@@ -69,26 +69,42 @@ demo = gr.Interface(
|
|
69 |
inputs=gr.Audio(),
|
70 |
outputs=gr.Label(num_top_classes=5, label="Predicted Dialect"),
|
71 |
title="🎙️ Arabic Dialect Identification in Speech!",
|
72 |
-
|
73 |
-
|
74 |
-
|
75 |
-
|
76 |
-
|
77 |
-
|
78 |
-
|
79 |
-
|
80 |
-
|
81 |
-
|
82 |
-
|
83 |
-
|
84 |
-
|
85 |
-
|
86 |
-
|
87 |
-
|
88 |
-
|
89 |
-
|
90 |
-
|
91 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
92 |
examples=examples if examples else None,
|
93 |
cache_examples=False, # Disable caching to avoid issues
|
94 |
flagging_mode=None
|
|
|
69 |
inputs=gr.Audio(),
|
70 |
outputs=gr.Label(num_top_classes=5, label="Predicted Dialect"),
|
71 |
title="🎙️ Arabic Dialect Identification in Speech!",
|
72 |
+
description="""
|
73 |
+
<div style="text-align: center; max-width: 800px; margin: 0 auto; padding: 20px;">
|
74 |
+
<p style="font-size: 16px; line-height: 1.6;">
|
75 |
+
Use this AI speech model to identify five major Arabic varieties from just a short audio clip.
|
76 |
+
</p>
|
77 |
+
<br>
|
78 |
+
<p style="font-size: 15px; line-height: 1.8;">
|
79 |
+
<strong>The following Arabic language varieties are supported:</strong>
|
80 |
+
<br><br>
|
81 |
+
✦ <strong>Modern Standard Arabic (MSA)</strong> - The formal language of media and education
|
82 |
+
<br>
|
83 |
+
✦ <strong>Egyptian Arabic</strong> - The dialect of Cairo, Alexandria, and popular Arabic cinema
|
84 |
+
<br>
|
85 |
+
✦ <strong>Gulf Arabic</strong> - Spoken across Saudi Arabia, UAE, Kuwait, Qatar, Bahrain, and Oman
|
86 |
+
<br>
|
87 |
+
✦ <strong>Levantine Arabic</strong> - The dialect of Syria, Lebanon, Jordan, and Palestine
|
88 |
+
<br>
|
89 |
+
✦ <strong>Maghrebi Arabic</strong> - The distinctive varieties of Morocco, Algeria, Tunisia, and Libya
|
90 |
+
</p>
|
91 |
+
<br>
|
92 |
+
<p style="font-size: 16px; color: #2563eb;">
|
93 |
+
Simply <strong>upload an audio file</strong> or <strong>record yourself speaking</strong> to see which dialect you match!
|
94 |
+
</p>
|
95 |
+
<p style="font-size: 14px; color: #6b7280;">
|
96 |
+
Perfect for language learners, linguistics enthusiasts, or anyone curious about Arabic language variation.
|
97 |
+
</p>
|
98 |
+
<br>
|
99 |
+
<p style="font-size: 13px;">
|
100 |
+
The demo is based on a Transformer model adapted for the ADI task
|
101 |
+
<a href="https://huggingface.co/badrex/mms-300m-arabic-dialect-identifier" style="color: #2563eb;">badrex/mms-300m-arabic-dialect-identifier</a>.
|
102 |
+
</p>
|
103 |
+
<p style="font-size: 13px;">
|
104 |
+
Developed with ❤️🤍💚 by <a href="https://badrex.github.io/" style="color: #2563eb;">Badr Alabsi</a>
|
105 |
+
</p>
|
106 |
+
</div>
|
107 |
+
""",
|
108 |
examples=examples if examples else None,
|
109 |
cache_examples=False, # Disable caching to avoid issues
|
110 |
flagging_mode=None
|