-
Notifications
You must be signed in to change notification settings - Fork 1
/
template.html
117 lines (108 loc) · 3.65 KB
/
template.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>
<head>
<link href="https://fonts.googleapis.com/css?family=Noto+Sans+Devanagari" rel="stylesheet"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>{{ title }}</title>
<style>
html {
font-family: 'Noto Sans Devanagari';
}
.note, .video{
text-align: center;
font-size: 20px;
}
.topic_button{
background-color: #777;
color: white;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: center;
outline: none;
font-size: 35px;
}
.active, .topic_button:hover {
background-color: #555;
}
@media print {
.topic_content {
display: block;
}
}
@media not print {
.topic_content {
display: none;
}
}
p{page-break-inside: avoid ;}
.topic_content {
padding: 0 18px;
overflow: hidden;
text-align:center;
background-color: #f1f1f1;
}
</style>
</head>
<body>
<h1 id="batch" style="text-align:center;font-size:50px;color:Red">
{{ batch }}
</h1>
<p id="info" style="text-align:center;font-size:25px;color:Blue">
Links grabber made by <a href="https://t.me/arrowazaad" rel="noopener noreferrer" target="_blank">ARROW AZAAD</a>
<br>
<br>
</p>
{% if type == "notes" %}
<div id="notes" class="files">
{% for note in notes %}
<p class="note">
<span class="note_name">{{note}}</span>
<br>
<a href="{{ notes[note] }}" rel="noopener noreferrer" target="_blank">{{ notes[note] }}</a>
<br>
<br>
</p>
{% endfor %}
</div>
{% elif type == "videos" %}
<div id="videos" class="files">
{% for topic in topics %}
<div class="topic">
<button type="button" class="topic_button" >
<b>Topic :-</b> <span class="topic_name">{{ topic }}</span>
</button>
<div class="topic_content">
{% set videos = topics[topic] %}
{% for video in videos %}
<p class="video">
<span class="video_name">{{ video }}</span>
<br>
<a href="{{ videos[video] }}" rel="noopener noreferrer" target="_blank">{{ videos[video] }}</a>
</p>
{% endfor %}
</div>
<br>
</div>
<br>
{% endfor %}
</div>
{% endif %}
<script>
var coll = document.getElementsByClassName("topic_button");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.display === "block") {
content.style.display = "none";
} else {
content.style.display = "block";
}
});
}
</script>
</body>
</html>