-
Notifications
You must be signed in to change notification settings - Fork 3
/
ramazan.html
111 lines (106 loc) · 3.19 KB
/
ramazan.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
<!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>Ramazan Dersleri video </title>
<style>
body {
/* max-width: 440px; */
background: #adf;
font: 15px sans-serif;
}
body, h2, h3 { margin: 20px; }
h2 { margin-bottom: 16px; }
li {
display: inline-block;
width: 320px;
list-style: none;
margin: 8px 0;
cursor: pointer;
}
li div {
display: inline-block;
vertical-align: top;
margin: 8px;
}
</style>
</head>
<body>
<h2 id=title title='Ramazan Dersleri için hazırlanmış videolar'></h2>
<iframe id=player width="560" height="315"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
frameborder="0" allowfullscreen></iframe>
<hr />
<div id=liste>
</div>
<hr />
<p>
<a href="https://www.youtube.com/playlist?list=PLBDiqooDrruv0MDNyRbG-JBLH2CnfNxAd"
target="Kuran">YouTube playlist</a>  
<a href="https://ramazan1441.blogspot.com/">Ramazan Dersleri</a>
</p>
<script src="code/common.js"></script>
<script>
"use strict";
const DATA =
`Bismillah T4tJwzo6zE0
1. Karanlıklardan Nûra PRJzDmYx868
2. Allah Yeter kcUIcfRkdnI
3. Mevlanız Allah PL6MQkTiCCQ
4. Rabbimiz Allah 2Z0j9kWbdYM
5. Canları çektiği halde... fuR-PppOgmQ
6. Güzel bir borç sPhNlmctjm4
7. Şükür ve Küfür we82pOddODg
8. O gün yüzler... GxkJC0lwF5I
11. İbrahim milleti -Ocj-OOMbCE
12. On iki 490KmYR6Ec0
13. İbret alın vv3-eK-n99M
14. Kime hikmet verildiyse UslggupWJqg
15. Yumuşak huy IuadmFumBdU
16. Güzel bir örnek _iYCiHfzsm8
17. Alemlere rahmet p0sxwT2MVnc
18. lâ ilâhe illâ ... tmhJW7uDV_o
19. On dokuz qjgcu3_3GSA
20. yevme lâ yenfa'u uL0tqCXgAyM
21. Emrolunduğun gibi gAugYT2QFJk
22. Emredileni yaparlar 2yX8EJf66ZU
23. Zikir ve şükür DnYsSzQppdM
24. Hesabı hızlıdır iB-76sybVsk
25. Sabrı tavsiye G2v_17c7GF8
26. Ona "ol" der uwAcunMHnF4
27. inşâallâh MBYncaOmH_8
28. Korku ve hüzün v-6YjwgYDWo
29. Onu Biz koruruz soXaZCzb60M
30. Dualarının sonu EsckXKMzIAo`
function doClick(evt) {
let t = evt.target
let h = t.ref || t.parentNode.ref
console.log(t.tagName, h)
if (h) player.src = h
}
title.innerText = document.title
const IMG1 = 'https://img.youtube.com/vi/'
const IMG2 = '/default.jpg' //sddefault is larger
const HREF = 'https://www.youtube.com/embed/'
for (let s of DATA.split('\n')) {
let [topic, link] = s.split('\t')
let t = document.createElement('li')
let i = document.createElement('img')
i.src = IMG1+link+IMG2; t.append(i)
let a = document.createElement('div')
a.innerText = topic; t.append(a)
t.ref = HREF+link; liste.append(t)
}
liste.onclick = doClick
/* How to get DATA from youtube play list
[...document.querySelectorAll('ytd-playlist-video-renderer')].map(x =>
x.querySelector('[title]').title+'\t'+
x.querySelector('[href]').href.substring(32,43)).reverse().join('\n')
*/
</script>
</body>
</html>