-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
183 lines (173 loc) · 10.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
---
layout: default
---
<!-- Page Content -->
<div class="content-section-a">
<div class="container">
<div class="row">
<div class="col-lg-5 col-sm-6">
<hr class="section-heading-spacer">
<div class="clearfix"></div>
<h2 class="section-heading">심폐소생(CPR)톤</h2>
<p class="lead">코드나무와 함께 하는 팀(커뮤니티)들과 함께 죽어가는 지난 서비스들에게 숨을 불어넣는,
묵혀놓았던 프로젝트들을 꺼내어 만들어보는, 지속 가능한 시빅 해킹(Civic hacking)을 위한 해커톤을 가장한 MT입니다.</p>
<p class="lead"><a title="Code for Seoul" href="http://codenamu.org/projects/code-for-seoul/">코드포서울</a>, <a title="팀포퐁" href="http://popong.kr">팀포퐁</a> 커뮤니티와 함께 지난 코드나무 해커톤에서 뭉쳤던 <a title="안심병원" href="http://ansim.me">안심병원</a>, 엄마, 나 어디가? 팀들 뿐만 아니라 다양한 개발자/디자이너들이 함께 모이는 자리. 앞으로의 다 함께 이어갈 수 있는 지속 가능한 시빅 해킹(Civic Hacking)을 생각해보려고 합니다.</p>
</div>
<div class="col-lg-5 col-lg-offset-2 col-sm-6">
<a href="https://www.flickr.com/photos/grac/8653441830" title="First aid course learning cpr by Jon, on Flickr"><img src="https://farm9.staticflickr.com/8536/8653441830_5f1477ea02.jpg" width="450" height="350" alt="First aid course learning cpr" style="max-width: 100%; max-height: 75%;"></a>
<p>CC BY-NC-SA, Jon's Image from <a href="https://www.flickr.com/photos/grac/8653441830/">https://www.flickr.com/photos/grac/8653441830/</a></p>
</div>
</div>
</div>
<!-- /.container -->
</div>
<!-- /.content-section-a -->
<div class="content-section-b">
<div class="container">
<div class="row">
<div class="col-lg-5 col-lg-offset-1 col-sm-push-6 col-sm-6">
<hr class="section-heading-spacer">
<div class="clearfix"></div>
<h2 class="section-heading">3번째 코드나무 해커톤에는 ㅇㅇㅇ가 있습니다.</h2>
<p class="lead">코딩, 운동장, 바베큐, 맥주, 사람, 대화 그리고 가을 바람과 햇살</p>
<p class="lead">세번째 해커톤은 공기좋은 인천 강화도 '<a title="오마이스쿨" href="http://school.ohmynews.com/NWS_Web/SCH/place/intro_ganghwa.aspx">오마이스쿨</a>'로 떠납니다. 딱딱한 사무실에서 벗어나 공기좋은 강화도 학교로 떠나면 어떤 즐거운 일이 해커톤에서 생기게 될까요? 이번 해커톤, 아니 MT에 추억을 쌓으러 가보실래요?</p>
</div>
<div class="col-lg-5 col-sm-pull-6 col-sm-6">
<img class="img-responsive" src="img/ohmyschool.jpg" alt="">
</div>
</div>
</div>
<!-- /.container -->
</div>
<!-- /.content-section-b -->
<div class="content-section-a">
<div class="container">
<div class="row">
<div class="col-lg-5 col-sm-6">
<hr class="section-heading-spacer">
<div class="clearfix"></div>
<h2 class="section-heading">우리들의 이야기</h2>
<p class="lead">평소 공공을 위한 서비스에 관심을 가지고 있는 분들이 해커톤 기간동안 코드포서울, 팀포퐁 등의 커뮤니티와 함께 작업을 해볼 수 있는 기회, 그리고 앞으로도 함께 커뮤니티 활동가가 될 수 있는 좋은 시작이 될 수 있습니다.</p>
<p class="lead">그리고 평소에 못다한 우리들의 이야기. 맥주와 바베큐와 함께 앞으로 우리가 함께 더 잘하고 지속할 수 있는 이야기들을 함께 풀어놓아 보아요.</p>
</div>
<div class="col-lg-5 col-lg-offset-2 col-sm-6">
<img class="img-responsive" src="img/activists.jpg" alt="">
</div>
</div>
</div>
<!-- /.container -->
</div>
<!-- /.content-section-a -->
<div id="community" class="content-section-b">
<div class="container">
<div class="row">
<hr class="section-heading-spacer">
<div class="clearfix"></div>
<h2 class="section-heading">어메이징 참가팀</h2>
<div class="col-lg-6 team">
<h3 class="section-heading">TEAM POPONG</h3>
<p><img src="/img/teampopong.jpg" alt="team popong" class="img-responsive"></p>
<p><a href="http://popong.com">http://popong.com</a></p>
<p class="lead">팀포퐁은 기술을 바탕으로 정치를 보다 쉽고 재미있게 하기 위한 비영리, 무소속의 중립적 단체입니다.</p>
<ul>
<li>대한민국 정치의 모든 것: 1대부터 19대까지의 국회의원 후보자와 당선자와 그들이 발의한 의안을 보여주는 서비스</li>
<li>국회는 지금: 18대 국회의 정당별, 연령별, 지역별, 성별, 당선 횟수별좌석배치</li>
<li>정치 데이터: 직접 자체 기술로 수집하는 정치 데이터를 API 및 데이터셋 형태로 공개 </li>
</ul>
</div>
<div class="col-lg-6 team">
<h3 class="section-heading">코드포서울</h3>
<p><img src="/img/codeforseoul.jpg" ale="code for seoul" class="img-responsive"></p>
<p><a href="http://codeforseoul.codenamu.org">http://codeforseoul.codenamu.org</a></p>
<p class="lead">코드포서울은 서울을 중심으로 기술을 통해 사회적 문제 해결을 위한 코드나무의 프로젝트 워킹 그룹입니다.</p>
<ul>
<li>의원님을 부탁해!: 자기 지역구 국회의원의 의정 활동을 시민들에게 쉽게 알려주는 서비스</li>
<li>서울시 복지 혜택: 서울시 복지 혜택 중 자신이 받을 수 있는 것을 쉽게 조회해볼 수 있는 서비스</li>
<li>서울시장 헌정앱: 한 해동안 200여개가 넘는 프로젝트를 보다 효율적을 관리할 수 있도록 도와주는 어플리케이션</li>
</ul>
</div>
</div>
<div class="row" style="margin-top: 2em;">
<div class="col-lg-6 team">
<h3 class="section-heading">안심이</h3>
<p><img src="/img/ansim.jpg" class="img-responsive"></p>
<p><a href="http://ansim.me">http://ansim.me</a></p>
<p class="lead">대한민국 안심 정보 플랫폼 (공공 데이터 + 커뮤니티 매핑)</p>
<p class="lead">시민에게 안전 정보를 제공하는 커뮤니티 맵핑 플랫폼 제작 프로젝트입니다. 공공데이터캠프에서의 아이디어로부터 시작해 현재 전국 병원의 항생제 처방 등급, 안심 먹거리, 심장충격기 위치를 제공합니다. 올해 안에 누구나 쉽게, 데이터를 지도에 표시하고, 함께 고치거나 추가할 수 있고, 웹과 모바일을 모두 지원하는 오픈소스 플랫폼으로 공개됩니다.</p>
</div>
<div class="col-lg-6 team">
<h3 class="section-heading">REMOTTY</h3>
<p><img src="/img/remotty.png" ale="code for seoul" class="img-responsive" width="230px"></p>
<p><a href="http://blog.remotty.com/">http://blog.remotty.com/</a></p>
<p class="lead">REMOTTY = REMOTE + TECH + SERVICE + FUN</p>
<p class="lead">
<ul>
<li>우리는 <b><i>Remote Work</i></b>가 가능하다는 것을 믿습니다.</li>
<li>우리는 <b><i>Technical Leader</i></b>를 꿈꿉니다.</li>
<li>우리는 <b><i>Service</i></b>를 통해 새로운 가치를 만들것이고, 그것으로 이 세상에 즐거운 변화를 주기 원합니다.</li>
<li>우리는 이것이 진정한 <b><i>재미</i></b>이고, 이것이 우리를 움직이게 하는 원동력이라 생각합니다.</li>
</ul>
</p>
<p class="lead">Remotty는 이러한 가치 아래 생겨났고, 아래와 같은 활동을 통해 이 가치를 실현할 것입니다.</p>
<p class="lead">
<ul>
<li>지속적인 새로운 서비스 창조</li>
<li>끊임없는 배움 & 지식 나눔</li>
<li>모든 과정을 진정 놀이로 생각함</li>
</ul>
</p>
<p class="lead">대표 서비스: 공동가계부 <a title="SHOMNEY" href="http://www.shomney.com/">SHOMNEY</a></p>
</div>
</div>
<div class="row" style="margin-top:2em;">
<div class="col-lg-6 team">
<h3 class="section-heading">엄마, 나 어디가?</h3>
<p class="lead">지난 코드나무 공공데이터 해커톤 1, 2회에 참석하여 서비스를 만들 고 나서 추후 만남을 지속하고 있는 팀으로, 어린이집, 유치원 공공정보를 이용해 우리아이에 게 가장 적합한 시설을 손쉽게 비교/검색이 가능한 서비스를 진행 중입니다.</p>
</div>
<div class="col-lg-6 iwantu">
<h3 class="section-heading">함께 해요!</h3>
<p><a target="_blank" href="https://www.flickr.com/photos/1-6-scale-doll-clothes/7187148934/"><img src="/img/iwantu.jpg" class="img-responsive"></a></p>
<p><a target="_blank" href="https://creativecommons.org/licenses/by-nc-sa/2.0/deed.ko">CC BY-NC-SA 2.0</a> from Hegemony77.</p>
<!-- <a href="http://onoffmix.com/event/33376" class="btn btn-default btn-lg"><i class="fa fa-thumbs-up"></i> <span class="network-name">함께 하기</span></a> -->
</div>
</div>
</div>
<!-- /.container -->
</div>
<!-- /.content-section-b -->
<div class="banner">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h2>코드나무는?</h2>
<p>코드나무는 열린 정부 실현을 위한 시민들의 열린 커뮤니티로서 매년 주최하는 공공데이터 해커톤을 비롯하여 <a title="해외 서적 번역" href="http://codenamu.org/projects/translate/" target="_blank">해외 서적 번역</a>, <a title="연구/보고서" href="http://codenamu.org/projects/consulting/" target="_blank">연구/보고서 제작</a>, <a title="Code for Seoul" href="http://codenamu.org/projects/code-for-seoul/" target="_blank">Code for Seoul 커뮤니티</a> 운영 등의 활동을 하고 있습니다.
</div>
<div class="col-lg-6">
<ul class="list-inline banner-social-buttons">
<li>
<a href="http://codenamu.org" class="btn btn-default btn-lg"><i class="fa fa-home fa-fw"></i> <span class="network-name">홈페이지</span></a>
</li>
<li>
<a href="https://www.facebook.com/codenamu" class="btn btn-default btn-lg"><i class="fa fa-facebook fa-fw"></i> <span class="network-name">페이스북</span></a>
</li>
</ul>
</div>
</div>
</div>
<!-- /.container -->
</div>
<!-- /.banner -->
<div class="sponsor">
<div class="container">
<div class="row">
<div class="page-header">
<h1>후원</h1>
</div>
{% for sponsor in site.data.sponsors %}
<a href="{{ sponsor.url }}" target="_blank"><img src="/img/{{ sponsor.img }}" alt="{{ sponsor.name }}" width="{{ sponsor.width }}"></a>
{% endfor %}
</div>
</div>
<!-- /.container -->
</div>
<!-- /.banner -->