-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
83 lines (80 loc) · 5.72 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Judeo-Arabic Transliterator : ערביה יהודיה - الْعَرَبِيَّة </title>
<meta property="og:type" content="article" />
<meta property="og:title" content="ערביה יהודיה Judeo-Arabic ʿArabiya Yahūdiya عربية يهودية Transliterator" />
<meta property="og:image" content="Star_of_David.png" />
<meta property="og:description" content="ערביה יהודיה Judeo-Arabic ʿArabiya Yahūdiya عربية يهودية yhd – Judeo-Iraqi Arabic aju – Judeo-Moroccan Arabic yud – Judeo-Tripolitanian Arabic jye – Judeo-Yemeni Arabic" data-qmeta="keywords">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="Star_of_David.png">
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
<link href='https://fonts.googleapis.com/css?family=Noto Serif Hebrew' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Noto Rashi Hebrew' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Noto Naskh Arabic' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Noto Kufi Arabic' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Noto Nastaliq Urdu' rel='stylesheet'>
</head>
<body>
<div class="container">
<div class="wrapper">
<table class="tab">
<tr>
<td class="widthOfTab ">
<button class="tablinks" onclick="openTab(event, 'Judeo')" id="defaultOpen">ערביה יהודיה</button>
</td>
<td class="widthOfTab textArabic alignIcon">
<span class="tablinks arabicTab">عربية يهودية</span>
</td>
</tr>
</table>
<div class="text-input">
<div id="Judeo" class="tabcontent currentTab" dir="rtl">
<textarea spellcheck="false" id="textarea1" class="from-text" placeholder="Judeo-Arabic
יא אבאנא אלדי פי אלסמואת, יתׄקדס אסמך, תׄאתׄי מלכותׄך, תׄכון משיתך כסא פי אלסמא ועלי אלארץ, חבזנא אלדי ללעד אעטנא אליום, ואעפר לנא מא עלינו כמא נעפר נחן לםן לנא עליה, ולא תׄדחלנא אלתׄגארב, לכן נגנא מן אלשריר, לאן לך למלך ואלקות ואלמגד אלי אלאבד." dir="rtl" onkeyup="transliterate()"></textarea>
</div>
<div id="Arabic" class="arabicTabText" dir="rtl">
<textarea spellcheck="false" id="textarea2" readonly class="to-text" placeholder="عربية يهودية
يا ابانا لدي في السموات, يثقدس اسمك, ثاثي ملكوثك, ثكون مشيتك كسا في السما وعلي الارص, حبزناء الدي للعد اعطنا اليوم, واغفر لنا ما علينو كما نغفر نحن لمن لنا عليه, ولا ثدحلناء لثجارب, لكن نجنا من لشرير, لن لك لملك والقوت والمجد الي لابد." dir="rtl" onkeyup="transliterate()"></textarea>
</div>
</div>
<ul class="controls">
<li class="row from">
<div class="icons tooltip" onmousedown="show1()">
<i id="from" class="fas fa-copy" onclick="copyContent1()"></i>
<div id="tooltip1" onmouseout="hide()" class="tooltiptext">
<span class="judeoCopyText">Copy Transliteration text - Judeo-Arabic</span>
</div>
</div>
<div class="vocalised" id="vocalised" title="Vocalised Text in Arabic" onclick="vocalised()"> 🔊 </div>
<div class="hebrewFonts">
<img src="SerifHebrew.png" title="Serif Hebrew font type" alt="Serif Hebrew font type" width="20px" height="20px" onclick="loadSerifHebrew()"/>
<img src="Rashi.png" title="Rashi Hebrew font type" alt="Rashi Hebrew font type" width="25px" height="25px" onclick="loadRashi()"/>
</div>
</li>
<li class="row to">
<div class="arabicFonts">
<img src="Naskh.png" title="Naskh font type" alt="Naskh font type" width="30px" height="30x" onclick="loadNaskh()"/>
<img src="Kufi.png" title="Kufi font type" alt="Kufi font type" width="30px" height="30x" onclick="loadKufi()"/>
<img src="Nastaliq.png" title="Nastaliq font type" alt="Nastaliq font type" width="30px" height="30x" onclick="loadNastaliq()"/>
</div>
<div class="icons tooltip" onmousedown="show2()">
<i id="to" class="fas fa-copy" onclick="copyContent2()"></i>
<div id="tooltip2" onmouseout="hide()" class="tooltiptext">
<span class="textArabic">Copy Transliteration text - Arabic</span>
</div>
</div>
</li>
</ul>
</div>
<button onclick="transliterate()"><span class="footerArabic">عربية يهودية</span> | <span class="footerJudeo">ערביה יהודיה</span></button>
</div>
<div class="footerOfPage">
<img src="Judeo-Arabic-Flag.png" alt="ערביה יהודיה - World Scripts Explorer" class="footerImage" height="19px" width="32px"/> <a href="https://worldscriptsexplorer.page/he" target="_blank">ערביה יהודיה</a> 2023 yshant
</div>
<script src="transliterate.js"></script>
</body>
</html>