-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
115 lines (105 loc) · 10.3 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
<!DOCTYPE html>
<html lang="en" class="h-full scroll-smooth">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, height=device-height, minimum-scale=1.0, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Doa & Dzikir - Home</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="style.css?v=23.04.21">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#a855f7">
<meta name="msapplication-TileColor" content="#a855f7">
</head>
<body id="body">
<article class="max-w-[800px] container mx-auto flex-col">
<h1 class="mb-8 text-3xl">Doa & Dzikir <span class="text-xs opacity-50 ml-1">V.01</span></h1>
<div class="grid grid-cols-2 grid-rows-2 gap-5 mb-8">
<a href="sholat-dzikir.html" class="menu-active blue">
<svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="w-14 h-14 mx-auto mb-3">
<path d="M3 3.75C3 3.33579 3.33579 3 3.75 3C4.16421 3 4.5 3.33579 4.5 3.75V5H6.3V3.75C6.3 3.33579 6.63579 3 7.05 3C7.46421 3 7.8 3.33579 7.8 3.75V5H9.6V3.75C9.6 3.33579 9.93579 3 10.35 3C10.7642 3 11.1 3.33579 11.1 3.75V5H12.9V3.75C12.9 3.33579 13.2358 3 13.65 3C14.0642 3 14.4 3.33579 14.4 3.75V5H16.2V3.75C16.2 3.33579 16.5358 3 16.95 3C17.3642 3 17.7 3.33579 17.7 3.75V5H19.5V3.75C19.5 3.33579 19.8358 3 20.25 3C20.6642 3 21 3.33579 21 3.75V20C21 20.5523 20.5523 21 20 21H19.25V14.5C19.25 13.3907 18.7372 12.3861 18.0735 11.5437C17.4058 10.6962 16.5341 9.94701 15.6925 9.33199C14.8467 8.71389 14.0052 8.21261 13.3777 7.86666C13.0631 7.69322 12.8002 7.55769 12.6147 7.46495C12.5219 7.41856 12.4484 7.3828 12.3973 7.3583L12.3378 7.33003L12.3214 7.32236L12.3167 7.32016L12 7.17395L11.6833 7.32016L11.6786 7.32236L11.6622 7.33003L11.6027 7.3583C11.5516 7.3828 11.4781 7.41856 11.3853 7.46495C11.1998 7.55769 10.9369 7.69322 10.6223 7.86666C9.99475 8.21261 9.1533 8.71389 8.30749 9.33199C7.46588 9.94701 6.59421 10.6962 5.92651 11.5437C5.26278 12.3861 4.75 13.3907 4.75 14.5V21H4C3.44772 21 3 20.5523 3 20V3.75Z"/>
<path d="M17.75 14.5V21H6.25V14.5C6.25 13.8593 6.54972 13.1764 7.10474 12.472C7.65579 11.7726 8.40912 11.1156 9.19251 10.5431C9.9717 9.97366 10.7552 9.5062 11.3465 9.18027C11.6102 9.03487 11.834 8.91854 12 8.83478C12.166 8.91854 12.3898 9.03487 12.6535 9.18027C13.2448 9.5062 14.0283 9.97366 14.8075 10.5431C15.5909 11.1156 16.3442 11.7726 16.8953 12.472C17.4503 13.1764 17.75 13.8593 17.75 14.5Z"/>
</svg>
Dzikir Sholat
</a>
<a href="doa-kebaikan.html" class="menu-active green">
<svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="w-14 h-14 mx-auto mb-3">
<path d="M13.7019 7.64136C13.7488 7.68824 13.8124 7.71458 13.8787 7.71458H16.1111C16.2492 7.71458 16.3611 7.82651 16.3611 7.96458V10.197C16.3611 10.2633 16.3875 10.3269 16.4343 10.3738L17.8839 11.8233C17.9815 11.921 17.9815 12.0793 17.8839 12.1769L16.4343 13.6264C16.3875 13.6733 16.3611 13.7369 16.3611 13.8032V16.0356C16.3611 16.1737 16.2492 16.2856 16.1111 16.2856H13.8787C13.8124 16.2856 13.7488 16.312 13.7019 16.3589L12.1768 17.884C12.0791 17.9816 11.9208 17.9816 11.8232 17.884L10.2981 16.3589C10.2512 16.312 10.1876 16.2856 10.1213 16.2856H8.04004C7.90197 16.2856 7.79004 16.1737 7.79004 16.0356V13.9544C7.79004 13.8881 7.7637 13.8245 7.71682 13.7776L6.11611 12.1769C6.01848 12.0793 6.01848 11.921 6.11611 11.8233L7.71682 10.2226C7.7637 10.1757 7.79004 10.1122 7.79004 10.0458V7.96458C7.79004 7.82651 7.90197 7.71458 8.04004 7.71458H10.1213C10.1876 7.71458 10.2512 7.68824 10.2981 7.64136L11.8232 6.11623C11.9208 6.0186 12.0791 6.0186 12.1768 6.11623L13.7019 7.64136Z"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.7071 2.64641C12.3166 2.25589 11.6835 2.25588 11.2929 2.64641L9.05333 4.886H6.02212C5.46984 4.886 5.02212 5.33372 5.02212 5.886V8.91722L2.64647 11.2929C2.25595 11.6834 2.25594 12.3166 2.64647 12.7071L5.02212 15.0827V18.1139C5.02212 18.6662 5.46984 19.1139 6.02212 19.1139H9.05333L11.2929 21.3535C11.6835 21.7441 12.3166 21.7441 12.7071 21.3535L14.9467 19.1139H18.2501C18.8023 19.1139 19.2501 18.6662 19.2501 18.1139V14.8106L21.3536 12.7071C21.7441 12.3166 21.7441 11.6834 21.3536 11.2929L19.2501 9.18933V5.886C19.2501 5.33372 18.8023 4.886 18.2501 4.886H14.9467L12.7071 2.64641ZM9.96755 6.09311L12 4.06062L14.0325 6.09311C14.2201 6.28065 14.4744 6.386 14.7396 6.386H17.7501V9.39643C17.7501 9.66165 17.8554 9.916 18.043 10.1035L19.9394 12L18.043 13.8964C17.8554 14.0839 17.7501 14.3383 17.7501 14.6035V17.6139H14.7396C14.4744 17.6139 14.2201 17.7193 14.0325 17.9068L12 19.9393L9.96755 17.9068C9.78001 17.7193 9.52566 17.6139 9.26044 17.6139H6.52212V14.8756C6.52212 14.6104 6.41676 14.3561 6.22923 14.1685L4.06068 12L6.22923 9.83143C6.41676 9.64389 6.52212 9.38954 6.52212 9.12432V6.386H9.26044C9.52566 6.386 9.78001 6.28065 9.96755 6.09311Z"/>
</svg>
Doa Pilihan
</a>
<a href="dzikir-pagi.html" class="menu-active sky">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-14 h-14 mx-auto mb-3">
<path d="M12 2.25a.75.75 0 01.75.75v2.25a.75.75 0 01-1.5 0V3a.75.75 0 01.75-.75zM7.5 12a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM18.894 6.166a.75.75 0 00-1.06-1.06l-1.591 1.59a.75.75 0 101.06 1.061l1.591-1.59zM21.75 12a.75.75 0 01-.75.75h-2.25a.75.75 0 010-1.5H21a.75.75 0 01.75.75zM17.834 18.894a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 10-1.061 1.06l1.59 1.591zM12 18a.75.75 0 01.75.75V21a.75.75 0 01-1.5 0v-2.25A.75.75 0 0112 18zM7.758 17.303a.75.75 0 00-1.061-1.06l-1.591 1.59a.75.75 0 001.06 1.061l1.591-1.59zM6 12a.75.75 0 01-.75.75H3a.75.75 0 010-1.5h2.25A.75.75 0 016 12zM6.697 7.757a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 00-1.061 1.06l1.59 1.591z" />
</svg>
Dzikir Pagi
</a>
<a href="dzikir-petang.html" class="menu-active orange">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="w-14 h-14 mx-auto mb-3">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.00814 2.21153C9.21516 2.41855 9.2767 2.73008 9.16396 3.00027C8.73605 4.02575 8.49937 5.15172 8.49937 6.33481C8.49937 11.1208 12.3792 15.0006 17.1652 15.0006C18.3483 15.0006 19.4742 14.764 20.4997 14.336C20.7699 14.2233 21.0814 14.2848 21.2885 14.4919C21.4955 14.6989 21.557 15.0104 21.4443 15.2806C19.9208 18.9317 16.3162 21.5 12.1101 21.5C6.52646 21.5 2 16.9735 2 11.3899C2 7.18377 4.56831 3.57923 8.2194 2.05572C8.48959 1.94297 8.80112 2.00452 9.00814 2.21153Z"/>
</svg>
Dzikir Petang
</a>
</div>
<h3 class="mb-3 text-slate-500">Lainnya</h3>
<div class="flex flex-col gap-2 pb-5">
<a href="other-mukadimah.html" class="menu-other-active">
Pembuka Majelis
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg>
</a>
<a href="other-qunut.html" class="menu-other-active">
Doa qunut
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg>
</a>
<a href="other-sakit-sendiri.html" class="menu-other-active">
Doa karena sakit
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg>
</a>
<a href="other-jenazah.html" class="menu-other-active">
shalat jenazah
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg>
</a>
<div class="menu-other">
Doa selamat
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg>
</div>
<div class="menu-other">
Doa karena sebab
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg>
</div>
</div>
</article>
<footer class="footer mt-auto">
<p>Kumpulan teks do'a dan dzikir mayoritas diambil dari aplikasi BekalIslam oleh <a href="https://bekalislam.firanda.com/" class="underline" target="_blank">Al Ustadz Firanda Andirja</a></p>
<p class="mt-5">© 2023 <a href="https://sidiqprihatno.github.io/" class="underline" target="_blank">Abu Maryam Assiddiq</a></p>
</footer>
<script>
window.addEventListener("beforeinstallprompt", (beforeInstallPromptEvent) => {
beforeInstallPromptEvent.preventDefault(); // Prevents immediate prompt display
// Shows prompt after a user clicks an "install" button
installButton.addEventListener("click", (mouseEvent) => {
// you should not use the MouseEvent here, obviously
beforeInstallPromptEvent.prompt();
});
installButton.hidden = false; // Make button operable
});
</script>
</body>
</html>