-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
87 lines (84 loc) · 5.39 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
84
85
86
87
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>𐭯𐭠𐭫𐭮𐭩𐭪-𐬎𐬞𐬀𐬯𐬙𐬀𐬎𐬎𐬀𐬐𐬀𐬉𐬥𐬀-Pahlavi Avestan Transliterator</title>
<meta property="og:type" content="article" />
<meta property="og:title" content="𐭯𐭠𐭫𐭮𐭩𐭪-𐬎𐬞𐬀𐬯𐬙𐬀𐬎𐬎𐬀𐬐𐬀𐬉𐬥𐬀-Pahlavi Avestan - Transliterator" />
<meta property="og:image" content="Arshakuni_Arsacid_dynasty.png" />
<meta property="og:description" content=" Latin 𐭯𐭠𐭫𐭮𐭩𐭪-𐬎𐬞𐬀𐬯𐬙𐬀𐬎𐬎𐬀𐬐𐬀𐬉𐬥𐬀-Pahlavi Avestan" data-qmeta="keywords">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="Arshakuni_Arsacid_dynasty.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"/>
</head>
<body>
<div class="container">
<div class="wrapper">
<table class="tab">
<tr>
<td class="widthOfTab ">
<button class="tablinks" onclick="openTab(event, 'Latin')" id="defaultOpen">Latin Transliteration</button>
</td>
<td class="widthOfTab textPahlavi alignIcon">
<span class="tablinks pahlaviTab">𐭯𐭠𐭫𐭮𐭩 𐬎𐬞𐬀𐬯𐬙𐬀𐬎𐬎𐬀𐬐𐬀𐬉𐬥𐬀 <span class="bookPahlavi" style="font-size: 25px;">6)l@$#O</span></span>
</td>
</tr>
</table>
<div class="text-input">
<div id="Latin" class="tabcontent currentTab" dir="ltr">
<textarea spellcheck="false" id="textarea1" class="from-text" placeholder="(Latin)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." onkeyup="transliterate()"></textarea>
</div>
<div id="Pahlavi" class="pahlaviTabText">
<textarea spellcheck="false" id="textarea2" readonly class="to-text bookPahlavi" placeholder=" O#$@l)6 _ 6)l@$#O _
! # $ % * ) 0 - q e d g + | ; : 8 9 k l @ A D C b F = > ? I H J L M O c P N s , . 3 j Q R T S 6 p r U V W f _
𐭯𐭠𐭫𐭮𐭩𐭪
𐭥𐭩𐭠𐭬𐭥 𐭠𐭫𐭤𐭩𐭬 𐭠𐭫 𐭬𐭱𐭤 𐭠𐭤𐭩𐭤 𐭠𐭱𐭥 𐭠𐭤𐭩𐭤 𐭥𐭩𐭠𐭬𐭥 𐭪𐭤 𐭲𐭠𐭬𐭥 𐭫𐭡𐭭𐭩 𐭩𐭱𐭥𐭠𐭫 𐭠𐭤𐭩𐭤 𐭱𐭫𐭧𐭭𐭩 𐭠𐭫𐭩𐭪𐭬
𐬎𐬞𐬀𐬯𐬙𐬀𐬎𐬎𐬀𐬐𐬀𐬉𐬥𐬀
𐬀𐬴𐬆𐬨 𐬬𐬊𐬵𐬏 𐬬𐬀𐬵𐬌𐬱𐬙𐬆𐬨 𐬀𐬯𐬙𐬍
𐬎𐬱𐬙𐬁 𐬀𐬯𐬙𐬍 𐬎𐬱𐬙𐬁 𐬀𐬵𐬨𐬁𐬌
𐬵𐬌𐬌𐬀𐬝 𐬀𐬴𐬁𐬌 𐬬𐬀𐬵𐬌𐬱𐬙𐬁𐬌 𐬀𐬴𐬆𐬨
" 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="latinCopyText">Copy Transliteration text - Latin</span>
</div>
</div>
</li>
<!--li class="exchange">
<i class="fas fa-exchange-alt" onclick="swapTransliteration()"></i>
</li-->
<li class="row to">
<div class="middlePersianScripts">
<img src="book_pahlavi.jpg" title="Book Pahlavi font" alt="Book Pahlavi font" width="30px" height="30x" onclick="loadBookPahlavi()"/>
<img src="inscriptional_pahlavi.jpg" title="Inscriptional Pahlavi" alt="Inscriptional Pahlavi" width="30px" height="30x" onclick="loadInscriptionalPahlavi()"/>
<img src="fravahar.png" title="Avestan" alt="Avestan" width="42px" height="30x" onclick="loadAvestan()"/>
</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="textPahlavi">Copy / <span class="bookPahlavi" style="font-size: 12px;"> 6)l@$#O </span> 𐭯𐭠𐭫𐭮𐭩𐭪 / 𐬎𐬞𐬀𐬯𐬙𐬀𐬎𐬎𐬀𐬐𐬀𐬉𐬥𐬀 </span>
</div>
</div>
</li>
</ul>
</div>
<button onclick="transliterate()"> <span class="footerLatin">Latin Transliteration</span> |
<span class="footerPahlavi">
<span class="bookPahlavi" style="font-size: 25px;"> 6)l@$#O </span> 𐭯𐭠𐭫𐭮𐭩𐭪 𐬎𐬞𐬀𐬯𐬙𐬀𐬎𐬎𐬀𐬐𐬀𐬉𐬥𐬀
</span>
</button>
</div>
<div class="footerOfPage">
<img src="Arshakuni_Arsacid_dynasty.png" alt="𐭯𐭠𐭫𐭮𐭩𐭪 - World Scripts Explorer" class="footerImage" height="30px" width="40px"/> <a href="https://worldscriptsexplorer.page/pal" target="_blank">𐭯𐭠𐭫𐭮𐭩𐭪</a> 2024 yshant
</div>
<script src="transliterate.js"></script>
</body>
</html>