-
Notifications
You must be signed in to change notification settings - Fork 0
/
popup.html
164 lines (144 loc) · 9.22 KB
/
popup.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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<html lang="en|ar">
<head>
<title>Research Project</title>
<meta content="text/html;charset=UTF-8" http-equiv="Content-Type">
<link href="popup.css" rel="stylesheet">
<style id="wudoohCustomFontsStyle"></style>
</head>
<body>
<header>
<!--<img alt="Wudooh Logo" id="wudoohLogo" src="icons/WudoohLogo.svg" width="250"> -->
<h2>Research Project</h2>
</header>
<!-- On off Switch -->
<div class="centered">
<label class="material-switch">
<input id="onOffSwitch" type="checkbox">
<span title="Turn extension on or off"></span>
</label>
</div>
<div id="main">
<!-- Font select
"key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAqo7byQJXY/RkixeUVCaZgU9XkkHXh/DaZJnItrfh/CaHxAGp33QrJk/4lFtiMzsk3gdbo5TxyB8cDZLNR4JjCFALzsLGlFFFKN+OU5YaMLKK3vuwzHhSwJOV34s5nbWq5ZEAcBV/7OKiajYs1y8WOqZIBnBCsfDnV6170Mde/sOSiBV/iV//xN6XtVMsseUeuPpxzlCM6R/eCwIB5Vomw96tVVd7l4Mb/yrAx7TLsLcuibVkm8SAhidzmH559AQte82ISoNIGTZSugQhvpWNTL087DaFuZ+FdMX7PaV2+we/KgT8ez+EI7RmgyKoR+PGvC+8rpd1zsdGZ54v3SqmHwIDAQAB",
-->
<div class="select">
<select class="select-text" id="font-select" title="Select font">
<option style="font-family: 'opensans', sans-serif" value="Aldhabi">opensans</option>
<option style="font-family: 'sans-serif', sans-serif" value="sans-serif">sans-serif</option>
<option style="font-family: 'Times New Roman', sans-serif" value="Times New Roman">Times New Roman</option>
<option style="font-family: 'Arial', sans-serif" value="Arial">Arial</option>
<option style="font-family: 'Calibri', sans-serif" value="Calibri">Calibri</option>
<!-- <option style="font-family: 'Aldhabi', sans-serif" value="Aldhabi">الذهبي</option>
<option style="font-family: 'Almarai', sans-serif" value="Almarai">المراعي</option>
<option style="font-family: 'Amiri', sans-serif" value="Amiri">أميري</option>
<option style="font-family: 'Amiri Quran', sans-serif" value="Amiri Quran">أميري قرآن</option>
<option style="font-family: 'Andalus', sans-serif" value="Andalus">أندلس</option>
<option style="font-family: 'Arabic Typesetting', sans-serif" value="Arabic Typesetting">تنضيد</option>
<option style="font-family: 'Aref Ruqaa', sans-serif" value="Aref Ruqaa">رُقعة عارف</option>
<option style="font-family: 'Cairo', sans-serif" value="Cairo">القاهرة</option>
<option style="font-family: 'Changa', sans-serif" value="Changa">چنگه</option>
<option style="font-family: 'Droid Arabic Naskh', sans-serif" value="Droid Arabic Naskh">درويد نسخ</option>
<option style="font-family: 'Dubai', sans-serif" value="Dubai">دبي</option>
<option style="font-family: 'El Messiri', sans-serif" value="El Messiri">المسّيري</option>
<option style="font-family: 'Harmattan', sans-serif" value="Harmattan">هرمتان</option>
<option style="font-family: 'Jomhuria', sans-serif" value="Jomhuria">جمهورية</option>
<option style="font-family: 'Katibeh', sans-serif" value="Katibeh">كتيبة</option>
<option style="font-family: 'Lalezar', sans-serif" value="Lalezar">لالهزار</option>
<option style="font-family: 'Lateef', sans-serif" value="Lateef">لطيف</option>
<option style="font-family: 'Lemonada', sans-serif" value="Lemonada">ليمونادة</option>
<option style="font-family: 'Mada', sans-serif" value="Mada">مدا</option>
<option style="font-family: 'Markazi Text', sans-serif" value="Markazi Text">مركزي</option>
<option style="font-family: 'Mehr Nastaliq', sans-serif" value="Mehr Nastaliq">مهر نستعلیق</option>
<option style="font-family: 'Mirza', sans-serif" value="Mirza">میرزا</option>
<option style="font-family: 'Neo Sans Arabic', sans-serif" value="Neo Sans Arabic">نيو سانس</option>
<option style="font-family: 'Noto Kufi Arabic', sans-serif" value="Noto Kufi Arabic">نوتو كوفي</option>
<option style="font-family: 'Noto Naskh Arabic', sans-serif" value="Noto Naskh Arabic">نوتو نسخ</option>
<option style="font-family: 'Noto Nastaliq Urdu', sans-serif" value="Noto Nastaliq Urdu">نوتو نستعليق اُردُو
</option>
<option style="font-family: 'Noto Sans Arabic', sans-serif" value="Noto Sans Arabic">نوتو سانس</option>
<option style="font-family: 'Rakkas', sans-serif" value="Rakkas">رقَّاص</option>
<option style="font-family: 'Reem Kufi', sans-serif" value="Reem Kufi">ريم كوفي</option>
<option style="font-family: 'Rooznameh', sans-serif" value="Rooznameh">روزنامه</option>
<option style="font-family: 'Sahl Naskh', sans-serif" value="Sahl Naskh">سهل نسخ</option>
<option style="font-family: 'Scheherazade', sans-serif" value="Scheherazade">شهرزاد</option>
<option style="font-family: 'Shakstah', sans-serif" value="Shakstah">شكسته</option>
<option style="font-family: 'Simplified Arabic', sans-serif" value="Simplified Arabic">مبسَّط</option>
<option style="font-family: 'Tajawal', sans-serif" value="Tajawal">تجوَّل</option>
<option style="font-family: 'Traditional Arabic', sans-serif" value="Traditional Arabic">تقليدي</option>
<option style="font-family: 'Urdu Typesetting', sans-serif" value="Urdu Typesetting">اُردُو</option>
<option style="font-family: 'sans-serif', sans-serif" value="sans-serif">سانس سيرف</option>
<option style="font-family: 'Times New Roman', sans-serif" value="Times New Roman">تايمز نيو رومان</option>
<option style="font-family: 'Arial', sans-serif" value="Arial">اريال</option>
<option style="font-family: 'Calibri', sans-serif" value="Calibri">كالبري</option> -->
<option style="font-family: serif" value="Original">Original</option>
</select>
<span class="select-bar"></span>
</div>
<!-- Font Size -->
<div class="centered" style="width: 80%">
<label class="label">Font Size:</label>
<label class="value" id="sizeValue"></label>
<label class="pure-material-slider" style="width: 95%" title="Change font size">
<input id="size" max="300" min="100" name="size" type="range">
</label>
<hr>
</div>
<!-- Line Height -->
<div class="centered" style="width: 80%">
<label class="label">Line Height:</label>
<label class="value" id="heightValue"></label>
<label class="pure-material-slider" style="width: 95%" title="Change line height">
<input id="height" max="300" min="100" name="height" type="range">
</label>
<hr>
</div>
<!-- Website Info -->
<div class="centered" style="width: 80%" title="Website info">
<img alt="Website Icon" height="32" id="websiteIcon" src="" width="32">
<p id="website">Website</p>
</div>
<hr style="width: 80%">
<!-- Whitelist Switch -->
<div class="centered" style="width: 80%">
<label class="centered" id="whitelistedLabel" style="font-size: 1.3em">
Running on this site</label>
</div>
<label class="material-switch centered">
<input class="centered" id="whitelistSwitch" type="checkbox">
<span title="Whitelist website"></span>
</label>
<hr style="width: 80%">
<!-- Override Site Settings Switch -->
<div class="centered" style="width: 80%">
<label class="centered" id="overrideSettingsLabel" style="font-size: 1.3em">
Using global settings</label>
</div>
<label class="material-switch centered">
<input class="centered" id="overrideSettingsSwitch" type="checkbox">
<span title="Use site specific settings"></span>
</label>
<hr style="width: 80%">
<!-- Export / Import -->
<button class="material-button" id="importButton" title="Import settings from JSON file">Import</button>
<input accept="application/json" id="importInput" type="file"/>
<button class="material-button" id="exportButton" title="Export settings to JSON file">Export</button>
<a id="exportAnchor"></a>
<br>
<br>
</div>
<div class="centered">
<a href="https://forms.gle/xY6HqWeYTNVAeL1TA" style="font-weight: bolder;font-size: 16px; padding-bottom: 5%;" target="_blank">Click here for Feedback</a>
</div>
<!-- <div class="centered">
<a href="custom_fonts.html" target="_blank">Custom Fonts (Beta)</a>
</div>
<div class="centered">
<a href="https://github.com/basshelal/Wudooh/wiki" target="_blank">Help</a>
</div>
<div class="centered" style="font-family: 'Noto Nastaliq Urdu', 'Roboto Light', sans-serif">
<a href="https://github.com/basshelal/Wudooh" target="_blank">By Bassam Helal بسّام هلال</a>
</div> -->
<script src="shared.min.js"></script>
<script src="popup.min.js"></script>
</body>
</html>