Skip to content

Instantly share code, notes, and snippets.

@bjorn-ali-goransson

bjorn-ali-goransson/arabic-alphabet.htm

Created November 5, 2015 17:41
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bjorn-ali-goransson/0290498e86d46b332850 to your computer and use it in GitHub Desktop.
Save bjorn-ali-goransson/0290498e86d46b332850 to your computer and use it in GitHub Desktop.
Download ZIP
Generation of all arabic alphabet + harakah combinations in one A4
Raw
arabic-alphabet.htm
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link href='https://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
<style>
body,
td,
th {
font-family: Arial;
}
th,
td {
border: solid 1px #ddd;
}
th {
padding: 0 10px;
font-weight: normal;
}
td {
padding: 5px 10px;
}
table {
border-collapse: collapse;
}
transliteration {
display: block;
font-size: 8px;
}
text {
display: block;
text-align: center;
font-size: 24px;
font-family: 'Droid Sans';
direction: rtl;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th colspan="4">Sukon</th>
<th colspan="4">Damma</th>
<th colspan="4">Kasra</th>
<th colspan="4">Fat ha</th>
</tr>
<tr class="small">
<th>Slutet</th>
<th>Mitten</th>
<th>Början</th>
<th>Ensam</th>
<th>Slutet</th>
<th>Mitten</th>
<th>Början</th>
<th>Ensam</th>
<th>Slutet</th>
<th>Mitten</th>
<th>Början</th>
<th>Ensam</th>
<th>Slutet</th>
<th>Mitten</th>
<th>Början</th>
<th>Ensam</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td><transliteration>i</transliteration><text>ـِا</text></td>
<td></td>
<td></td>
<td><transliteration>i</transliteration><text>اِ</text></td>
<td><transliteration>aa</transliteration><text>ـَا</text></td>
<td></td>
<td></td>
<td><transliteration>aa</transliteration><text>اَ</text></td>
</tr>
<tr propagate><td><transliteration>b</transliteration><text>ب</text></td></tr>
<tr propagate><td><transliteration>t</transliteration><text>ت</text></td></tr>
<tr propagate><td><transliteration>th</transliteration><text>ث</text></td></tr>
<tr propagate><td><transliteration>j</transliteration><text>ج</text></td></tr>
<tr propagate><td><transliteration>h</transliteration><text>ح</text></td></tr>
<tr propagate><td><transliteration>kh</transliteration><text>خ</text></td></tr>
<tr propagate-final><td><transliteration>d</transliteration><text>د</text></td></tr>
<tr propagate-final><td><transliteration>dh</transliteration><text>ذ</text></td></tr>
<tr propagate-final><td><transliteration>r</transliteration><text>ر</text></td></tr>
<tr propagate-final><td><transliteration>z</transliteration><text>ز</text></td></tr>
<tr propagate><td><transliteration>s</transliteration><text>س</text></td></tr>
<tr propagate><td><transliteration>sh</transliteration><text>ش</text></td></tr>
<tr propagate><td><transliteration>s</transliteration><text>ص</text></td></tr>
<tr propagate><td><transliteration>d</transliteration><text>ض</text></td></tr>
<tr propagate><td><transliteration>t</transliteration><text>ط</text></td></tr>
<tr propagate><td><transliteration>z</transliteration><text>ظ</text></td></tr>
<tr propagate><td><transliteration>'</transliteration><text>ع</text></td></tr>
<tr propagate><td><transliteration>gh</transliteration><text>غ</text></td></tr>
<tr propagate><td><transliteration>f</transliteration><text>ف</text></td></tr>
<tr propagate><td><transliteration>q</transliteration><text>ق</text></td></tr>
<tr propagate><td><transliteration>k</transliteration><text>ك</text></td></tr>
<tr propagate><td><transliteration>l</transliteration><text>ل</text></td></tr>
<tr propagate><td><transliteration>m</transliteration><text>م</text></td></tr>
<tr propagate><td><transliteration>n</transliteration><text>ن</text></td></tr>
<tr propagate><td><transliteration>h</transliteration><text>ه</text></td></tr>
<tr>
<td><transliteration>w</transliteration><text>ــوْ</text></td>
<td></td>
<td></td>
<td><transliteration>w</transliteration><text>وْ</text></td>
<td><transliteration>wo</transliteration><text>ــوُ</text></td>
<td></td>
<td></td>
<td><transliteration>wo</transliteration><text>وُ</text></td>
<td><transliteration>wi</transliteration><text>ــوِ</text></td>
<td></td>
<td></td>
<td><transliteration>wi</transliteration><text>وِ</text></td>
<td><transliteration>wa</transliteration><text>ــوَ</text></td>
<td></td>
<td></td>
<td><transliteration>wa</transliteration><text>وَ</text></td>
</tr>
<tr>
<td><transliteration>oo</transliteration><text>ُــوْ</text></td>
<td></td>
<td></td>
<td><transliteration>oo</transliteration><text>ُ&nbsp;وْ</text></td>
<td><transliteration>oowo</transliteration><text>ُــوُ</text></td>
<td></td>
<td></td>
<td><transliteration>oowo</transliteration><text>ُ&nbsp;وُ</text></td>
<td><transliteration>oowi</transliteration><text>ُــوِ</text></td>
<td></td>
<td></td>
<td><transliteration>oowi</transliteration><text>ُ&nbsp;وِ</text></td>
<td><transliteration>oowa</transliteration><text>ُــوَ</text></td>
<td></td>
<td></td>
<td><transliteration>oowa</transliteration><text>ُ&nbsp;وَ</text></td>
</tr>
<tr>
<td><transliteration>y</transliteration><text>ــيْ</text></td>
<td><transliteration>y</transliteration><text>ــيْــ</text></td>
<td><transliteration>y</transliteration><text>يْــ</text></td>
<td><transliteration>y</transliteration><text>يْ</text></td>
<td><transliteration>yo</transliteration><text>ــيُ</text></td>
<td><transliteration>yo</transliteration><text>ــيُــ</text></td>
<td><transliteration>yo</transliteration><text>يُــ</text></td>
<td><transliteration>yo</transliteration><text>يُ</text></td>
<td><transliteration>yi</transliteration><text>ــيِ</text></td>
<td><transliteration>yi</transliteration><text>ــيِــ</text></td>
<td><transliteration>yi</transliteration><text>يِــ</text></td>
<td><transliteration>yi</transliteration><text>يِ</text></td>
<td><transliteration>ya</transliteration><text>ــيَ</text></td>
<td><transliteration>ya</transliteration><text>ــيَــ</text></td>
<td><transliteration>ya</transliteration><text>يَــ</text></td>
<td><transliteration>ya</transliteration><text>يَ</text></td>
</tr>
<tr>
<td><transliteration>ii</transliteration><text>ِــيْ</text></td>
<td><transliteration>ii</transliteration><text>ِــيْــ</text></td>
<td><transliteration>ii</transliteration><text>ِ&nbsp;يْــ</text></td>
<td><transliteration>ii</transliteration><text>ِ&nbsp;يْ</text></td>
<td><transliteration>iiyo</transliteration><text>ِــيُ</text></td>
<td><transliteration>iiyo</transliteration><text>ِــيُــ</text></td>
<td><transliteration>iiyo</transliteration><text>ِ&nbsp;يُــ</text></td>
<td><transliteration>iiyo</transliteration><text>ِ&nbsp;يُ</text></td>
<td><transliteration>iiyi</transliteration><text>ِــيِ</text></td>
<td><transliteration>iiyi</transliteration><text>ِــيِــ</text></td>
<td><transliteration>iiyi</transliteration><text>ِ&nbsp;يِــ</text></td>
<td><transliteration>iiyi</transliteration><text>ِ&nbsp;يِ</text></td>
<td><transliteration>iiya</transliteration><text>ِــيَ</text></td>
<td><transliteration>iiya</transliteration><text>ِــيَــ</text></td>
<td><transliteration>iiya</transliteration><text>ِ&nbsp;يَــ</text></td>
<td><transliteration>iiya</transliteration><text>ِ&nbsp;يَ</text></td>
</tr>
</tbody>
</table>
<script>
var tatwil = '\u0640\u0640';
$('tr[propagate]').each(function(){
var row = $(this);
var cell = row.children().remove();
var transliteration = cell.children('transliteration').text();
var text = cell.children('text').text();
$.each([{letter: 'a', haraka: '\u064e'}, {letter: 'i', haraka: '\u0650'}, {letter: 'o', haraka: '\u064f'}, {letter: '', haraka: '\u0652'}], function(i, obj){
row.prepend(
'<td>' +
'<transliteration>' + transliteration + obj.letter + '</transliteration>' +
'<text>' + text + obj.haraka + '</text>' +
'</td>'
);
row.prepend(
'<td>' +
'<transliteration>' + transliteration + obj.letter + '</transliteration>' +
'<text>' + text + obj.haraka + tatwil + '</text>' +
'</td>'
);
row.prepend(
'<td>' +
'<transliteration>' + transliteration + obj.letter + '</transliteration>' +
'<text>' + tatwil + text + obj.haraka + tatwil + '</text>' +
'</td>'
);
row.prepend(
'<td>' +
'<transliteration>' + transliteration + obj.letter + '</transliteration>' +
'<text>' + tatwil + text + obj.haraka + '</text>' +
'</td>'
);
});
});
$('tr[propagate-final]').each(function(){
var row = $(this);
var cell = row.children().remove();
var transliteration = cell.children('transliteration').text();
var text = cell.children('text').text();
$.each([{letter: 'a', haraka: '\u064e'}, {letter: 'i', haraka: '\u0650'}, {letter: 'o', haraka: '\u064f'}, {letter: '', haraka: '\u0652'}], function(i, obj){
row.prepend(
'<td>' +
'<transliteration>' + transliteration + obj.letter + '</transliteration>' +
'<text>' + text + obj.haraka + '</text>' +
'</td>'
);
row.prepend('<td></td>');
row.prepend('<td></td>');
row.prepend(
'<td>' +
'<transliteration>' + transliteration + obj.letter + '</transliteration>' +
'<text>' + tatwil + text + obj.haraka + '</text>' +
'</td>'
);
});
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment