-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
305 lines (272 loc) · 13.1 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
304
305
<!DOCTYPE html>
<!-- Dmitry Gridnev https://vk.com/flymedllva -->
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Бот расписания</title>
<meta name="keywords" content="Финансовый университет">
<meta name="viewport" content="width=device-width, initial-scale=0.6, maximum-scale=1, user-scalable=no">
<meta name="description" content="Бот расписания Финансового университета">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="ru">
<meta property="og:type" content="website" />
<meta property="og:image" content="https://bot.fa.ru/cover.png" />
<meta property="og:image:width" content="600">
<meta property="og:image:height" content="315">
<meta property="og:title" content="Бот расписания" />
<meta property="og:description" content="Бот расписания Финансового университета" />
<meta property="og:url" content="https://bot.fa.ru" />
<meta property="vk:image" content="https://bot.fa.ru/cover.png" />
<meta property="twitter:image" content="https://bot.fa.ru/cover.png" />
<link rel="shortcut icon" href="https://bot.fa.ru/favicon.ico" type="image/x-icon">
<style>
* {
margin: 0;
padding: 0;
border: 0;
}
:root {
color-scheme: light dark;
}
html,
body {
height: 100%;
font-family: -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
}
body {
margin: 0;
}
a {
text-decoration: none;
}
.vk {
color: #4984AD;
}
.tg {
color: #2399D6
}
.container {
height: 100%;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
.row {
width: auto;
}
.item {
padding: 10px;
margin: 10px;
font-size: 2em;
}
.item h1 {}
.item h3 {
color: black;
font-weight: 500;
}
.item h3 span {
vertical-align: super;
}
.item h3 svg {
margin-right: 8px;
}
.vk-1 {
fill: #5181B8;
}
.vk-2 {
fill: white;
}
.iphone {
max-height: 700px;
}
@keyframes fade {
0% {
opacity: 0;
}
11.11% {
opacity: 1;
}
33.33% {
opacity: 1;
}
44.44% {
opacity: 0;
}
100% {
opacity: 0;
}
}
.fadein {
position: relative;
top: 0;
left: 0;
}
.fadein img {
opacity: 0;
animation-name: fade;
animation-duration: 3s;
animation-iteration-count: infinite;
}
.fadein img:nth-child(1) {
animation-delay: 0s;
}
.fadein img:nth-child(2) {
animation-delay: 3s;
}
@media (prefers-color-scheme: dark) {
.item h1 {
color: white;
}
.item h2 {
color: white;
}
.item h3 {
color: white;
}
}
@media (min-width: 481px) and (max-width: 767px) {
.iphones {
display: none;
}
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="item">
<h1>
Бот расписания
</h1>
</div>
<div class="item">
<a href="https://vk.me/finschedule" class="block">
<h3>
<svg class="vk" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 192 192">
<g fill="none" fill-rule="evenodd">
<path class="vk-1"
d="M66.56,0 C120.32,0 71.68,0 125.44,0 C179.2,0 192,12.8 192,66.56 C192,120.32 192,71.68 192,125.44 C192,179.2 179.2,192 125.44,192 C71.68,192 120.32,192 66.56,192 C12.8,192 0,179.2 0,125.44 C0,71.68 0,96.580329 0,66.56 C0,12.8 12.8,0 66.56,0 Z" />
<path class="vk-2"
d="M157.233993,66.1462211 C158.123557,63.1797719 157.233994,61 153.000244,61 L139.000244,61 C135.440505,61 133.799415,62.8830035 132.909356,64.9593945 C132.909356,64.9593945 125.789878,82.3129373 115.704198,93.5851974 C112.441227,96.8481681 110.957879,97.8863636 109.178009,97.8863636 C108.288198,97.8863636 107,96.8481681 107,93.8819658 L107,66.1462211 C107,62.586482 105.96694,61 103.000244,61 L81.0002441,61 C78.7757158,61 77.4378669,62.6521562 77.4378669,64.2179674 C77.4378669,67.5925348 82.4804603,68.3707494 83.0002441,77.8633869 L83.0002441,98.4799003 C83.0002441,103 82.1839388,103.819509 80.4040693,103.819509 C75.6579974,103.819509 64.1131647,86.388441 57.2660122,66.4427426 C55.9241353,62.5659897 54.5782535,61 51.0002441,61 L37.0002441,61 C33.0002441,61 32.2001953,62.8830035 32.2001953,64.9593945 C32.2001953,68.6675178 36.9465141,87.059256 54.2998099,111.383646 C65.8685915,127.995268 82.1682449,137 97.0002441,137 C105.899345,137 107.000244,135 107.000244,131.555007 L107.000244,119 C107.000244,115 107.843292,114.201711 110.661357,114.201711 C112.737749,114.201711 116.297488,115.239906 124.603545,123.249196 C134.095936,132.741586 135.660882,137 141.000244,137 L155.000244,137 C159.000244,137 161.000244,135 159.846475,131.053112 C158.583906,127.119411 154.051802,121.412135 148.038124,114.646617 C144.774906,110.790356 139.88045,106.637574 138.397102,104.560689 C136.320711,101.891255 136.914001,100.704429 138.397102,98.3315162 C138.397102,98.3315162 155.454123,74.3036478 157.233993,66.1462211 Z" />
</g>
</svg>
<span>ВКонтакте</span>
</h3>
</a>
</div>
<div class="item">
<a href="tg://resolve?domain=FinancialUniversityBot" class="block">
<h3>
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 240 240">
<defs>
<linearGradient id="a" x1=".667" x2=".417" y1=".167" y2=".75">
<stop offset="0" stop-color="#37aee2" />
<stop offset="1" stop-color="#1e96c8" />
</linearGradient>
<linearGradient id="b" x1=".66" x2=".851" y1=".437" y2=".802">
<stop offset="0" stop-color="#eff7fc" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
</defs>
<circle cx="120" cy="120" r="120" fill="url(#a)" />
<path fill="#c8daea" d="M98 175c-3.888 0-3.227-1.468-4.568-5.17L82 132.207 170 80" />
<path fill="#a9c9dd" d="M98 175c3 0 4.325-1.372 6-3l16-15.558-19.958-12.035" />
<path fill="url(#b)"
d="M100.04 144.41l48.36 35.729c5.519 3.045 9.501 1.468 10.876-5.123l19.685-92.763c2.015-8.08-3.08-11.746-8.36-9.349l-115.59 44.571c-7.89 3.165-7.843 7.567-1.438 9.528l29.663 9.259 68.673-43.325c3.242-1.966 6.218-.91 3.776 1.258" />
</svg>
<span>Telegram</span>
</h3>
</a>
</div>
<div class="item">
<a href="https://schedule.fa.ru" class="block">
<h3>
<svg height="60" viewBox="2 0 22 22" version="1.1" width="60" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<g transform="translate(0 -1028.4)">
<path
d="m5 1032.4c-1.1046 0-2 0.9-2 2v14c0 1.1 0.8954 2 2 2h6 2 6c1.105 0 2-0.9 2-2v-14c0-1.1-0.895-2-2-2h-6-2-6z"
fill="#bdc3c7" />
<path
d="m5 3c-1.1046 0-2 0.8954-2 2v14c0 1.105 0.8954 2 2 2h6 2 6c1.105 0 2-0.895 2-2v-14c0-1.1046-0.895-2-2-2h-6-2-6z"
fill="#ecf0f1" transform="translate(0 1028.4)" />
<path d="m5 1031.4c-1.1046 0-2 0.9-2 2v3h18v-3c0-1.1-0.895-2-2-2h-6-2-6z" fill="#e74c3c" />
<path d="m7 5.5a1.5 1.5 0 1 1 -3 0 1.5 1.5 0 1 1 3 0z" fill="#c0392b"
transform="translate(.5 1028.4)" />
<path
d="m6 1c-0.5523 0-1 0.4477-1 1v3c0 0.5523 0.4477 1 1 1s1-0.4477 1-1v-3c0-0.5523-0.4477-1-1-1z"
fill="#bdc3c7" transform="translate(0 1028.4)" />
<path d="m7 5.5a1.5 1.5 0 1 1 -3 0 1.5 1.5 0 1 1 3 0z" fill="#c0392b"
transform="translate(12.5 1028.4)" />
<g fill="#bdc3c7">
<path
d="m18 1029.4c-0.552 0-1 0.4-1 1v3c0 0.5 0.448 1 1 1s1-0.5 1-1v-3c0-0.6-0.448-1-1-1z" />
<path
d="m5 1039.4v2h2v-2h-2zm3 0v2h2v-2h-2zm3 0v2h2v-2h-2zm3 0v2h2v-2h-2zm3 0v2h2v-2h-2z" />
<path
d="m5 1042.4v2h2v-2h-2zm3 0v2h2v-2h-2zm3 0v2h2v-2h-2zm3 0v2h2v-2h-2zm3 0v2h2v-2h-2z" />
<path
d="m5 1045.4v2h2v-2h-2zm3 0v2h2v-2h-2zm3 0v2h2v-2h-2zm3 0v2h2v-2h-2zm3 0v2h2v-2h-2z" />
</g>
<rect fill="#c0392b" height="1" transform="translate(0 1028.4)" width="18" x="3" y="8" />
</g>
</svg>
<span>Календарь</span>
</h3>
</a>
</div>
</div>
<div class="row iphones">
<div class="item">
<div class="a">
<div class="">
<img class="iphone" src="phone.png" alt="iPhone">
</div>
</div>
</div>
</div>
</div>
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function(m, e, t, r, i, k, a) {
m[i] = m[i] || function() {
(m[i].a = m[i].a || []).push(arguments)
};
m[i].l = 1 * new Date();
k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(56596660, "init", {
clickmap: true,
trackLinks: true,
accurateTrackBounce: true,
webvisor: true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/56596660" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<!-- <script type="text/javascript">
var bool = false;
setInterval(() => {
bool = !bool;
let imgSrc = bool ? 'iphone-vk.png' : 'iphone-tg.png';
if (imgSrc == "iphone-vk.png") {
$('#iphone1').addClass('display-none')
$('#iphone2').removeClass('display-none')
$('#iphone2').addClass('transition');
setTimeout(() => {
$('#iphone2').attr('src', `${imgSrc}`).removeClass('transition');
}, 400);
} else {
$('#iphone2').addClass('display-none')
$('#iphone1').removeClass('display-none')
$('#iphone1').addClass('transition');
setTimeout(() => {
$('#iphone1').attr('src', `${imgSrc}`).removeClass('transition');
}, 400);
}
}, 2500);
</script> -->
</body>
</html>