-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
152 lines (135 loc) · 6.29 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>PiterJS intro</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="node_modules/@shower/ribbon/styles/styles.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fira+Sans&display=swap">
<link rel="stylesheet" href="styles/styles.css">
</head>
<body class="shower list">
<header class="caption">
<h1>PiterJS Intro</h1>
<p>Пара слов о митапе</p>
</header>
<section class="slide intro">
<div class="place number">
<img src="images/PiterJS-square.svg" alt="PiterJS logo" height="150">
<p class="title">PiterJS <span class="brand">#41</span></p>
</div>
</section>
<section class="slide we-are">
<h2>PiterJS meetup</h2>
<ul>
<li class="next">Обсуждаем JS и всё, что в него компилируется</li>
<li class="next">Проводим митапы в Питере каждый месяц с мая 2015</li>
<li class="next">Без отпусков. <span class="next">Без перерывов.</span> <span class="next">Без каникул.</span></li>
<li class="next">Нам и этого стало мало</li>
</ul>
</section>
<section class="slide first-time">
<h2 class="place left first-time-text">Кто слышал<br>про PiterJS?</h2>
<img src="images/raising_hand.svg" alt="" class="place right raising-hand">
<div class="place left bottom next">Кто смотрел онлайн?</div>
<div class="place right bottom next">А кто бывал лично?</div>
</section>
<section class="slide">
<h2>Мы в <img src="images/DINS.svg" alt="" class="raising-hand raising-hand--base" style="height: 1em"></h2>
<ul>
<li class="next">Кофе и круассаны</li>
<li class="next">Курилка - во дворе</li>
<li class="next">После 3 доклада - экскурсия<br>по офису</li>
</ul>
<img src="images/STP.PNG" alt="" class="image" style="position: absolute;top:0;right:0;bottom:50%;max-height: 100%;max-width: 50%;">
<img src="images/FIDEL.PNG" alt="" class="image" style="position: absolute;top:50%;right:0;bottom:100%;max-height: 100%;max-width: 50%;">
</section>
<section class="slide intro">
<div class="place number">
<h3 class="title">Что будет скоро</h3>
</div>
</section>
<section class="slide image-focusing">
<h2><a href="">Code & Learn</a></h2>
<img src="images/learn.jpg" alt="Code & Learn" class="image">
</section>
<section class="slide intro">
<div class="place number">
<img src="images/PiterJS-square.svg" alt="PiterJS logo" height="150">
<h3 class="title">Что сегодня</h3>
</div>
</section>
<section class="slide">
<img src="images/video.png" alt="Доклады PiterJS #41" class="cover">
</section>
<section class="slide">
<h2>Вопросы</h2>
<ul>
<li class="next">За лучшие вопросы - призы</li>
<li class="next">Мы ведём трансляцию</li>
<li class="next">Говорите в микрофон</li>
<li class="next">Улыбайтесь фотографу</li>
</ul>
</section>
<section class="slide who-wants">
<h2>Кто хочет выступить? <img src="images/raising_hand.svg" alt="" class="raising-hand raising-hand--base"></h2>
<p>Мы постоянно ищем докладчиков</p>
<p>Поможем с выбором темы, подготовкой и тренировкой доклада</p>
<p>Пишите на <a href="mailto:hello@piterjs.org">hello@piterjs.org</a></p>
<p>А если выступить в других городах?</p>
</section>
<section class="slide socials">
<h2>Подписывайтесь</h2>
<ul class="columns two">
<li>
<img src="images/social-medium.svg" alt="" class="social-icon">
<a href="https://medium.com/piterjs">https://medium.com/piterjs</a>
</li>
<li>
<img src="images/social-youtube.svg" alt="" class="social-icon">
<a href="https://youtube.com/piterjs/">https://youtube.com/piterjs</a>
</li>
<li>
<img src="images/social-twitter.svg" alt="" class="social-icon">
<a href="https://twitter.com/gopiterjs">https://twitter.com/gopiterjs</a>
</li>
<li>
<img src="images/social-telegram.svg" alt="" class="social-icon">
<a href="https://t.me/piterjs">https://t.me/piterjs</a>
</li>
<li>
<img src="images/social-vk.svg" alt="" class="social-icon">
<a href="https://vk.com/piterjs">https://vk.com/piterjs</a>
</li>
<li>
<img src="images/social-github.svg" alt="" class="social-icon">
<a href="https://github.com/piterjs">https://github.com/piterjs</a>
</li>
<li>
<img src="images/PiterJS-square.svg" alt="" class="social-icon">
<a href="https://piterjs.org/">https://piterjs.org</a>
</li>
<li>
<img src="images/patreon.svg" alt="" class="social-icon">
<mark><a href="https://www.patreon.com/piterjs">https://www.patreon.com/piterjs</a></mark>
</li>
</ul>
</section>
<section class="slide image-focusing">
<h2><a href="https://www.patreon.com/piterjs">https://www.patreon.com/piterjs</a></h2>
<img src="images/patreon.svg" alt="TechTrain" class="image" style="width: 20%">
</section>
<section class="slide image-focusing">
<div class="place number" style="text-align: center">
<h2>Го в бар<br>после митапа!</h2>
<div>
<b>Курляндская ул., 48</b><br>
<a href="https://t.me/beerjs_spb">https://t.me/beerjs_spb</a>
</div>
</div>
<img src="images/beerjs.png" width="140" alt="PiterJS logo" height="140" class="place top right">
</section>
<div class="progress"></div>
<script src="node_modules/shower-core/shower.min.js"></script>
</body>
</html>