badrex commited on
Commit
f3942ba
·
verified ·
1 Parent(s): bd937e1

Center text in app.py

Browse files
Files changed (1) hide show
  1. app.py +36 -20
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
- description="""
73
- Use this AI speech model to identify five major Arabic varieties from just a short audio clip.
74
-
75
- The following Arabic language varieties are supported:
76
-
77
- ✦ Modern Standard Arabic (MSA) - The formal language of media and education
78
-
79
- Egyptian Arabic - The dialect of Cairo, Alexandria, and popular Arabic cinema
80
-
81
- Gulf Arabic - Spoken across Saudi Arabia, UAE, Kuwait, Qatar, Bahrain, and Oman
82
-
83
- Levantine Arabic - The dialect of Syria, Lebanon, Jordan, and Palestine
84
-
85
- Maghrebi Arabic - The distinctive varieties of Morocco, Algeria, Tunisia, and Libya
86
-
87
- Simply **upload an audio file** or **record yourself speaking** to see which dialect you match! Perfect for language learners, linguistics enthusiasts, or anyone curious about Arabic language variation.
88
-
89
- The demo is based on a Transformer model adapted for the ADI task [badrex/mms-300m-arabic-dialect-identifier](https://huggingface.co/badrex/mms-300m-arabic-dialect-identifier).
90
-
91
- Developed with ❤️🤍💚 by [Badr Alabsi](https://badrex.github.io/)""",
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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