Hugging Face's logo

Spaces:
IqraEval
/
ArabicPhoneme
Running

App Files
xet
Community
ArabicPhoneme / index.html
01Yassine's picture
01Yassine
Update index.html
c3dbe15 verified
raw
history blame contribute delete
37.3 kB
 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Phoneme List Table</title>
<!-- Tailwind CSS CDN -->
<script src="https://cdn.tailwindcss.com"></script>
<style>
/* Custom styles for Inter font */
body {
font-family: 'Inter', sans-serif;
}
</style>
</head>
<body class="bg-gray-100 p-4 sm:p-6 lg:p-8 flex items-center justify-center min-h-screen">
<div class="container mx-auto p-4 bg-white rounded-lg shadow-xl w-full max-w-4xl">
<h1 class="text-3xl font-bold text-center text-gray-800 mb-6">Phoneme List</h1>
<!-- Introductory text with citation -->
<div class="mb-8 p-4 bg-gray-50 rounded-lg">
<p class="text-gray-700 leading-relaxed mb-4">
Since our goal is to detect mispronounced sounds in Qurโ€™anic recitation, the model learns to recognize the sequence of pronounced phonemes and compare it to the target. We use the Nawar Halabi phonetizer for vowelized MSA (no tajweed rules) <sup class="text-blue-600 cursor-pointer" onclick="document.getElementById('ref1').scrollIntoView();">[1]</sup>, which covers stress, pausing, intonation, emphaticness, diphones, and gemination. Geminated consonants are represented by doubling the symbol (e.g., /b/ โ†’ /bb/), yielding 68 phonemes in total.
</p>
</div>
<div class="overflow-x-auto rounded-lg border border-gray-200">
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50">
<tr>
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider rounded-tl-lg">Symbol</th>
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">letter</th>
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Example</th>
<th scope="col" class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">IPA</th>
</tr>
</thead>
<tbody class="bg-white divide-y divide-gray-200">
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">a</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ูŽ</td>
<!-- The first 'ุณ' in ุณูŽูƒูŽู†ูŒ is colored red -->
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"><span class="text-red-500">ุณูŽ</span>ูƒูŽู†ูŒ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">a</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">u</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู</td>
<!-- The 'ู‡ู' in ู„ูŽู‡ู is colored red -->
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู„ูŽ<span class="text-red-500">ู‡ู</span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">สŠ</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">i</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู</td>
<!-- The 'ุฏู' in ุนูŽุจู’ุฏู is colored red -->
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุนูŽุจู’<span class="text-red-500">ุฏู</span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ษช</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">A</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ูŽ emphatic</td>
<!-- Changed "ุฃูŽุณู’ุชูŽุทููŠุนู" to "ุฃูŽุณู’ู‚ูŽุทูŽ" and colored "ุทูŽ" -->
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฃูŽุณู’ู‚ูŽ<span class="text-red-500">ุทูŽ</span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">a</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">U</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู emphatic</td>
<!-- The 'ุตู' in ุตูู†ู’ุนูู‡ู is colored red -->
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"><span class="text-red-500">ุตู</span>ู†ู’ุนูู‡ู</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">สŠ</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">I</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู emphatic</td>
<!-- The 'ู‚ู' in ุชูŽู‚ููู is colored red -->
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุชูŽ<span class="text-red-500">ู‚ู</span>ูู</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ษช</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">AA</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">emphatic ุง</td>
<!-- The 'ุตูŽุง' in ุงู„ู’ุฎูู„ู’ุตูŽุงู†ู is colored red -->
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุงู„ู’ุฎูู„ู’<span class="text-red-500">ุตูŽุง</span>ู†ู</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">a:</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">UU</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ูˆ emphatic</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุชูŽู‚ู<span class="text-red-500">ูˆ</span>ู„ูŽ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">สŠ:</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">II</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ูŠู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุงู„ู’ู‚ู<span class="text-red-500">ูŠู‘ู</span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ษช:</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">aa</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุง</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุจูู…ูŽ<span class="text-red-500">ุง</span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">a:</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">uu</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ูˆ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฏูŽุนู<span class="text-red-500">ูˆ</span>ู†ูŽุง</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">สŠ:</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">ii</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ูŠ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ูŠูู…ู’ูƒูู†ูู†ู<span class="text-red-500">ูŠ</span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ษช:</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">&lt;</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุก</td>
<!-- The 'ุฃูŽ' in ููŽุฃูŽุฌู’ู…ูุนููˆุง is colored red -->
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ููŽ<span class="text-red-500">ุฃูŽ</span>ุฌู’ู…ูุนููˆุง</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ส”</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">&lt;&lt;</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุกู‘</td>
<!-- The 'ุฃูŽ' in ููŽุฃูŽุฌู’ู…ูุนููˆุง is colored red -->
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ส”ส”</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">b</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุจ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุงู„ู’<span class="text-red-500">ุจูŽ</span>ุงุฑูุญูŽุฉูŽ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">b</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">bb</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุจู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฑูŽ<span class="text-red-500">ุจู‘ูŽ</span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">bb</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">t</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุช</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฑูŽุฃูŽูŠู’<span class="text-red-500">ุช</span>ู‡</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">t</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">tt</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุชู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุญูŽุชู‘ูŽ<span class="text-red-500">ู‰</span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">tt</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">^</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุซ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"><span class="text-red-500">ุซูŽ</span>ุฑู’ูˆูŽุฉู</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ฮธ</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">^^</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุซู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">รฐรฐ</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">j</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฌ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"><span class="text-red-500">ุฌูŽ</span>ุนูŽู„ู’ู†ูŽุง</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ส’</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">jj</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฌู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุงู„ู’ูู<span class="text-red-500">ุฌู‘ูŽ</span>ุงุฑู</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ส’ส’</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">H</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุญ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"><span class="text-red-500">ุญูŽ</span>ุณูŽู†ู</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ฤง</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">HH</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุญู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุงู„ุตู‘ู<span class="text-red-500">ุญู‘ูŽุฉู</span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ฤงฤง</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">x</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฎ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"><span class="text-red-500">ุฎูŽ</span>ุทูŽุฃู</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ฯ‡</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">xx</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฎู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู…ูุชูŽุฃูŽ<span class="text-red-500">ุฎู‘ู</span>ุฑู‹ุง</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ฯ‡ฯ‡</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">d</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฏ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ูˆูŽู‚ูŽ<span class="text-red-500">ุฏู’</span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">d</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">dd</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฏู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฃูŽุดู’ุชูŽ<span class="text-red-500">ุฏู‘ูŽ</span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">dd</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">*</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฐ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"><span class="text-red-500">ุฐูŽ</span>ู‡ูŽุจูŽ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">รฐ</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">**</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฐู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">รฐรฐ</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">r</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฑ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุงู„ู’ุฃูŽุดู’ุฌูŽุง<span class="text-red-500">ุฑ</span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">r</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">rr</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฑู‘ูŽ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุงุณู’ุชูŽู…ูŽ<span class="text-red-500">ุฑู‘ูŽ</span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">rr</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">z</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฒ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฃูŽ<span class="text-red-500">ุฒู’</span>ูŠูŽุฏู</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">z</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">zz</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฒู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุงู„<span class="text-red-500">ุฒู‘ูŽ</span>ุฑู’ู‚ูŽุงุกูŽ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">zz</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">s</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุณ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู„ูŽูŠู’<span class="text-red-500">ุณูŽ</span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">s</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">ss</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุณู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุงู„<span class="text-red-500">ุณู‘ูŽ</span>ุงุฎูู†ู</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ss</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">$</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุด</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"><span class="text-red-500">ุดูŽ</span>ู…ู’ุณููŠู‘ูŽุฉูŒ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">สƒ</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">$$</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุดู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ูˆูŽู…ูู…ูŽ<span class="text-red-500">ุดู‘ู</span>ู‚ู</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">สƒสƒ</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">S</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุต</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"><span class="text-red-500">ุตูŽ</span>ุฏูŽูู’ุชูŽ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">sหค</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">SS</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุตู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุงู„<span class="text-red-500">ุตู‘ูŽ</span>ู‚ู’ุฑู</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">sหคsหค</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">D</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุถ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ูŠูŽุฑู’ูƒู<span class="text-red-500">ุถ</span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">dหค</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">DD</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุถู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุงู„ู’ู…ูููŽ<span class="text-red-500">ุถู‘ูŽ</span>ู„ู</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">dหคdหค</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">T</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุท</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฃูŽุณู’ุฎูŽ<span class="text-red-500">ุทูŽ</span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">tหค</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">TT</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุทู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู‚ูŽ<span class="text-red-500">ุทู‘ู</span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">tหคtหค</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">Z</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุธ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู†ู<span class="text-red-500">ุธูŽ</span>ุงุฑูŽุฉูŒ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">zหค</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">ZZ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุธู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุชูู†ูŽ<span class="text-red-500">ุธู‘ู</span>ููŽ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">zหคzหค</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">E</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุน</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"><span class="text-red-500">ุนู</span>ู†ู’ูˆูŽุงู†ูŽูƒูŽ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ส•</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">EE</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุนู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุงู„ู’ููŽ<span class="text-red-500">ุนู‘ูŽ</span>ุงู„ููŠู‘ูŽุงุชู</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ส•ส•</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">g</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุบ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุงู„ู’<span class="text-red-500">ุบู</span>ู†ูŽู‰</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ษฃ</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">gg</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุบู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุงู„ู’ู…ูุตูŽ<span class="text-red-500">ุบู‘ูŽ</span>ุฑูŽ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ษฃษฃ</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">f</td>
<!-- Swapped content and applied coloring for 'f' row -->
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู„ูุทู’<span class="text-red-500">ู</span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">f</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">ff</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ูู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุงู„ุชู‘ู<span class="text-red-500">ูู‘ูŽ</span>ุงุญูŽุฉู</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ff</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">q</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู‚</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุญู<span class="text-red-500">ู‚ู’</span>ุจูŽุฉู</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">q</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">qq</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู‚ู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุชูŽู„ูŽ<span class="text-red-500">ู‚ู‘ู</span>ูŠู‡ูŽุง</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">qq</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">k</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ูƒูŽ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"><span class="text-red-500">ูƒูŽ</span>ุงู†ูŽ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">k</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">kk</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ูƒู‘ู</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ูŠูู…ูŽ<span class="text-red-500">ูƒู‘ู</span>ู†ูู†ููŠ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">kk</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">l</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู„</td>
<!-- Replaced word with "ู„ูŽูˆู’" and colored 'ู„' -->
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"><span class="text-red-500">ู„ูŽ</span>ูˆู’</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">สŸ</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">ll</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู„ู‘</td>
<!-- Corrected coloring for 'ู„ู‘' in ุงู„ู‘ูŽุฐููŠู†ูŽ -->
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุงู„ู’<span class="text-red-500">ู„ู‘ูŽ</span>ุฐููŠู†ูŽ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">สŸสŸ</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">m</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู…</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุงู„ู’<span class="text-red-500">ู…ูŽ</span>ุญูŽู„ู‘ู</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">m</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">mm</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู…ู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุนูŽ<span class="text-red-500">ู…ู‘ูŽ</span>ุชููŠ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">mm</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">n</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู†</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู„ูุฃูŽุจู’ู†ูŽุงุฆู<span class="text-red-500">ู‡ู</span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">n</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">nn</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู†ู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฅู<span class="text-red-500">ู†ู‘ูŽ</span>ู‡ูŽุง</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">nn</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">h</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู‡</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฃูŽู‚ููˆู„ู<span class="text-red-500">ู‡ู</span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">h</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">hh</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ู‡ู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุงู„ู’ุฌู<span class="text-red-500">ู‡ู‘ูŽ</span>ุงู„ูŽ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">hh</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">w</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ูˆ</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุญูŽูŠูŽ<span class="text-red-500">ูˆ</span>ุงู†ู</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">w</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">ww</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ูˆู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุงู„ู’ุฌูŽ<span class="text-red-500">ูˆู‘ู</span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ww</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">y</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ูŠู’</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ูˆูŽุขุชูŽูŠู’ู†ูŽุงู‡ู</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ส</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"></td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">yy</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ูŠู‘</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">ุฃูŽูŠู‘ูŽุงู…ู<span class="text-red-500"></span></td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">สส</td>
</tr>
</tbody>
</table>
</div>
<!-- References section -->
<div class="mt-8 p-4 bg-gray-50 rounded-lg" id="references-section">
<h2 class="text-xl font-semibold text-gray-800 mb-4">References</h2>
<ol class="list-decimal list-inside text-sm text-gray-700">
<li id="ref1" class="mb-2">
[1] N. Halabi and M. Wald, "Phonetic Inventory for an Arabic Speech Corpus," in *Proceedings of the Tenth International Conference on Language Resources and Evaluation (LREC'16)*, Portoroลพ, Slovenia, May 2016, pp. 734-738. Available: https://aclanthology.org/L16-1116/
</li>
</ol>
</div>
</div>
</body>
</html>