-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
117 lines (108 loc) · 7.26 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
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
<!doctype html>
<html lang="ar" dir="rtl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- https://realfavicongenerator.net/ with modifications -->
<link rel="apple-touch-icon" sizes="180x180" href="./etc/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./etc/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./etc/favicon-16x16.png">
<link rel="icon" sizes="any" type="image/svg+xml" href="./etc/favicon.svg">
<link rel="alternate icon" type="image/x-icon" href="./etc/favicon.ico">
<link rel="manifest" href="./etc/site.webmanifest">
<link rel="mask-icon" href="./etc/safari-pinned-tab.svg" color="#fcaf3e">
<meta name="msapplication-TileColor" content="#fcaf3e">
<meta name="theme-color" content="#fcaf3e">
<script type="text/javascript" src="brython.min.js"></script>
<script type="text/javascript" src="brython_modules.js"></script>
<link rel="stylesheet" type="text/css" href="./style.css">
<title>ذكر الذكر - مراجعة حفظ القرءان الكريم</title>
</head>
<body onload="brython()">
<script type="text/python" src="zz.py"></script>
<input type="checkbox" id="imla_chk" hidden>
<input type="checkbox" id="dark_chk" checked hidden>
<input type="checkbox" id="taj_chk" checked hidden>
<input type="checkbox" id="quick_chk" checked hidden>
<div id="page">
<details open id="warning"><summary>⚠️ تنبيه! ⚠️<button role="checkbox" id="warn_show_btn">إظهار</button></summary>
<div id="warning_content">
هذا التطبيق مكتمل الخصائص لكنه لا يزال قيد التطوير؛ قد تتغير خوارزمية التكرار أو تقسيمات السور؛ ابدأ بالسور القصيرة أو التي تحفظها (نسبيا) بالفعل، تجنبا لأي اضطراب، وأبلغني بما تراه يحتاج التحسين.<br>
تواصل معي عبر <a id="abc" target="_blank" class="contact" href="https://github.com/noureddin/zz/issues">GitHub Issues</a>
أو البريد الإلكتروني <a id="xyz" target="_blank" class="contact" href="">[hidden]</a>.
<button role="checkbox" id="warn_hide_btn">إخفاء</button>
</div>
</details>
<center id="records" class="btns_container">
<span>سجلات الحفظ: </span><button id="import">استيراد</button> <button id="export">تصدير</button>
</center>
<center id="prefs">
<!-- apparently I can't change `aria-checked="true"` through Brython. -->
<button role="checkbox" id="imla_btn">
<span id="uthm_title">وضع التسميع: عثماني (لا كتابة)</span>
<span id="imla_title">وضع التسميع: إمــلائي (كتـابة)</span>
</button>
<div class="mode_prefs btns_container" id="uthm_prefs">
<button role="checkbox" id="taj_btn">تَ<span class="qalqala">جْ</span>وِ<span class="madd">ي</span><span class="qalqala">د</span>ٌ</button>
<div role="listbox" id="mvbtns">
<button role="option" class="mvbtns_btn" id="mvbtns_b"> أزار التسميع: أسفل ⬇️ </button>
<button role="option" class="mvbtns_btn" id="mvbtns_r"> أزار التسميع: يمين ➡️ </button>
<button role="option" class="mvbtns_btn" id="mvbtns_l"> أزار التسميع: يسار ⬅️ </button>
</div>
</div>
<div class="mode_prefs btns_container" id="imla_prefs">
<div role="listbox" id="fbrate">
<button role="option" class="fbrate_btn" id="fbrate_l"> تمييز الأخطاء كل: حرف </button>
<button role="option" class="fbrate_btn" id="fbrate_w"> تمييز الأخطاء كل: كلمة </button>
<button role="option" class="fbrate_btn" id="fbrate_a"> تمييز الأخطاء كل:  آيـة </button>
</div>
</div>
<button role="checkbox" id="dark_btn">ليلي</button>
<button role="checkbox" id="quick_btn">زرا التكرار والتالي</button>
</center>
<center id="altmode">
<button role="button" id="free" href="" target="_blank" class="faint">تسميع حر</button>
<button role="button" id="multi" class="faint">مراجعة متعددة</button>
<hr class="multi_hr">
</center>
<center id="multimode" hidden>
وضع المراجعة المتعددة:
<button role="button" id="multi-start">بدء</button>
<button role="button" id="multi-cancel" class="faint">إلغاء</button>
<hr class="multi_hr">
</center>
<section id="now" hidden>
<h2>الآيات المقررة اليوم</h2>
<div id="nowcards" class="list">
</div>
<hr>
</section>
<section id="all">
<h2>جميع الآيات</h2>
<div id="allcards" class="list">
</div>
<div style="margin-top: 3em"></div> <!-- for #serial below -->
</section>
<!-- these two SVGs are extracted from Google Noto Color Emoji for U+1F501 & U+23EE:
https://raw.githubusercontent.com/googlefonts/noto-emoji/main/svg/emoji_u1f501.svg
https://raw.githubusercontent.com/googlefonts/noto-emoji/main/svg/emoji_u23ee.svg
and then compressed with https://vecta.io/nano -->
<button id="repeat_btn" title="إعادة اختبار الآيات نفسها مجددا"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path d="M83.6 67c-1.68 1.44-4.2 1.24-5.64-.44A4 4 0 0 1 77 64V50c0-1.1-.9-2-2-2H41c-4.8 0-11.5 1.5-12 12L14.2 73.3h0A36.01 36.01 0 0 1 13 64c0-17.7 12.5-32 28-32h34c1.1 0 2-.9 2-2V16a4 4 0 0 1 6.6-3l24 24c1.66 1.46 1.82 3.99.35 5.65-.11.13-.23.24-.35.35l-24 24zm-45.2-6c1.68-1.44 4.2-1.24 5.64.44A4 4 0 0 1 45 64v14c0 1.1.9 2 2 2h34c4.8 0 11.6-1.5 12-12l14.8-13.3h0c.81 3.03 1.21 6.16 1.2 9.3 0 17.7-12.5 32-28 32H47c-1.1 0-2 .9-2 2v14a4 4 0 0 1-6.6 3l-24-24c-1.66-1.46-1.82-3.99-.35-5.65.11-.13.23-.24.35-.35l24-24z"/></svg></button>
<button id="gonext_btn" title="الانتقال إلى مجموعة الآيات التالية"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path d="M108.46 63.96v-25.7c0-1.8-1.7-2.9-3-2l-35 24.4v-22.4c.13-1.13-.69-2.15-1.82-2.28a2.04 2.04 0 0 0-1.28.28l-36.9 25.1v-23.5a1.9 1.9 0 0 0-1.9-1.9h0-10.2a1.9 1.9 0 0 0-1.9 1.9h0v52.3a1.9 1.9 0 0 0 1.9 1.9h0 10.3a1.9 1.9 0 0 0 1.9-1.9h0v-23.6l36.9 25c.98.58 2.24.26 2.82-.72.23-.39.33-.84.28-1.28v-22.3l35 24.4c1.4.9 3-.2 3-2l-.1-25.7z"/></svg></button>
</div>
<div id="pop" hidden>
<div id="msg"></div>
<div id="grading">
<button id="q5">حفظ ممتاز<span>١</span></button>
<button id="q4">صحيح مع تردد<span>٢</span></button>
<button id="q3">صحيح بمشقة<span>٣</span></button>
<button id="q2">بأخطاء يسيرة<span>٤</span></button>
<button id="q1">بأخطاء كبيرة<span>٥</span></button>
<button id="q0">نسيان تام<span>٦</span></button><br>
<button id="dismiss">تجاهل<span>٠</span></button>
</div>
</div>
<iframe id="recite" name="recite" hidden></iframe>
<div id="serial" hidden></div>
</body>
</html>