-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
286 lines (284 loc) · 13.5 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
<!DOCTYPE html>
<html>
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LPJ266CPD7"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-LPJ266CPD7');
</script>
<title>2024 제주 웹 컨퍼런스</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:type" content="website" />
<meta property="og:title" content="2024 제주 웹 컨퍼런스" />
<meta property="og:description" content="2024년 12월 20일-12월 21일, 제주에서 열리는 웹 컨퍼런스입니다." />
<meta property="og:image" content="https://jejuweb.kr/src/images/OG.png" />
<meta property="og:url" content="https://jejuweb.kr/" />
<link rel="shortcut icon" href="/src/images/icon/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/src/images/icon/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/src/images/icon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/src/images/icon/favicon-16x16.png" />
<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css" />
<link rel="stylesheet" href="/src/css/reset.css" />
<link rel="stylesheet" href="/src/css/index.css" />
</head>
<body>
<h1>
<img src="/src/images/main-illust.png" alt="2024 제주 웹 컨퍼런스" style="position: absolute; width: 0; height: 0" />
</h1>
<div class="all before-start">
<section class="section intro">
<h2>
<img src="/src/images/main-title.svg" alt="jeju 웹 컨퍼런스(2024.12.20~12.21)" />
</h2>
<p class="intro-title">"웹 기술, 어디까지 써봤니?"</p>
<p class="intro-message">제주 웹 컨퍼런스는 웹과 ICT 기술에 대한 인사이트를 나누며 도내외 커뮤니티가 함께 교류하는 특별한 장입니다. 최신 ICT 트렌드와 현업 사례를 한자리에서 만나보세요!</p>
<dl class="conf-summary">
<dt class="summary-item">일 시</dt>
<dd class="summary-item">2024년 12월 20일(금) ~ 12월 21일(토), 13:00 ~ 18:00</dd>
<dt class="summary-item">장 소</dt>
<dd class="summary-item">제주시 중앙로 217, 제주창조경제혁신센터 3층 J-SPACE 트랙룸</dd>
<dt class="summary-item">주 제</dt>
<dd class="summary-item">웹과 ICT 기술 관련 최신 트렌드 및 현업 사례 등 강연</dd>
<dt class="summary-item">참가비</dt>
<dd class="summary-item">무료</dd>
<dt class="summary-item">주 최</dt>
<dd class="summary-item"><a href="http://www.jejuiucc.or.kr/default/" target="_blank" rel="noreferrer">(사)제주산학융합원</a>, 제주산학융합지구사업단</dd>
<dt class="summary-item">주 관</dt>
<dd class="summary-item">
<a href="https://ccei.creativekorea.or.kr/jeju/" target="_blank" rel="noreferrer">(재)제주창조경제혁신센터</a>,
<a href="https://weniv.co.kr/" target="_blank" rel="noreferrer">(주)위니브</a>
</dd>
<dt class="summary-item">문 의</dt>
<dd class="summary-item">홈페이지 내 채널톡 이용</dd>
</dl>
<a href="https://forms.gle/fDMbkDXPCjx6WTjx6" target="_blank" rel="noreferrer" class="apply-link">참가신청</a>
<ul class="management-list">
<li class="management-item">
<img src="/src/images/logo-manage1.svg" alt="(사)제주산학융합원" />
</li>
<li class="management-item">
<img src="/src/images/logo-manage4.svg" alt="제주산학융합지구사업단" />
</li>
<li class="management-item">
<img src="/src/images/logo-ccei.svg" alt="(재)제주창조경제혁신센터" />
</li>
<li class="management-item">
<img src="/src/images/logo-weniv.svg" alt="(주)위니브" />
</li>
</ul>
</section>
<section class="section section-note">
<h2 class="section-title">참가 신청 안내</h2>
<ul class="notice-list">
<li>
<h3>모집 기간</h3>
<strong>12.9(월)~12.19(목)</strong>
</li>
<li>
<h3>접수 확인</h3>
<strong>12.19(목), 개별 연락</strong>
</li>
<li class="note-wrap">
<h3>안내 사항</h3>
<ul class="note-list">
<li>신청자가 많을 경우 접수가 조기 마감될 수 있습니다.</li>
<li>현장 참여자를 대상으로 경품 추첨을 진행합니다.</li>
<li>숙박은 진행되지 않는 행사입니다.</li>
<li>
<a href="https://youtu.be/sHP-PL3WAKI?si=aR78nJ_68oVlhiXe" target="_blank" rel="noreferrer" class="link-decoration"> 2022 스케치 영상 📹</a>
</li>
<li>
<a href="https://blog.naver.com/paul-lab/223178079281" target="_blank" rel="noreferrer" class="link-decoration">2023 웹 컨퍼런스 후기 포스팅 📜</a>
</li>
<li>
<button type="button" class="open-modal">(클릭)경품 추첨 이벤트 다시 보기</button>
</li>
</ul>
</li>
</ul>
</section>
<!-- 세션 테이블 -->
<section class="section session-section">
<h2 class="section-title">프로그램 안내</h2>
<ul class="session-button-list">
<li>
<button type="button" class="session-button active" data-day="day1">Day1</button>
</li>
<li>
<button type="button" class="session-button" data-day="day2">Day2</button>
</li>
</ul>
</section>
<!-- 운영팀 -->
<!-- <section class="section">
<h2 class="section-title">운영팀</h2>
<ul class="session-list team">
<li class="session-item">
<figure class="profile-photo">
<img src="/images/profile/weniv.png" alt="" />
</figure>
<div class="session-info">
<strong class="profile-name">바울랩, 위니브</strong>
<p class="profile-role">컨퍼런스 기획/운영 총괄</p>
<p class="profile-desc para">
<a href="http://paullab.co.kr/index.html" target="_blank"
>위니브(바울랩)</a
>의 비전은 기술의 교육 기회를 누구나 차등 없이 받을 수 있게
대중화, 보편화 시스템화하는 것입니다. 지역 기반 ICT 대안 교육
플랫폼, 유료와 무료 ICT 영상 콘텐츠를 제작하며, 지역 교육 기회의
불평등, 접근성의 한계 등 기존 교육의 한계를 극복하기 위한 다양한
시도를 하고 있습니다.
</p>
</div>
</li>
<li class="session-item">
<figure class="profile-photo">
<img src="/images/profile/1min_coding.png" alt="유준모" />
</figure>
<div class="session-info">
<strong class="profile-name">
유준모<small>스튜디오밀</small>
</strong>
<p class="profile-role">컨퍼런스 웹사이트 제작</p>
<p class="profile-desc para">
서울에서 개발자/디자이너로 일했고 지금은 제주에서 1인기업
스튜디오밀을 운영하며 웹사이트 만드는 일, 강의, 영상 만드는 일,
콘텐츠 만드는 일 등 해보고 싶은거 이것저것 해보며 살고 있습니다.
비주얼 임팩트가 있는 인터랙티브 웹 개발에 특히 관심이 많고 관련
기술들을 공유하는 페이스북
<a href="https://facebook.com/1mincoding/" target="_blank"
>1분코딩</a
>과
<a href="https://www.youtube.com/c/1분코딩" target="_blank"
>유튜브</a
>, 그리고
<a href="https://studiomeal.com/" target="_blank">스튜디오밀</a
>을 운영하고 있어요.
</p>
</div>
</li>
</ul>
</section> -->
<!-- FAQ -->
<section id="faq" class="section faq">
<h2 class="section-title">FAQ<span>자주 묻는 질문</span></h2>
<ul class="faq-list"></ul>
</section>
<section class="scroll-top">
<h2 class="sr-only">스크롤 탑 버튼</h2>
<button type="button">
<span class="sr-only">버튼을 누르면 최상위로 이동합니다.</span>
<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.35 25.6833L20 18.0499L27.65 25.6833L30 23.3333L20 13.3333L10 23.3333L12.35 25.6833Z" fill="#C4C4C4" class="scroll-top-img" />
</svg>
</button>
</section>
<!-- 모달 -->
<section class="modal-section active">
<div class="modal-contents">
<header class="modal-header">
<p class="modal-sub-title">“오직 <strong>참가자</strong>만 누릴 수 있는 기회”</p>
<h2 class="modal-title">
<img src="/src/images/prize-title.png" alt="경품 추첨 이벤트!" />
</h2>
<p>현장 경품 추첨 이벤트에 참여하고 이른 크리스마스 선물을 받아 가세요!</p>
</header>
<ul class="prize-list">
<li class="prize-item">
<img src="/src/images/prize1.png" alt="" />
<div class="prize">
<span>경품 1</span>
<strong>에어팟 프로 2세대 USB-C 타입</strong>
</div>
</li>
<li class="prize-item">
<img src="/src/images/prize2.png" alt="" />
<div class="prize">
<span>경품 2</span>
<strong>SONY 노이즈캔슬링 블루투스 무선 헤드폰</strong>
</div>
</li>
<li class="prize-item">
<img src="/src/images/prize3.png" alt="" />
<div class="prize">
<span>경품 3</span>
<strong>네스프레소 버츄오 팝 + 캡슐 커피머신 세트</strong>
</div>
</li>
<li class="prize-item">
<img src="/src/images/prize4.png" alt="" />
<div class="prize">
<span>경품 4</span>
<strong>로지텍 무선 기계식 키보드 시그니처 K855 TKL</strong>
</div>
</li>
</ul>
<p class="modal-note">
<strong>※ 본 이벤트는 현장에 계신 참가자분들에 한해 참여하실 수 있습니다.</strong>
[이벤트 운영 시간: 1,2일 차 18:10 ~ 18:20]
</p>
<a href="https://forms.gle/fDMbkDXPCjx6WTjx6" target="_blank" class="apply-link">참가신청 바로 가기</a>
<button type="button" class="close-modal">
<span class="sr-only">팝업창 닫기</span>
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none">
<path
d="M7.74266 6.25754C7.33261 5.84749 6.66778 5.84749 6.25773 6.25754C5.84768 6.66759 5.84768 7.33241 6.25773 7.74246L12.5153 14L6.25773 20.2575C5.84768 20.6676 5.84768 21.3324 6.25773 21.7425C6.66778 22.1525 7.33261 22.1525 7.74266 21.7425L14.0002 15.4849L20.117 21.6018C20.5271 22.0118 21.1919 22.0118 21.602 21.6018C22.012 21.1917 22.012 20.5269 21.602 20.1168L15.4851 14L21.6019 7.88317C22.012 7.47312 22.012 6.8083 21.6019 6.39825C21.1919 5.9882 20.5271 5.9882 20.117 6.39825L14.0002 12.5151L7.74266 6.25754Z"
fill="#8D9299"
/>
</svg>
</button>
</div>
</section>
</div>
<canvas class="canvas"></canvas>
<script src="/src/javascript/main.js"></script>
<script src="/src/javascript/session.js"></script>
<script src="/src/javascript/faq.js"></script>
<script src="/src/javascript/modal.js"></script>
<script>
(function () {
var w = window;
if (w.ChannelIO) {
return w.console.error('ChannelIO script included twice.');
}
var ch = function () {
ch.c(arguments);
};
ch.q = [];
ch.c = function (args) {
ch.q.push(args);
};
w.ChannelIO = ch;
function l() {
if (w.ChannelIOInitialized) {
return;
}
w.ChannelIOInitialized = true;
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = 'https://cdn.channel.io/plugin/ch-plugin-web.js';
var x = document.getElementsByTagName('script')[0];
if (x.parentNode) {
x.parentNode.insertBefore(s, x);
}
}
if (document.readyState === 'complete') {
l();
} else {
w.addEventListener('DOMContentLoaded', l);
w.addEventListener('load', l);
}
})();
ChannelIO('boot', {
pluginKey: 'ffe1521e-c1cd-4990-b8d2-fdc1b804fb49',
});
</script>
</body>
</html>