-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
217 lines (213 loc) · 13.6 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
<!DOCTYPE html>
<html lang="ru" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<title>Физтех.Радио - Несём Аш Ню</title>
<meta name="viewport" content="width=device-width,initial-scale=1"><!-- -->
<!-- Favicons --><!-- -->
<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="#f04145">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#f04145"><!-- --><!-- Assets -->
<!-- -->
<link rel="stylesheet" type="text/css" href="css/nouislider.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="https://use.typekit.net/lui5vlp.css">
<!--FIXME: Обязательно уменьшить колчиество весов шрифта в typekit-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/nouislider.min.js"></script>
<script src="js/script.js"></script><!-- --><!-- Open Graph --><!-- -->
<meta property="og:title" content="Я слушаю Физтех.Радио на radiomipt.ru">
<meta property="og:description" content="Несём Аш Ню!">
<meta property="og:image" content="img/og-background.png">
<meta property="og:type" content="website"><!-- Socials Share -->
<!--<script type="text/javascript" src="https://vk.com/js/api/share.js?93" charset="windows-1251"></script>-->
<!-- --><!-- Yandex.Metrika --><!-- -->
<script type="text/javascript">(function (d, w, c) {
(w[c] = w[c] || []).push(function () {
try {
w.yaCounter50134423 = new Ya.Metrika({
id: 50134423,
clickmap: true,
trackLinks: true,
accurateTrackBounce: true
});
} catch (e) {
}
});
var n = d.getElementsByTagName("script")[0],
s = d.createElement("script"),
f = function () {
n.parentNode.insertBefore(s, n);
};
s.type = "text/javascript";
s.async = true;
s.src = "https://mc.yandex.ru/metrika/watch.js";
if (w.opera == "[object Opera]") {
d.addEventListener("DOMContentLoaded", f, false);
} else {
f();
}
})(document, window, "yandex_metrika_callbacks");</script>
<noscript>
<div><img src="https://mc.yandex.ru/watch/50134423" style="position:absolute; left:-9999px;" alt=""></div>
</noscript><!-- --><!-- OneSignal --><!-- -->
<link rel="manifest" href="/manifest.json">
</head>
<body>
<div id="sidenav">
<a href="https://www.instagram.com/radiomipt/" target="_blank">
<img src="img/instagram.png">
</a>
<a href="https://vk.com/radiomipt" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 445 445" height="33"><title>Вконтакте</title>
<path class="vk-color-1"
d="M68.57,0H376.43A68.57,68.57,0,0,1,445,68.57V376.43A68.57,68.57,0,0,1,376.43,445H68.57A68.57,68.57,0,0,1,0,376.43V68.57A68.57,68.57,0,0,1,68.57,0Z"></path>
<path class="vk-color-2"
d="M323.3,226.21s38.45-54.24,42.27-72.07c1.27-6.37-1.53-9.93-8.15-9.93H324.07c-7.64,0-10.44,3.31-12.73,8.15,0,0-18,38.43-40,62.64-7,7.83-10.63,10.18-14.52,10.18-3.14,0-4.58-2.61-4.58-9.68V153.63c0-8.66-1-11.2-8.15-11.2H190.63c-4.07,0-6.62,2.37-6.62,5.6,0,8.15,12.48,10,12.48,32.09V225.7c0,9.17-.51,12.73-4.84,12.73-11.46,0-38.71-39.47-54-84.29-3.06-9.17-6.37-11.71-15-11.71H89.28c-4.84,0-8.4,3.31-8.4,8.15,0,8.91,10.44,50.17,51.44,105.43,27.5,37.18,63.66,57.3,96.26,57.3,19.86,0,24.7-3.31,24.7-11.71V273.06c0-7.13,2.8-10.19,6.88-10.19,4.58,0,12.67,1.47,31.58,20.12,22.41,21.39,23.94,30.3,36.16,30.3h37.43c3.82,0,7.39-1.78,7.39-8.15,0-8.4-11-23.43-27.76-41.25-6.88-9.17-18.08-19.1-21.65-23.68C318.21,234.86,319.74,231.81,323.3,226.21Z"></path>
</svg>
</a>
<a href="https://twitter.com/radiomipt" target="_blank">
<img width="49" height="49" src="img/twitter.png">
</a>
</div>
<div id="nav-icon">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<!-- <img id="logo-image" src="img/logo-image.svg">-->
<!-- <img id="logo-text" src="img/logo-text.svg">-->
<div id="main">
<div id="welcome">
<canvas id="visualizer" height="500px" width="3000"></canvas>
<img id="logo-image" src="img/logo-image.svg">
<img id="logo-text" src="img/logo-text.svg">
<!-- <p id="welcome-text">Физтех.Радио</p>-->
<svg id="arrow">
<g>
<path d="M19.208,18.592c-0.241,0-0.483-0.087-0.673-0.261L0.327,1.74c-0.408-0.372-0.438-1.004-0.066-1.413c0.372-0.409,1.004-0.439,1.413-0.066L19.208,16.24L36.743,0.261c0.411-0.372,1.042-0.342,1.413,0.066c0.372,0.408,0.343,1.041-0.065,1.413L19.881,18.332C19.691,18.505,19.449,18.592,19.208,18.592z">
</path>
</g>
</svg>
</div>
<div id="team">
<p id="team-header"> Команда Физтех.Радио </p>
<div id="team-cards">
<div class="card">
<div class="avatar"><img width="114" src="img/People/Vlad.jpg"></div>
<div class="name">Влад Акулинин</div>
<div class="brief">глава Физтех.Радио</div>
<div class="text">Пытался сбежать с радио 3 раза, в итоге стал руководителем</div>
</div>
<div class="card">
<div class="avatar"><img width="114" src="img/People/KateS.jpg"></div>
<div class="name">Катя Шайдурова</div>
<div class="brief">менеджер, глава СММ</div>
<div class="text">Просто делает то, что умеет</div>
</div>
<div class="card">
<div class="avatar"><img width="114" src="img/People/PolinaK.jpg"></div>
<div class="name">Полина Китайцева</div>
<div class="brief">менеджер проектов</div>
<div class="text">«Дорогу осилит идущий» – и любимая цитата, и отличный девиз!</div>
</div>
<div class="card">
<div class="avatar"><img width="114" src="img/People/Margo.jpg"></div>
<div class="name">Маргарита Кузнецова</div>
<div class="brief">менеджер</div>
<div class="text">По её мнению худший вопрос Дудя - "Путин красавчик?" Ведь нельзя сравнить несравнимое...</div>
</div>
<div class="card">
<div class="avatar"><img width="114" src="img/People/DashaS.jpg"></div>
<div class="name">Даша Сокол</div>
<div class="brief">арт-директор</div>
<div class="text">Чирык!</div>
</div>
<div class="card">
<div class="avatar"><img width="114" src="img/People/Anya.jpg"></div>
<div class="name">Аня Коган</div>
<div class="brief">фотограф</div>
<div class="text">Любимая шутка: «Давайте по-быстрому сфоткаемся, 10 мин на человека»</div>
</div>
<div class="card">
<div class="avatar"><img width="114" src="img/People/DashaG.jpg"></div>
<div class="name">Даша Галимская</div>
<div class="brief">дизайнер</div>
<div class="text">Играется с вашими шрифтами сколько хочет</div>
</div>
<div class="card">
<div class="avatar"><img width="114" src="img/People/KateK.jpg"></div>
<div class="name">Катя Куликова</div>
<div class="brief">дизайнер</div>
<div class="text">Девиз по жизни: Выбирай цвета и ткань - жизнь твой собственный дизайн!</div>
</div>
<div class="card">
<div class="avatar"><img width="114" src="img/People/Dima.jpg"></div>
<div class="name">Дима Прошутинский</div>
<div class="brief">видеограф, глава отдела подкастов</div>
<div class="text">Может за день сделать крутой видос. Но пока что ни разу не воспользовался этой способностью</div>
</div>
<div class="card">
<div class="avatar"><img width="114" src="img/People/Ilya.jpg"></div>
<div class="name">Илья Зуев</div>
<div class="brief">инженер, подкастер, лучший веб-<br>разработчик на Физтех.Радио</div>
<div class="text" style="top:90px;">Может сделать что угодно, но постоянно не хватает времени</div>
</div>
<div class="card">
<div class="avatar"><img width="114" src="img/People/Artemiy.jpg"></div>
<div class="name">Тёма Соловьев</div>
<div class="brief">тамада, подкастер</div>
<div class="text">Тамада, универсальная боевая единица. С ним лучше не шутить (шутка)</div>
</div>
<div class="card">
<div class="avatar"><img width="114" src="img/People/Fedya.jpg"></div>
<div class="name">Федя Чихачёв</div>
<div class="brief">музыкальный подкастер</div>
<div class="text">Считает, что тяжело в учении, легко в гробу</div>
</div>
<div class="card">
<div class="avatar"><img width="114" src="img/People/Artem.jpg"></div>
<div class="name">Артём Подмаско</div>
<div class="brief">подкастер</div>
<div class="text">В попытке вернуться из Минска сломал ногу</div>
</div>
<div class="card">
<div class="avatar"><img width="114" src="img/People/Gosha.jpg"></div>
<div class="name">Гоша Зеленфройнд</div>
<div class="brief">глава мем-отдела</div>
<div class="text">Любит когда мемы - ситуативный юмор. Но есть один нюанс...</div>
</div>
<div class="card">
<div class="avatar"><img width="114" src="img/People/Vova.jpg"></div>
<div class="name">Вова Сергейчик</div>
<div class="brief">мемодел</div>
<div class="text">Из его сырков в холодильнике можно построить небольшой домик</div>
</div>
<div class="card">
<div class="avatar"><img width="114" src="img/People/PolinaS.jpg"></div>
<div class="name">Полина Селина</div>
<div class="brief">СММщик</div>
<div class="text">Танцует, пишет, учится и это всё одновременно</div>
</div>
<div class="card">
<div class="avatar"><img width="114" src="img/People/Ira.jpg"></div>
<div class="name">Ирочка Карцева</div>
<div class="brief">ведущий, подкастер</div>
<div class="text">Создаёт ламповую атмосферу в Instagram. Без ума от круассанов без начинки</div>
</div>
<div class="card">
<div class="avatar"><img width="114" src="img/People/Grisha.jpg"></div>
<div class="name">Гриша Серов</div>
<div class="brief">cценарист</div>
<div class="text">Напишет гениальный сценарий, но забудет, где его оставит</div>
</div>
</div>
</div>
</div>
</body>
</html>