-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
304 lines (300 loc) · 22.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
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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>haHandy 🤘</title>
<meta name="description" content="Мастерклассы оффлайн про IT в Хабаровске – два часа, два мастера, один вопрос разбирают с различных сторон">
<meta name="keywords" content="Хабаровск, IT, программирование, мастеркласс, информационные технологии, 1С, JS, haJS, ha1s, nixDV, devDV">
<meta name="author" content="Денис Ткаченко">
<link rel="stylesheet" href="./css/normalize.css">
<!-- <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=cyrillic" rel="stylesheet"> -->
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700&subset=cyrillic" rel="stylesheet">
<!--<link href="https://fonts.googleapis.com/css?family=Arimo" rel="stylesheet">-->
<link rel="stylesheet" href="./css/style.css">
<link rel="apple-touch-icon" sizes="180x180" href="./favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicons/favicon-16x16.png">
<!--<link rel="manifest" href="/favicons/manifest.json">
<link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#000000">
<link rel="shortcut icon" href="/favicons/favicon.ico">
<meta name="msapplication-config" content="/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffc40d">-->
</head>
<body>
<header class="page-header">
<div class="page-header__inner">
<div class="page-header-top">
<div class="description">
<span class="description__title">master 🤘 classes</span>
<span class="description__subtitle" href="/">про информационные технологии</span>
<span class="description__subsubtitle" href="/">оффлайн мастерклассы про IT в Хабаровске</span>
</div>
<div class="logo page-header__logo visually-hidden">
<img class="logo__picture" src="./images/haHandy-stepbystep.png" alt="step by step" width="200">
<!--<img class="logo__picture" src="./images/devDV-logo-dV.png" alt="Профессиональное объединение разработчиков ДВ" width="200">-->
</div><!-- /logo -->
<ul class="social-links page-header__social-links">
<!-- <li>
<a class="social-links__item" href="#" target="_blank" title="Наш канал на YouTube"></a>
</li>
<li>
<a class="social-links__item" href="#" target="_blank" title="Наш канал в Telegram"></a>
</li>
<li>
<a class="social-links__item" href="#" target="_blank" title="Мы в VK"></a>
</li>
<li>
<a class="social-links__item" href="#" target="_blank" title="Мы в Twitter"></a>
</li>
<li>
<a class="social-links__item" href="#" target="_blank" title="Мы в Facebook"></a>
</li> -->
</ul><!-- /social-links -->
<div class="search page-header__search">
<!-- <button class="search__button"</button> -->
</div><!-- /search -->
</div><!-- /page-header-top -->
<div class="page-header-bottom" style="display: none;">
<nav class="main-menu page-header__main-menu">
<span class="main-menu__item main-menu__item--current">Главная</span>
<!--<a class="main-menu__item main-menu__item--blue" href="honorboard.html">Мастера</a>-->
<a class="main-menu__item main-menu__item--blue" href="#archive">Архив</a>
<a class="main-menu__item main-menu__item--blue" href="#about">О проекте</a>
<a class="main-menu__item main-menu__item--blue" href="#subscribe">Подписка</a>
</nav><!-- /main-menu -->
</div><!-- /page-hader-bottom -->
</div><!-- /page-header__inner -->
</header><!-- /page-header -->
<main class="page-content">
<section class="page-content__inner content-section">
<p class="page-content__concept content-section">два часа, два мастера, один вопрос разбирают с различных сторон</p>
<h1 class="page-title">Мастерклассы</h1> <!--visually-hidden-->
<ul class="content-cards page-content__content-cards">
<!--<li class="content-cards-item page-content__cards-item">
<img class="content-cards-item__cover" src="./images/haHandy1.jpg" width="480" alt="">
<div class="content-cards-item__coveradd">
<time class="content-cards-item__date" datetime="20.01.18">
<div class="content-publish-date">
<span class="content-publish-date__day">20 Янв</span>
<span class="content-publish-date__time">16:00</span>
</div>
</time>
<div class="content-cards-item__tag tag__ib">
<span class="content-publish-tag">ИБ</span>
</div>
</div>
<div class="content-cards-item__title">haHandy: disassemble Java code – <br>тёмная сторона reverse engineering</div>
<div class="content-cards-item__description">Концептуальные карты и ТОС, инструменты decompile/disassemble/assemble java program<br>Результат: Узнаете про концептуальные карты, познакомитесь с инструментами по реверс инжинирингу на практике.</div>
</li><!-- /content-cards__item -->
<!--<li class="content-cards-item page-content__cards-item">
<img class="content-cards-item__cover" src="./images/haHandy2.jpg" width="480" alt="">
<div class="content-cards-item__coveradd">
<time class="content-cards-item__date" datetime="27.01.18">
<div class="content-publish-date">
<span class="content-publish-date__day">27 Янв</span>
<span class="content-publish-date__time">16:30</span>
</div>
</time>
<div class="content-cards-item__tag tag__1c">
<span class="content-publish-tag">1C</span>
</div>
</div>
<div class="content-cards-item__title">haHandy: 1c dev flow, step by step – <br>профессиональная корпоративная разработка</div>
<div class="content-cards-item__description">По шагам разберем построение процесса корпоративной разработки на 1с используя 1С:Конфигуратор, GitLab и Jenkins. Мастеркласс проводят «прожжённые» 1С-ники двух крупных сетей города.</div>
</li><!-- /content-cards__item -->
<!--<li class="content-cards-item page-content__cards-item">
<img class="content-cards-item__cover" src="./images/haHandy3.jpg" width="480" alt="">
<div class="content-cards-item__coveradd">
<time class="content-cards-item__date" datetime="17.02.18">
<div class="content-publish-date">
<span class="content-publish-date__day">17 Фев</span>
<span class="content-publish-date__time">16:30</span>
</div>
</time>
<div class="content-cards-item__tag tag__js">
<span class="content-publish-tag">JS</span>
</div>
</div>
<div class="content-cards-item__title">haHandy: webpack, babel – фундамент веб-приложения</div>
<div class="content-cards-item__description"></div>
</li>--><!-- /content-cards__item -->
<!--<li class="content-cards-item page-content__cards-item">
<img class="content-cards-item__cover" src="http://placehold.it/480x270" width="480" alt="">
<div class="content-cards-item__coveradd">
<time class="content-cards-item__date" datetime="24.02.18">
<div class="content-publish-date">
<span class="content-publish-date__day">24 Фев</span>
<span class="content-publish-date__time">16:30</span>
</div>
</time>
</div>
<div class="content-cards-item__title">haHandy: </div>
<div class="content-cards-item__description"></div>
</li>--><!-- /content-cards__item -->
<li class="content-cards-item page-content__cards-item">
<img class="content-cards-item__cover" src="./images/haHandy5.jpg" width="480" alt="">
<div class="content-cards-item__coveradd">
<time class="content-cards-item__date" datetime="17.03.18">
<div class="content-publish-date">
<span class="content-publish-date__day">17 Мар</span>
<span class="content-publish-date__time">16:30</span>
</div>
</time>
<div class="content-cards-item__tag tag__1c">
<span class="content-publish-tag">1C</span>
</div>
</div>
<div class="content-cards-item__title">haHandy: OneScript - 1C devops</div>
<div class="content-cards-item__description">Если вы давно мечтаете автоматизировать выполнение надоевшей задачи с помощью скрипта, но не знаете никакие языки, кроме 1С, то OneScript - это то, что вам нужно. На мастер-классе вы узнаете, что такое OScript, как самому написать и запустить скрипт на языке 1С, и какие возможности есть у этого инструмента «из коробки».</div>
</li><!-- /content-cards__item -->
<li class="content-cards-item page-content__cards-item">
<img class="content-cards-item__cover" src="http://placehold.it/480x270" width="480" alt="">
<div class="content-cards-item__coveradd">
<time class="content-cards-item__date" datetime="24.03.18">
<div class="content-publish-date">
<span class="content-publish-date__day">24 Мар</span>
<span class="content-publish-date__time">16:30</span>
</div>
</time>
</div>
<div class="content-cards-item__title">haHandy: Создание своего порта в FreeBSD </div>
<div class="content-cards-item__description"></div>
</li><!-- /content-cards__item -->
<li class="content-cards-item page-content__cards-item">
<img class="content-cards-item__cover" src="http://placehold.it/480x270" width="480" alt="">
<div class="content-cards-item__coveradd">
<time class="content-cards-item__date" datetime="21.04.18">
<div class="content-publish-date">
<span class="content-publish-date__day">21 Апр</span>
<span class="content-publish-date__time">16:30</span>
</div>
</time>
<div class="content-cards-item__tag tag__1c">
<span class="content-publish-tag">1C</span>
</div>
</div>
<div class="content-cards-item__title">haHandy: xUnit для 1C - TDD в 1с</div>
<div class="content-cards-item__description"></div>
</li><!-- /content-cards__item -->
</ul><!-- /content-cards -->
<!--<div class="pager page-content__pager">
<a class="pager__item" href="#">1</a>
<a class="pager__item" href="#">2</a>
<a class="pager__item" href="#">3</a>
<a class="pager__item" href="#">4</a>
<a class="pager__item pager__item--last" href="#">Последняя</a>
</div>--><!-- /pager -->
</section><!-- /page-content__inner -->
<section class="archive content-section" id="archive">
<div class="archive__inner">
<h2 class="archive__title">Прошедшие мероприятия</h2>
<ul class="archive-cards">
<li class="archive-cards-item">
<img class="archive-cards-item__cover" src="./images/haHandy1.jpg" width="240" alt="">
<time class="archive-cards-item__date" datetime="20.01.18">
<div class="archive-publish-date">
<span class="archive-publish-date__day">20</span>
<span class="archive-publish-date__month">Янв</span>
</div>
</time>
<div class="archive-cards-item__title">haHandy: disassemble Java code – тёмная сторона reverse engineering</div>
<div class="archive-cards-item__description">Концептуальные карты и ТОС, инструменты decompile/disassemble/assemble java program<br>Результат: Узнаете про концептуальные карты, познакомитесь с инструментами по реверс инжинирингу на практике.</div>
</li><!-- /content-cards__item -->
<li class="archive-cards-item">
<img class="archive-cards-item__cover" src="./images/haHandy2.jpg" width="240" alt="">
<time class="archive-cards-item__date" datetime="27.01.18">
<div class="archive-publish-date">
<span class="archive-publish-date__day">27</span>
<span class="archive-publish-date__month">Янв</span>
</div>
</time>
<div class="archive-cards-item__title">haHandy: 1c dev flow, step by step – профессиональная корпоративная разработка</div>
<div class="archive-cards-item__description">По шагам разберем построение процесса корпоративной разработки на 1с используя 1С:Конфигуратор, GitLab и Jenkins. Мастеркласс проводят «прожжённые» 1С-ники двух крупных сетей города.</div>
</li><!-- /archive-cards__item -->
<li class="archive-cards-item">
<img class="archive-cards-item__cover" src="./images/haHandy3.jpg" width="240" alt="">
<time class="archive-cards-item__date" datetime="17.02.18">
<div class="archive-publish-date">
<span class="archive-publish-date__day">17</span>
<span class="archive-publish-date__month">Фев</span>
</div>
</time>
<!--<div class="archive-cards-item__tag tag__js">
<span class="content-publish-tag">JS</span>
</div>-->
<div class="archive-cards-item__title">haHandy: webpack, babel – фундамент веб-приложения</div>
<div class="archive-cards-item__description">1. Что такое webpack?<br>2. Какие проблемы решает.<br>3. Анатомия webpack. Разбираем термины, говорим на одном языке.<br>4. Зачем вашему проекту webpack?<br>5. От слов к делу - конфигурируем и решаем реальные задачи.</div>
</li>
<li class="archive-cards-item">
<img class="archive-cards-item__cover" src="http://placehold.it/240x135" width="240" alt="">
<time class="archive-cards-item__date" datetime="01.01.18">
<div class="archive-publish-date">
<span class="archive-publish-date__day">01</span>
<span class="archive-publish-date__month">Янв</span>
</div>
</time>
<div class="archive-cards-item__title">Как создать HTTP-сервис</div>
<div class="archive-cards-item__description">Рассказываем и показываем как создать простейший HTTP-сервис для платформы 1С:Предприятие 8.3</div>
</li><!-- /archive-cards__item -->
</ul><!-- /archive-cards -->
</div><!-- /archive__inner -->
</section><!-- /archive -->
<section class="about content-section" id="about">
<div class="about__inner">
<h2 class="about__title">О проекте</h2>
<div class="about__description">
<p>Мало очень в Хабаровске активностей по IT, заметив это в 2014 году, попробовали исправить. Провели серию локальных мероприятий:</p>
<ul>
<li>конференций по opensource (сайт: <a target="_blank" href="https://nixdv.org">nixDV.org</a>, чат: <a target="_blank" href="https://t.me/nixdv">t.me/nixDV</a>),</li>
<li>митапов по фронтенд-разработке (сайт: <a target="_blank" href="https://hajs.ru">haJS.ru</a>, чат: <a target="_blank" href="https://t.me/hajs_chat">t.me/haJS_chat</a>),</li>
<li>конференций по корпоративной разработке (сайт: <a target="_blank" href="https://ha1s.ru">ha1s.ru</a>, чат: <a target="_blank" href="https://t.me/ha1sru">t.me/ha1sru</a>) –</li>
</ul>
<p>но этого показалось мало. Тогда Мы поставили Цель: каждую неделю проводить мероприятие АйТи направленности – мастеркласс, митап или конференцию. Так и родился формат haHandy – как расширение митапов и конференций, для подробного разбора интересных вопросов, на которые не хватало времени в формате докладов.</p>
<p>Мы – это, сначала инициативная группа из двух, потом из четверых разработчиков различных областей (да-да, прямо как в трёх мушкетерах), а впоследствии ОО “Профессиональные Разработчики ДВ”, если кратко, то <a target="_blank" href="https://devdv.ru">devDV</a>.</p>
<ul>
<li>по вопросам общественного объединения есть чат <a target="_blank" href="https://t.me/devdv">t.me/devDV</a></li>
</ul>
<p>Постоянно пробуем мы новые форматы на наших мероприятиях на удивление Вам и всегда открыты для предложений и сотрудничества.</p>
</div>
</div><!-- /about__inner -->
</section><!-- /about -->
<section class="subscribe content-section" id="subscribe">
<div class="subscribe__inner subscribe-content">
<h2 class="subscribe__title">Подписка</h2>
<div class="subscribe__description subscribe-content"><div class="subscribe-description__inner">
<p>Раз в неделю, обычно по вторникам, мы анонсируем предстоящие мероприятия на нашем <a href="https://t.me/haHandy" class="subscribe__link">telegram канале</a>.</p>
<!--<form class="subscribe-form" method="post">
<label><input class="subscribe-form__email" type="text" placeholder="Введите email"></label>
<input class="subscribe-form__submit-btn" type="submit" value="Подписаться">
</form>
<p>Перейти на наш telegram канал: <a href="https://t.me/haHandy">t.me/haHandy</a></p>-->
</div></div>
<ul class="social-links">
<!--<li>
<a class="social-links__item" href="#" target="_blank" title="Наш канал на YouTube"></a>
</li>
<li>
<a class="social-links__item" href="#" target="_blank" title="Наш канал в Telegram"></a>
</li>
<li>
<a class="social-links__item" href="#" target="_blank" title="Мы в VK"></a>
</li>
<li>
<a class="social-links__item" href="#" target="_blank" title="Мы в Twitter"></a>
</li>
<li>
<a class="social-links__item" href="#" target="_blank" title="Мы в Facebook"></a>
</li> -->
</ul><!-- /social-links -->
</div><!-- /subscribe__inner -->
</section><!-- /subscribe -->
</main><!-- /page-content -->
<footer class="page-footer">
<div class="page-footer__inner footer-content">
<span class="page-footer__copyright">🤘 <a class="page-footer__contact-link" href="https://t.me/haHandy">t.me/haHandy</a> – оффлайн мастерклассы про информационные технологии в Хабаровске, 2018</span>
<!--<span class="page-footer__contacts"></span>-->
</div><!-- /page-footer__inner -->
</footer><!-- /page-footer -->
</body>
</html>