-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathstart.html
271 lines (260 loc) · 8.47 KB
/
start.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
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta name="author" content="M A Eyler, Istanbul, 2020" />
<meta name="description" content="Reader for the Quran" />
<link rel="icon" href="image/icon.png">
<title>Kuran-ı Kerim </title>
<style>
body {
min-height: 90vh;
}
#dataDiv {
max-width: 420px;
background: #f9f4e8;
margin: auto;
padding: 12px;
}
body, h2, h3 { margin: 12px; }
h2 {
margin-bottom: 16px;
text-align: center;
font-family: Zekr, serif;
}
@font-face {
font-family: Zekr;
src: url("/Rehber/style/ZEKRQURAN.TTF");
}
body, input, button {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
.long {
width: 90%;
max-width: 360px;
font-size: large;
}
.short { width: 130px; }
button {
border: 3px solid gray;
border-radius: 8px;
cursor: pointer;
background: lightgray;
}
.group button, #main {
min-width: 90px;
}
@media screen and (max-width: 400px) {
.group button {
min-width: 72px;
font-size: small;
}
}
.yellow { background: #ff7; }
.white { background: white; }
.small { font-size: smaller; }
.expert { color: red; }
#moon, #star {
top: 3px;
position: relative;
display: inline;
font-size: 24px;
cursor: pointer;
}#star {
font-size: 30px;
}
#info2 {
font-family: Zekr, serif;
font-size: large;
}
</style>
</head>
<body>
<h2 id=head title='innehû lequr-ânun kerîm 
fî kitâbin meknûn'></h2>
<div id=dataDiv>
<div id=intro></div>
<br>
<input type=search id=input class=long><br>
<p>
<button id=question>?</button> 
<span id=star>☆</span> 
<button id=main>Sayfa</button>
<span id=info2 class=large></span>
</p>
<pre id=explain hidden><span id=dia1></span>
<span id=dia2></span>
<span id=dia3></span>
<span id=dia4></span>
</pre>
<hr />
<p class="group">
<button id=topic onclick='location="konular.html"'></button> 
<button id=notes onclick='location="notlar.html"'></button> 
<button id=help onclick='window.open("guideQ.html","Kuran")'></button> 
<span id=moon>🌗</span>
</p>
<p id=kitap class="group">
<button id=mark onclick='location="bookmarks.html"'></button> 
<button id=levh onclick='location="/Kitap/ders/nun-velkalem.html"'></button> 
<button id=ders onclick='location="/Kitap/"'></button>
</p>
<p id=offline hidden class=expert></p>
<hr />
<details id=expert class=expert>
<summary id=summ>
</summary><p>For expert use only -- Buckwalter code<br>
<!-- <a href="https://en.wikipedia.org/wiki/Buckwalter_transliteration" target=Kuran></a> -->
<!-- <input type=button id=buck value=Search>
<label>Search using Buckwalter code</label><br> -->
<span id=code class="white small">
A b t v j H x d * r z s $ S D T Z E g f q k l m n h w y &}p
</span>
<p><label>Link
<span>(hashtag or URL) </span></label><br>
<input type=search id=omni class=long>
</p>
</details>
</div>
<script src="code/languages.js"></script>
<script>//localization strings
const localization = {};
localization.tr =
`head innerText Kuran-ı Kerim
intro innerText Iqra yazılımı ile Kuran-ı Kerim'i farklı yollardan keşfedin: İstenen sayfayı/ayeti gösterin, aradığınız kelimeleri bulun, ya da Arapça kelime kökleri ile arayın. Aşağıda istediğiniz yöntemle başlayabilirsiniz.
dia1 innerText sayfa: 378 (1-604 arası)
dia2 innerText ayet: 27.30 (nokta/boşluk)
dia3 innerText kök: ktb Elm (Mucem'de ara)
dia4 innerText diğer: (Rehber'de ara)
main data2 Sure
main data3 Ayet
main data4 Mucem
main data5 Rehber
input placeholder sayfa, ayet, kök, metin
input title sayfa ya da sure-ayet numaraları; aranacak kök ya da metin
star title En son işaretlenen sayfa
moon title Karanlık mod
topic innerText Konular
notes innerText Notlar
help innerText Yardım
mark title Yer işaretlerini yönetin
mark innerText Yıldızlar
levh innerText Nûn
ders innerText Kitap
offline innerText Internet kapalı iken bazı özellikler çalışmaz
summ title Buckwalter kodunu göster/gizle
code title Buckwalter kodu -- alfabetik sıra
omni title Linki ilk harf belirler: /Mushaf: p=… v=… /Mucem: r=… /Rehber: t=… b=…/`
localization.en =
`head innerText The Noble Quran
intro innerText Discover the Noble Quran using Iqra software: Display the desired page/verse, search some text in the Book, or find derivatives of given roots. You may start with any method shown below.
dia1 innerText page: 378 (within 1-604)
dia2 innerText verse: 27.30 (period/space)
dia3 innerText root: ktb Elm (in Mujam)
dia4 innerText other: (in Finder)
main data2 Surah
main data3 Verse
main data4 Mujam
main data5 Finder
input placeholder page, verse, root, or text
input title Page or verse number; root or text to search
star title Page with the latest bookmark
moon title Dark mode
topic innerText Topics
notes innerText Notes
help innerText Help
mark title Manage bookmarks
mark innerText Stars
levh innerText Noon ن
ders innerText Kitab
offline innerText Internet is required for some features
summ title Show/Hide Buckwalter code
code title Buckwalter code -- dictionary order
omni title First letter determines the link: /Book: p=… v=… /Mujam: r=… /Finder: t=… b=…/`
localization.ar =
`head innerText القرآن الكريم
intro innerText اكتشف القرآن الكريم باستخدام برنامج اقرأ: اعرض الصفحة المطلوبة ، أو ابحث عن نص في الكتاب ، أو ابحث عن مشتقات من جذور معينة. يمكنك البدء بأي طريقة مبينة أدناه.
dia1 innerText صفحة: 378 (1-604)
dia2 innerText آية: 27.30
dia3 innerText المعجم: كتب علم
dia4 innerText النص المراد البحث عنه
main data2 سورة
main data3 آية
main data4 المعجم
main data5 الباحث
input placeholder 378 أو 27.30
input title رقم الصفحة أو رقم السورة والجزء
star title صفحة آخر علامة
moon title Dark mode
topic innerText المواضيع
notes innerText ملاحظات
help innerText مساعدة
mark title إدارة العلامات
mark innerText العلامات
levh innerText ن والقلم
ders innerText الدروس
offline innerText الاتصال بالإنترنت مطلوب لبعض الميزات
summ title إظهار/إخفاء رمز Buckwalter
code title Buckwalter code -- ترتيب القاموس
omni title أول حرف يشرح الرابط: /Book: p=… v=… /Mujam: r=… /Finder: t=… b=…/`
</script>
<script src="code/common.js"></script>
<script src="code/buckwalter.js"></script>
<script src="code/search.js"></script>
<script src="code/utilities.js"></script>
<script src="code/model.js"></script>
<script>
const langMgr = new LangManager( //callback on applyLanguage()
() => {
LangManager.adjustDirection(dataDiv)
sName = suraNames[currentLanguage()]
})
const Q = parent.iqra && parent.iqra.Q ?
parent.iqra.Q : {roots: new MujamData('data/words.txt')}
function init(storage = {}) {
function hideButtons(b) {
kitap.hidden = b; offline.hidden = !b
console.log(b ? 'offline' : 'online')
}
onoffline = () => hideButtons(true)
ononline = () => hideButtons(false)
hideButtons(!navigator.onLine)
console.log(storage)
main.onclick = doOmni
document.onkeydown = enterKey
input.onkeyup = inputKey
let p = storage.page
input.value = p || '1'
inputKey(); setFocus(input)
let m = storage.marks
if (m && m.length) {
let h = m.pop()
star.onclick = () => doOpen('p='+h)
} else {
star.style.visibility = "hidden"
mark.style.visibility = "hidden"
}
let displayDarkMode = (d) => {
if (d == undefined)
d = getStorage("settings", "dark-mode")
let s = document.body.style
s.color = d? "wheat" : ""
s.background = d? "#333" : ""
dataDiv.style.background = d? "black" : ""
}
let toggleDarkMode = () => {
let d = !getStorage("settings", "dark-mode")
setStorage("settings", "dark-mode", d)
if (parent.iqra) parent.iqra.toggleDarkMode()
displayDarkMode(d)
}
moon.onclick = toggleDarkMode
displayDarkMode()
}
window.name = "finder"
document.title = head.innerText
init(getStorage('iqra'))
</script>
</body>
</html>