-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·497 lines (415 loc) · 23.2 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
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Code Across 2016</title>
<!-- css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/epoch/0.8.4/css/epoch.min.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body data-spy="scroll" data-target="#site-nav">
<nav id="site-nav" class="navbar navbar-fixed-top navbar-custom">
<div class="container">
<div class="navbar-header">
<!-- logo -->
<div class="site-branding">
<a class="logo" href="index.html">
<!-- logo image -->
<img src="assets/images/logo.png" alt="Logo">
Code Across 2016
</a>
</div>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-items" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div><!-- /.navbar-header -->
<div class="collapse navbar-collapse" id="navbar-items">
<ul class="nav navbar-nav navbar-right">
<!-- navigation menu -->
<li class="active"><a data-scroll href="#about">About</a></li>
<li><a data-scroll href="#schedule">스케쥴</a></li>
<!-- <li><a data-scroll href="#speakers">워크샵 </a></li> -->
<!-- <li><a data-scroll href="#">Sponsorship</a></li> -->
<li><a data-scroll href="#partner">함께하는 사람들</a></li>
<li><a data-scroll href="#location">장소</a></li>
</ul>
</div>
</div><!-- /.container -->
</nav>
<header id="site-header" class="site-header valign-center">
<canvas id="myChart"></canvas>
<span id="chart-attribution">위 차트는 chartjs 홈페이지 소스코드를 참조하였습니다.</span>
<div class="intro">
<h2>2016년 3월 5일 / 장소 숙명여대 <a href="http://dataopenlab.org/?page_id=13568" title="오픈스퀘어-D">오픈스퀘어-D</a></h2>
<h1>Code Across & Open Data Day 2016</h1>
<p><a class="btn btn-primary btn-lg" href="http://www.meetup.com/code-for-seoul/events/228277190/">참석하기</a></p>
<img class="logo" src="assets/images/logo.png" alt="Logo">
<!-- <a class="btn btn-white" data-scroll href="#registration">Register Now</a> -->
</div>
</header>
<section id="about" class="section about">
<div class="container">
<div class="row">
<div class="col-sm-6">
<h3 class="section-title">이 행사는?</h3>
<p>전 세계에서 동시에 열리는 행사로 시민들이 자발적으로 참여하여 도시에서 생겨나는 문제를 IT 기술로 해결하는 것에 초점을 두고 있습니다. 이 중에서 오픈 데이터의 중요성을 되새겨보고 오픈 데이터와 관련한 다양한 프로그램을 도시마다 진행하고 있습니다.</p>
<p>CodeAcross는 <a href="http://codeforamerica.org" title="Code for America">Code for America</a>가, Open Data Day는 <a href="http://okfn.org" title="Open Knowledge">Open Knowledge</a>가 주도하는 시빅 해킹 행사입니다. 전 세계에서 시빅 해킹에 동참하는 단체 및 커뮤니티들이 한날 한시에 서로 각자의 도시에 맞는 주제를 가지고 시빅 해킹을 위한 1일 행사를 개최합니다.</p>
<figure>
<img alt="" class="img-responsive" src="assets/images/photos/codeforseoul.jpg">
</figure>
</div><!-- /.col-sm-6 -->
<div class="col-sm-6">
<h3 class="section-title multiple-title">행사 목적</h3>
<p><a href="http://transparency.codenamu.org" title="Code Across 2015">작년</a>에 이어 두번째로 여는 Code Across 2016 행사는 Open Data Day와 맞물려 데이터에 보다 초점을 두고 있습니다. 오픈 데이터와 관련된 기술적, 법적인 이슈들을 함께 살펴보고 직접 오픈데이터를 만들고 다듬고 프로젝트를 만들어보는 전반적인 과정을 함께 체험하는 것이 2016년의 목적입니다.</p>
<ul class="list-arrow-right">
<li>전 세계 활동가들과 한날 한시에 함께 하는 시빅 해킹 이벤트</li>
<li>데이터 전문가에게 듣는 오픈 데이터 워크숍</li>
<li>직접 참여하는 오픈데이터 프로젝트 A to Z!: 국회의원 맛집 지도 만들기</li>
</ul>
</div><!-- /.col-sm-6 -->
</div><!-- /.row -->
</div><!-- /.container -->
</section>
<section id="facts" class="section bg-image-1 facts text-center">
<div class="container">
<div class="row">
<div class="col-sm-4">
<i class="ion-ios-calendar"></i>
<h3>2016<br>3월 5일</h3>
</div>
<div class="col-sm-4">
<i class="ion-ios-location"></i>
<h3>숙명여대 오픈스퀘어-D</h3>
</div>
<div class="col-sm-4">
<i class="ion-pricetags"></i>
<h3>40명</h3>
</div>
</div><!-- row -->
</div><!-- container -->
</section>
<!--
<section id="registration" class="section registration">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">Registration & Pricing</h3>
</div>
</div>
<form action="#" id="registration-form">
<div class="row">
<div class="col-md-12" id="registration-msg" style="display:none;">
<div class="alert"></div>
</div>
<div class="col-sm-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="First Name" id="fname" name="fname" required>
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Last Name" id="lname" name="lname" required>
</div>
<div class="form-group">
<input type="email" class="form-control" placeholder="Email" id="email" name="email" required>
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Phone" id="cell" name="cell" required>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="Address" id="address" name="address" required>
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Zip Code" id="zip" name="zip" required>
</div>
<div class="form-group">
<select class="form-control" name="city" id="city" required>
<option readonly>City</option>
<option>City Name 1</option>
<option>City Name 2</option>
<option>City Name 3</option>
<option>City Name 4</option>
</select>
</div>
<div class="form-group">
<select class="form-control" name="program" id="program" required>
<option readonly>Select Your Program</option>
<option>Program Name 1</option>
<option>Program Name 2</option>
<option>Program Name 3</option>
</select>
</div>
</div>
</div>
<div class="text-center mt20">
<button type="submit" class="btn btn-black" id="registration-submit-btn">Submit</button>
</div>
</form>
</div>
</section>
<section id="contribution" class="section bg-image-2 contribution">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="text-uppercase mt0 font-400">Submit Your Contribution Work</h3>
<p>You've inspired new consumer, racked up click-thru's, blown-up brand awareness. We can't give you back the weekends you worked, or erase the pain of being forced to make the logo bigger. But if you submit your best work.</p>
<a class="btn btn-white" href="#">Submit</a>
</div>
</div>
</div>
</section>
-->
<section id="schedule" class="section schedule">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">Event Schedule</h3>
</div>
</div>
<div class="row">
<div class="class col-md-12">
<h4>오전 - 워크샵</h4>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-12">
<div class="schedule-box">
<div class="time">
<time datetime="10:00">10:00 am</time> - <time datetime="12:00">12:00 pm</time>
</div>
<h3>오픈 데이터와 링크드 데이터</h3>
<p>김보람</p>
</div>
</div>
<div class="col-md-4 col-sm-12">
<div class="schedule-box">
<div class="time">
<time datetime="10:00">10:00 am</time> - <time datetime="12:00">12:00 pm</time>
</div>
<h3>"순순히 데이터를 넘긴다면<br>유혈사태는 벌어지지 않을것입니다"</h3>
<h4>: 정보공개청구 방법과 사례</h4>
<p>김슬</p>
</div>
</div>
<div class="col-md-4 col-sm-12">
<div class="schedule-box">
<div class="time">
<time datetime="10:00">10:00 am</time> - <time datetime="12:00">12:00 pm</time>
</div>
<h3>"R과 RStudio<br>자료처리작업 워크프로우"</h3>
<h4>: data.table, tydr, dplyr</h4>
<p>이광춘</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h4>오후 - 국회의원 맛집 지도</h4>
<p></p>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-12">
<div class="schedule-box">
<div class="time">
<time datetime="13:30">13:30 pm</time> - <time datetime="18:00">18:00 pm</time>
</div>
<h3>데이터팀</h3>
<p>PDF로 공개된 국회의원 정치자금 사용내역을<br>오픈 데이터로 제작 및 가공</p>
</div>
</div>
<div class="col-md-4 col-sm-12">
<div class="schedule-box">
<div class="time">
<time datetime="13:00">13:30 pm</time> - <time datetime="18:00">18:00 pm</time>
</div>
<h3>서비스팀</h3>
<p>데이터팀에서 가공한 데이터를 활용하여<br>국회의원 맛집 지도 제작</p>
</div>
</div>
</div>
</section>
<section id="speakers" class="section speakers">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">Workshop Coordinator</h3>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="speaker">
<figure>
<img alt="" class="img-responsive center-block" src="assets/images/speakers/speaker-1.png">
</figure>
<h4>김보람</h4>
<p>주식회사 <a href="http://li-st.com/" title="리스트">List</a> 전략기획실장, <a href="http://okfn.org" title="Open Knowledge">Open Knowledge</a> 활동가</p>
<ul class="social-block">
<li><a href="http://jayg.org/"><i class="ion-home"></i></a></li>
<li><a href="https://facebook.com/jgkim"><i class="ion-social-facebook"></i></a></li>
<li><a href="https://github.com/jgkim"><i class="ion-social-github"></i></a></li>
</ul>
</div><!-- /.speaker -->
</div><!-- /.col-md-4 -->
<div class="col-md-4">
<div class="speaker">
<figure>
<img alt="" class="img-responsive center-block" src="assets/images/speakers/speaker-2.jpg">
</figure>
<h4>김 슬</h4>
<p>정기꾸준모임 <a href="https://ko-kr.facebook.com/pyjog" title="Pyjog">Pyjog</a> 운영자</p>
<ul class="social-block">
<li><a href="http://facebook.com/lexifdev"><i class="ion-social-facebook"></i></a></li>
<li><a href="https://github.com/lexifdev"><i class="ion-social-github"></i></a></li>
</ul>
</div><!-- /.speaker -->
</div><!-- /.col-md-4 -->
<div class="col-md-4">
<div class="speaker">
<figure>
<img alt="" class="img-responsive center-block" src="assets/images/speakers/speaker-3.jpg">
</figure>
<h4>이광춘</h4>
<p>소프트웨어 카펜트리 멤버 및 강사, <a href="http://www.xwmooc.net/" title="xwMOOC">xwMOOC</a> 스타트업 대표</p>
<ul class="social-block">
<li><a href="http://www.xwmooc.net" title="xwMooc"><i class="ion-home"></i></a></li>
<li><a href="https://www.facebook.com/xwmooc"><i class="ion-social-facebook"></i></a></li>
</ul>
</div><!-- /.speaker -->
</div><!-- /.col-md-4 -->
</div><!-- /.row -->
</div>
</section>
<section id="partner" class="section partner">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">함께하는 사람들</h3>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<a class="partner-box partner-box-1" href="http://cckorea.org"></a>
</div>
<div class="col-sm-3">
<a class="partner-box partner-box-2" href="http://codenamu.org"></a>
</div>
<div class="col-sm-3">
<a class="partner-box partner-box-3" href="http://codeforamerica.org"></a>
</div>
<div class="col-sm-3">
<a class="partner-box partner-box-4" href="http://okfn.org"></a>
</div>
</div>
<!--<div class="row">
<div class="col-sm-3">
<a class="partner-box partner-box-5"></a>
</div>
<div class="col-sm-3">
<a class="partner-box partner-box-6"></a>
</div>
<div class="col-sm-3">
<a class="partner-box partner-box-7"></a>
</div>
<div class="col-sm-3">
<a class="partner-box partner-box-8"></a>
</div>
</div>-->
</section>
<!--
<section id="photos" class="section photos">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">Photos</h3>
</div>
</div>
<div class="row">
<div class="col-md-12">
<ul class="grid">
<li class="grid-item grid-item-sm-6">
<img alt="" class="img-responsive center-block" src="assets/images/photos/photos-1.jpg">
</li>
<li class="grid-item grid-item-sm-3">
<img alt="" class="img-responsive center-block" src="assets/images/photos/photos-2.jpg">
</li>
<li class="grid-item grid-item-sm-3">
<img alt="" class="img-responsive center-block" src="assets/images/photos/photos-3.jpg">
</li>
<li class="grid-item grid-item-sm-3">
<img alt="" class="img-responsive center-block" src="assets/images/photos/photos-5.jpg">
</li>
<li class="grid-item grid-item-sm-3">
<img alt="" class="img-responsive center-block" src="assets/images/photos/photos-6.jpg">
</li>
<li class="grid-item grid-item-sm-3">
<img alt="" class="img-responsive center-block" src="assets/images/photos/photos-7.jpg">
</li>
<li class="grid-item grid-item-sm-3">
<img alt="" class="img-responsive center-block" src="assets/images/photos/photos-8.jpg">
</li>
<li class="grid-item grid-item-sm-3">
<img alt="" class="img-responsive center-block" src="assets/images/photos/photos-2.jpg">
</li>
<li class="grid-item grid-item-sm-3">
<img alt="" class="img-responsive center-block" src="assets/images/photos/photos-3.jpg">
</li>
</ul>
</div>
</div>
</div>
</section>
-->
<section id="location" class="section location">
<div class="container">
<div class="row">
<div class="col-sm-3">
<h3 class="section-title">행사 장소</h3>
<address>
<h3>오픈스퀘어-D</h3>
<p>서울특별시 용산구 청파로47길 90 숙명여자대학교 창업보육센터 5층</p>
<p><a href="http://map.naver.com/?dlevel=12&lat=37.5453123&lng=126.9654215&query=7ISc7Jq47Yq567OE7IucIOyaqeyCsOq1rCDssq3tjIzroZw0N%2Bq4uCA5MA%3D%3D&type=ADDRESS&tab=1&enc=b64" title="네이버지도">네이버지도</a> / <a href="http://map.daum.net/?urlX=492359&urlY=1123827&q=%EC%84%9C%EC%9A%B8+%EC%9A%A9%EC%82%B0%EA%B5%AC+%EC%B2%AD%ED%8C%8C%EB%A1%9C47%EA%B8%B8+90" title="다음지도">다음지도</a></p>
</address>
</div>
<div class="col-sm-9">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d25307.31162608042!2d126.94782767940548!3d37.5453098839717!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca26d7bb3fc71%3A0x37c269bca84566eb!2z7ISc7Jq47Yq567OE7IucIOyaqeyCsOq1rCDssq3tjIzroZw0N-q4uCA5MA!5e0!3m2!1sko!2skr!4v1456743493267" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<p class="site-info">위 사이트는 <a href="http://technextit.com">Technext Limited</a>에서 만든 <a href="https://themewagon.com/themes/conference-free-responsive-event-planning-html5-template/" title="테마">테마</a>를 활용하여 <a href="http://codeforseoul.org" title="Code for Seoul">코드포서울</a>에서 제작하였습니다.</p>
<ul class="social-block">
<li><a href="https://github.com/codeforseoul/codeacross-2016"><i class="ion-social-github"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-73696959-1', 'auto');
ga('send', 'pageview');
</script>
<!-- script -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/smooth-scroll/10.0.0/js/smooth-scroll.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.14/d3.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>