codenamu.github.io/index.html at master · codenamu/codenamu.github.io · GitHub

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
---
layout: default
---

{% include header.html %}
<section id="main">
    <!-- Projects Section -->
    <section class="projects-main">
        <section class="row container">
            <div class="small-12 large-4 columns project">
                <a href="/projects/codeforseoul">
                    <img src="/img/main/world.png" style="max-width: 200px;" alt="코드포{도시}">
                </a>
                <div class="caption">
                    <h4>코드포{도시}</h4>
                    <p>내가 사는 지역의 문제를 내가 가진 기술로 직접 해결할 수 있다면? 코드나무는 전 세계 코드포{도시} 커뮤니티들과 함께 국내 코드포서울을 시작으로 하는 커뮤니티들을 지원하고 있습니다.</p>
                </div>
            </div>
            <div class="small-12 large-4 columns project">
                <a href="/projects/hackathon">
                    <img src="/img/main/hacker.png" style="max-width: 200px;" alt="해커톤">
                </a>
                <div class="caption">
                    <h4>해커톤</h4>
                    <p>열린 데이터가 우리 사회에 어떤 역할을 할 수 있을까요? 코드나무는 매년 전 세계 활동가들과 함께 공공데이터 해커톤, CodeAcross, Open Data Day 등 해커톤 행사를 주최하고 있습니다.</p>
                </div>
            </div>
            <!-- <div class="small-12 large-4 columns project">
                <a href="/projects/hackathon">
                    <img src="/img/main/collabo.png" style="max-width: 200px;" alt="리드데이터">
                </a>
                <div class="caption">
                    <h4>외부협력</h4>
                    <p>더 많은 데이터가 공개되고 열린 데이터가 더 나은 사회를 만들기 위한 다양한 영역에서 활용되려면 무엇을 해야할까요? 코드나무는 '리드데이터'라는 이름으로 외부 단체들과 협력하여 데이터를 공개하고 활용할 수 있도록 기술적인 도움을 주거나 컨설팅 사업을 진행하고 있습니다.</p>
                </div>
            </div> -->
            <div class="small-12 large-4 columns project">
                <a href="/projects/publication">
                    <img src="/img/main/report.png" style="max-width: 200px;" alt="서적/보고서">
                </a>
                <div class="caption">
                    <h4>서적/보고서</h4>
                    <p>코드나무는 열린 정부와 열린 데이터를 위한 활발한 연구를 진행하고 있습니다. 이를 바탕으로 정부 기관에게 공공데이터와 관련한 컨설팅을 제공하기도 합니다. 코드나무가 번역한 서적 및 보고서를 확인해보세요.</p>
                </div>
            </div>
        </section>
    </section>
    <!-- / Projects Section -->
    <hr>
    <!-- Works Section -->
    <section class="works-main">
        <section class="row container">
            <div class="badge-heading badge-works row">
                <h2>데이터 시각화</h2>
            </div>
            <div class="row">
            {% for work in site.featured_works %}
                <div class="small-12 large-3 columns work">
                    <a href="/works" class="">
                        <img src="/img/works/{{ work.img }}" alt="{{ work.name }}" class="thumbnail">
                    </a>
                    <h4>{{ work.title }}</h4>
                    <p>{{ work.description }}</p>
                </div>
            {% endfor %}
            </div>
        </section>
    </section>
    <!-- / Works Section -->
    <hr>
    <!-- Blog Section -->
    <section class="blog-main">
        <section class="row container">
            <div class="badge-heading badge-blog row">
                <h2>대표글</h2>
                <div class="row blog">
                    {% for item in site.featured_posts %}
                        <div class="small-12 large-4 columns">
                            <h3><a class="item" href="{{item.link}}">{{ item.title }}</a></h3>
                            <p>{{ item.description }}</p>
                        </div>
                    {% endfor %}
                </div>
            </div>
        </section>
    </section>
    <!-- / Blog Section -->
    <hr>
    <!-- Publications Section -->
    <section class="publications-main ">
        <section class="row container">
            <div class="badge-heading badge-publications row">
                <h2>자료집</h2>
            </div>
            <div class="row">
                <div class="small-12 large-4 columns publication">
                    <a href="/projects/publication/#pub-we-make-open-government">
                        <img class="thumbnail" src="img/publication/open_government.jpg" alt="열린 정부 만들기" width="100%">
                    </a>
                    <h5>
                        <a href="/projects/publication/#pub-we-make-open-government">열린 정부 만들기</a>
                    </h5>
                    <p><a href="#">교보문고</a> | <a href="#">알라딘</a> | <a href="#">예스24</a> | <a href="#">인터파크</a></p>
                    <p><a href="#">2장, 25장 바로보기</a> | <a href="https://docs.google.com/document/d/1TbobpKJ-7eR9WIKXlCn5tXBvtJR9gzdfOwpbp7XBhHs/edit?userstoinvite=donnaronjeff1@att.net">스터디 노트</a></p>
                </div>
                <div class="small-12 large-4 columns publication">
                    <a href="/projects/publication/#pub-gov-2.0">
                        <img class="thumbnail" src="img/publication/gov2.0.jpg" alt="[공동번역] 참여와 소통의 정부2.0">
                    </a>
                    <h5>
                        <a href="/projects/publication/#pub-gov-2.0">참여와 소통의 정부 2.0</a>
                    </h5>
                    <p><a href="#">교보문고</a> | <a href="#">알라딘</a> | <a href="#">예스24</a> | <a href="#">인터파크</a></p>
                    <p>PDF 공개 문서: <a href="#">바로보기</a> | <a href="#">다운로드</a></p>
                    <!--
                    <div class="row">
                        <button class="btn btn-default"><a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?barcode=9788996366539" target="_blank"><span class="glyphicon glyphicon-globe"></span> 사러 가기</a></button>
                        <button class="btn btn-default"><a href="http://www.scribd.com/doc/63548697/%EC%B0%B8%EC%97%AC%EC%99%80-%EC%86%8C%ED%86%B5%EC%9D%98-%EC%A0%95%EB%B6%802-0-%ED%98%B8%EC%A3%BC-%EC%A0%95%EB%B6%802-0-%ED%83%9C%EC%8A%A4%ED%81%AC%ED%8F%AC%EC%8A%A4-%EB%B3%B4%EA%B3%A0%EC%84%9C%20" target="_blank"><span class="glyphicon glyphicon-download"></span> PDF 다운로드</a></button>
                        <button class="btn btn-default"><a href="/projects/translation/#translation_gov2.0" target="_blank"><span class="glyphicon glyphicon-info-sign"></span> 세부 정보</a></button>
                    </div>
                     -->
                </div>
                <div class="small-12 large-4 columns publication">
                    <a href="/projects/publication/#pub-seoul-openapi-report">
                        <img class="thumbnail" src="img/publication/report.jpg" alt="[보고서] 서울시 열린 데이터 광장 – Open API 검증">
                    </a>
                    <h5>
                        <a href="/projects/publication/#pub-seoul-openapi-report">서울시 열린 데이터 광장<br>Open API 검증 보고서</a>
                    </h5>
                </div>
            </div>
        </section>
    </section>
    <!-- / Publications Section -->
    <hr>
    <!-- Partners Section -->
    <section class="partners-main">
        <section class="row container">
            <div class="badge-heading badge-partner row">
                <h3>함께하는 사람들</h3>
            </div>
            <div class="row container">
                {% for partner in site.partners %}
                    <div class="small-6 large-2 columns partner">
                        <a title="{{ partner.name }}" href="{{ partner.link }}" class="">
                            <img src="img/partners/{{ partner.img }}" title="{{ partner.name }}" alt="{{ partner.name }}" {% if partner.slug %} class="partner-{{ partner.slug }}" {% endif %}>
                        </a>
                    </div>
                {% endfor %}
            </div>
        </section>
    </section>
    <!-- / Partners Section -->
</section>