-
-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
303 lines (278 loc) · 15.7 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
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
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover">
<meta name="page" content="index">
<title>Tunime - PWA приложения</title>
<meta name="description"
content="Смотреть аниме онлайн на сайте Tunime. Открой для себя новые миры с Tunime - лучшим сайтом для просмотра аниме!">
<link rel="icon" type="image/png" href="/images/icon-web.png" />
<link rel="apple-touch-icon" sizes="120x120" href="./images/icons/logo-x192-o.png" />
<link rel="apple-touch-icon" sizes="152x152" href="./images/icons/logo-x192-o.png" />
<link rel="stylesheet" href="/style/css/main.css">
<meta name="mobile-web-app-capable" content="yes">
<link rel="stylesheet" href="/style/css/min/swiper-bundle.min.css">
<link rel="stylesheet" href="/style/css/index.css">
<link rel="manifest" href="/images/icons/manifest-o.json">
<script src="/javascript/library/jqery.min.js"></script>
</head>
<body data-orientation="0">
<header class="unselectable">
<div class="account">
<a href="/login.html">
<div class="image-profile">
<img src="/images/ava.jpeg" alt="Image Account">
</div>
</a>
<div class="information">
<div class="name">
<span></span>
<b>Авторизируйтесь</b>
</div>
<div class="position">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
<path
d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 256c-35.3 0-64-28.7-64-64s28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64z" />
</svg>
<span>Ocean, Остров</span>
</div>
</div>
</div>
<div class="notify-search">
<div class="desktop search">
<input type="text" name="" id="search-input" autocomplete="new-password" placeholder="Поиск">
<div class="shortcut unselectable">
<span>/</span>
</div>
</div>
<div class="notification">
<svg class="mail" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M13.3125 7.6438H11.1375C10.525 7.6438 9.98125 7.9813 9.70625 8.5313L9.18125 9.5688C9.05625 9.8188 8.80625 9.97505 8.53125 9.97505H6.48125C6.2875 9.97505 6.0125 9.9313 5.83125 9.5688L5.30625 8.53755C5.03125 7.9938 4.48125 7.65005 3.875 7.65005H1.6875C1.44375 7.65005 1.25 7.8438 1.25 8.08755V10.125C1.25 12.3938 2.6125 13.75 4.8875 13.75H10.125C12.2688 13.75 13.5875 12.575 13.75 10.4875V8.0813C13.75 7.8438 13.5562 7.6438 13.3125 7.6438Z"
fill="white" />
<path
d="M13.75 4.88125V6.78125C13.6125 6.73125 13.4625 6.70625 13.3125 6.70625H11.1375C10.1687 6.70625 9.3 7.24375 8.86875 8.10625L8.4 9.03125H6.6125L6.14375 8.1125C5.7125 7.24375 4.84375 6.70625 3.875 6.70625H1.6875C1.5375 6.70625 1.3875 6.73125 1.25 6.78125V4.88125C1.25 2.60625 2.60625 1.25 4.88125 1.25H10.1188C12.3938 1.25 13.75 2.60625 13.75 4.88125Z"
fill="white" />
</svg>
<svg class="dot" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M12.375 5C13.4105 5 14.25 4.16053 14.25 3.125C14.25 2.08947 13.4105 1.25 12.375 1.25C11.3395 1.25 10.5 2.08947 10.5 3.125C10.5 4.16053 11.3395 5 12.375 5Z"
fill="white" />
<path
d="M13.2125 7.94998H11.1438C10.5625 7.94998 10.0437 8.27498 9.78125 8.78748L9.28125 9.77498C9.1625 10.0125 8.925 10.1562 8.6625 10.1562H6.71875C6.5375 10.1562 6.26875 10.1187 6.1 9.76873L5.60625 8.78748C5.34375 8.26873 4.825 7.94373 4.24375 7.94373H2.1625C1.9375 7.94998 1.75 8.13748 1.75 8.36248V10.2937C1.75 12.4625 3.04375 13.75 5.20625 13.75H10.1812C12.2188 13.75 13.475 12.6312 13.625 10.65V8.36248C13.625 8.13748 13.4375 7.94998 13.2125 7.94998Z"
fill="white" />
<path
d="M13.625 6.5V7.08125C13.4937 7.0375 13.3562 7.0125 13.2125 7.0125H11.1438C10.2063 7.0125 9.3625 7.53125 8.95 8.36875L8.5125 9.225H6.86875L6.44375 8.375C6.01875 7.53125 5.18125 7.0125 4.24375 7.0125H2.1625C2.01875 7.0125 1.88125 7.0375 1.75 7.08125V5.325C1.75 3.41875 3.29375 1.875 5.2 1.875H9C9.4 1.875 9.6875 2.2375 9.6125 2.625C9.5125 3.125 9.55625 3.66875 9.8 4.24375C10.0813 4.89375 10.6062 5.41875 11.2562 5.7C11.8312 5.94375 12.375 5.9875 12.875 5.8875C13.2625 5.8125 13.625 6.1 13.625 6.5Z"
fill="white" />
</svg>
</div>
</div>
</header>
<div class="mobile search mbs">
<input type="text" name="" id="search-input" autocomplete="new-password" placeholder="Поиск">
<div class="shortcut unselectable">
<span>/</span>
</div>
</div>
<div class="app-update">
<div class="update-content-version">
<span class="text-update"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M176 24c0-13.3-10.7-24-24-24s-24 10.7-24 24V64c-35.3 0-64 28.7-64 64H24c-13.3 0-24 10.7-24 24s10.7 24 24 24H64v56H24c-13.3 0-24 10.7-24 24s10.7 24 24 24H64v56H24c-13.3 0-24 10.7-24 24s10.7 24 24 24H64c0 35.3 28.7 64 64 64v40c0 13.3 10.7 24 24 24s24-10.7 24-24V448h56v40c0 13.3 10.7 24 24 24s24-10.7 24-24V448h56v40c0 13.3 10.7 24 24 24s24-10.7 24-24V448c35.3 0 64-28.7 64-64h40c13.3 0 24-10.7 24-24s-10.7-24-24-24H448V280h40c13.3 0 24-10.7 24-24s-10.7-24-24-24H448V176h40c13.3 0 24-10.7 24-24s-10.7-24-24-24H448c0-35.3-28.7-64-64-64V24c0-13.3-10.7-24-24-24s-24 10.7-24 24V64H280V24c0-13.3-10.7-24-24-24s-24 10.7-24 24V64H176V24zM160 128H352c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H160c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32zm192 32H160V352H352V160z" />
</svg><span>Обновление</span></span>
<div class="to-version">
<span class="cur version">4fg5d</span>
<span class="version">></span>
<span class="next">37eeg</span>
</div>
</div>
<div class="update-progress">
<div class="progress"></div>
</div>
</div>
<!-- Slider main container -->
<div class="swiper-treilers mbs">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide slide-load">
<div class="preview-load"></div>
<div class="controls-load"></div>
</div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
</div>
<div class="section-title mbs unselectable">
<span class="line"></span>
<div class="text">Новые</div>
</div>
<div class="section-genres scroll-none unselectable">
<div class="genres selected" data-id="">
Все
</div>
<div class="genres" data-id="4">
Комедия
</div>
<div class="genres" data-id="24">
Фантастика
</div>
<div class="genres" data-id="14">
Ужасы
</div>
<div class="genres" data-id="10">
Фэнтэзи
</div>
<div class="genres" data-id="22">
Романтика
</div>
<div class="genres" data-id="8">
Драма
</div>
<div class="genres" data-id="18">
Меха
</div>
<div class="genres" data-id="7">
Детектив
</div>
<div class="genres" data-id="38">
Военное
</div>
</div>
<!--Место для аниме с shikimori-->
<div class="section-anime scroll-none unselectable"></div>
<!-- Slider main container -->
<div class="swiper-continue mbs unselectable">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
</div>
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
</div>
<div class="section-title mbs unselectable">
<span class="line"></span>
<div class="text">Обновленые</div>
</div>
<div class="section-update scroll-none unselectable"></div>
<!-- <div class="section-title mbs unselectable">
<span class="line"></span>
<div class="text">Ожидаемые</div>
</div> -->
<div class="section-countdown mbs">
<!-- Slider main container -->
<div class="swiper-countdown">
<!-- Additional required wrapper -->
<div class="swiper-wrapper unselectable">
</div>
</div>
</div>
<div class="github unselectable">
<div class="title">Tunime</div>
<div class="version-hash">
<div class="version">v <span>0.0.0</span></div>
<div class="hash"></div>
</div>
<div class="date">2022.12.28</div>
</div>
<span class="windowed-right window-notify hide">
<span class="hide-window"></span>
<!--Окно с уведомлениями-->
<span class="window-content content-notify unselectable hide">
<span class="content-wraper">
<div class="title-content">
<div class="title-witch-icon">
Уведомления
</div>
<div class="btn-window-close">
<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M10.204 2.20779C10.5945 1.81735 10.5945 1.18327 10.204 0.792831C9.8136 0.40239 9.17952 0.40239 8.78908 0.792831L5.5 4.08504L2.20779 0.795955C1.81735 0.405513 1.18327 0.405513 0.792831 0.795955C0.40239 1.1864 0.40239 1.82047 0.792831 2.21092L4.08504 5.5L0.795955 8.79221C0.405513 9.18265 0.405513 9.81673 0.795955 10.2072C1.1864 10.5976 1.82047 10.5976 2.21092 10.2072L5.5 6.91496L8.79221 10.204C9.18265 10.5945 9.81673 10.5945 10.2072 10.204C10.5976 9.8136 10.5976 9.17952 10.2072 8.78908L6.91496 5.5L10.204 2.20779Z"
fill="white" />
</svg>
</div>
</div>
<div class="notify-content hide">
<div class="notify-filter">
<div class="block-filter selected" id="all">Все</div>
<div class="block-filter" id="unread">Новые</div>
</div>
<div class="content-notifycation">
<div class="notifycation empty-notify">
<div class="empty-notify">
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 640 512">
<path
d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7l-87.5-68.6c.5-1.7 .7-3.5 .7-5.4c0-27.6-11-54.1-30.5-73.7L512 320c-20.5-20.5-32-48.3-32-77.3V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V51.2c-42.6 8.6-79 34.2-102 69.3L38.8 5.1zM160 242.7c0 29-11.5 56.8-32 77.3l-1.5 1.5C107 341 96 367.5 96 395.2c0 11.5 9.3 20.8 20.8 20.8H406.2L160 222.1v20.7zM384 448H320 256c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z" />
</svg>
<span>Нет уведомлений</span>
</div>
</div>
</div>
</div>
<div class="notify-load">
<svg role="progressbar" viewBox="0 0 100 100" aria-valuemin="0" aria-valuemax="100"
aria-valuenow="75" width="50" height="50">
<circle cx="50%" cy="50%" r="42" shape-rendering="geometricPrecision" fill="none"
stroke="#191C21" stroke-width="14"></circle>
<circle cy="50%" shape-rendering="geometricPrecision" class="circle" fill="none"
stroke-width="10" stroke-dashoffset="66" stroke-linecap="round" cx="50%" r="42"
data-angel="87" style="animation: rotating 3s linear infinite; transform-origin: 50% 50%;"
stroke="#2393F1" stroke-dasharray="236"></circle>
</svg>
</div>
</span>
</span>
</span>
<span class="windowed window-update hide">
<span class="hide-window"></span>
<span class="list-tags scroll-none unselectable">
</span>
<!--Окно с обновлением-->
<span class="window-content content-update unselectable hide">
<div class="filter-hide">
<span class="loader"></span>
</div>
<span class="content-wraper">
<div class="title-content">
<span class="title">Обновление</span>
<span class="tag"><span class="t">0.0.0</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M0 80V229.5c0 17 6.7 33.3 18.7 45.3l176 176c25 25 65.5 25 90.5 0L418.7 317.3c25-25 25-65.5 0-90.5l-176-176c-12-12-28.3-18.7-45.3-18.7H48C21.5 32 0 53.5 0 80zm112 32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z">
</path>
</svg>
</span>
</div>
<div class="update-content-wraper scroll-none">
</div>
<div class="btn-wrapper content-buttons">
<div class="btn-submit">
<div class="type-1">Принять</div>
<div class="type-2"><span class="loader"></span>Применяеться</div>
</div>
<div class="restart-script">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M463.5 224l8.5 0c13.3 0 24-10.7 24-24l0-128c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8l119.5 0z" />
</svg>
</div>
</div>
</span>
</span>
</span>
<footer></footer>
<!--Scripts-->
<!--Library-->
<script src="/javascript/library/swiper-bundle.min.js"></script>
<script src="/javascript/library/anime.min.js"></script>
<!--Custom library-->
<script src="/javascript/server.js"></script>
<script src="/javascript/services/dispatcher.js" type="module"></script>
<script src="/javascript/parametrs.js"></script>
<script src="/javascript/kodik.js"></script>
<script src="/javascript/pages/index.js" type="module"></script>
<script src="https://www.youtube.com/iframe_api"></script>
</body>
</html>