-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathexhibition.html
185 lines (174 loc) · 7.01 KB
/
exhibition.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
---
layout: base
title: Makeable City
description: >
작은 관심에서 시작된 움직임으로 세상의 변화를 이끌어가는 사람들이 있습니다. 이른바 스스로 필요한 것을 만드는 사람들(Maker)은 경제, 문화, 건축, 교육 등 사회의 전 영역에서 변화를 이끌며 우리의 삶을 새롭게 조직해가고 있습니다
banner: /images/other/exhibition_nabi.png
---
<div class="wrap exhibition_detail_wrap">
<section>
<h1 class="title">전시</h1>
<div class="guide_bar_33"></div>
<div class="content">
<h2>< Makeable City ></h2>
<div class="splash">
<img src="/images/other/makeable-city.png" alt="Makeable City">
</div>
<div class="description">
<div class="row">
<p class="label">
전시기간
</p>
<p class="text">
2015년 10월 15일 목요일 ~ 2015년 11월 13일 금요일
</p>
</div>
<div class="row">
<p class="label">
전시장소
</p>
<p class="text">
아트센터 나비(종로구 서린동 SK본사 빌딩 4층)
</p>
</div>
<div class="row">
<p class="label">
관람시간
</p>
<p class="text">
AM 10:00 ~ PM 06:00 (월~토) 일요일 및 공휴일 휴관<br />
<문화가 있는 날> (10/28, 수요일) 오후 9시까지 연장운영
</p>
</div>
<p> </p>
<div class="row">
<p class="label">
입장료
</p>
<p class="text">
무료
</p>
</div>
<div class="row">
<p class="label">
참여작가
</p>
<p class="text">
박동훈, 서영배, 유대영, 이동욱, 조남호, 하태석, 현박, 000간, 땡땡이 공작, 본크리에이션, 에어클래스 (총 11팀)
</p>
</div>
<p> </p>
<div class="row">
<p class="label">
전시주최 / 주관
</p>
<p class="text">
아트센터 나비
</p>
</div>
<div class="row">
<p class="label">
파트너
</p>
<p class="text">
크리에이티브 커먼즈 코리아 (Creative Commons Korea)
</p>
</div>
<p> </p>
<div class="row">
<p class="label">
전시소개
</p>
<p class="text">
작은 관심에서 시작된 움직임으로 세상의 변화를 이끌어가는 사람들이 있습니다. 이른바 스스로 필요한 것을 만드는 사람들(Maker)은 경제, 문화, 건축, 교육 등 사회의 전 영역에서 변화를 이끌며 우리의 삶을 새롭게 조직해가고 있습니다. 이들은 사회 전반에서 새로운 소통방식과 구조를 제안하고, 나아가 자본주의와 같은 견고한 개념을 새롭게 정의하며 사회 변화의 정점에 서기도 합니다. 융복합 예술의 최전방을 형성하며 메이커 운동에 참여하고 있는 아티스트들의 활동 역시 이러한 변화의 한 축을 맡고 있습니다.<br />
아트센터 나비는 공유와 개방의 흐름 속에 태동되어 스스로 자신과 사회를 변화시키는 능동적 창조자, 메이커(Maker)들의 시도들과 활약상에 주목합니다. 《Makeable City》는 이러한 창의적인 메이커들이 창조하는 새로운 공동체로서의 도시의 모습을 담고자 기획된 전시입니다. 이번 전시에서는 새로운 주거 환경을 제시하는 건축가, 오픈 소스를 기반으로 자신만의 DIY 로봇을 만드는 아티스트, 기존의 소비, 유통 구조를 변화시킨 커뮤니티, 교육의 형태로 자신의 기술이나 노하우를 나누는 메이커 등 시대적 흐름과 함께 도시 변화를 이끌어 가고 있는 다양한 팀들이 참여합니다.<br />
오는 10월 서울에서 열리는 CC Global Summit 2015와 그 의미를 함께하는 《Makeable City》는 공유와 개방의 가치를 믿고 긍정적인 변화를 만들어내는 이들이 함께 만들어내는 축제의 장이 될 것입니다.<br />
(이미지 출처: 아트센터 나비 / 하단 이미지 작품: 현박, VLDP, 2014)
</p>
</div>
<p> </p>
<div class="row">
<p class="label more">
더 자세한 정보
</p>
<p class="text">
<a target="_blank" class="btn" href="http://nabi.or.kr/project/coming_read.nab?idx=498">자세히 보기</a>
</p>
</div>
</div>
<div class="splash">
<img src="/images/other/exhibition_nabi.png" alt="Makeable City">
</div>
</div>
</section>
</div>
<style>
.exhibition_detail_wrap {
padding: 60px 0;
background-color: #f7f7f8;
}
.exhibition_detail_wrap h1 {
text-align: center;
}
.row {
overflow: hidden;
margin-bottom: 30px;
display: table-row;
}
.content {
background-color: #fff;
border: 1px solid #e8e8e8;
border-bottom: 3px solid #e8e8e8;
margin-bottom: 20px;
}
.content img {
max-width: 100%;
}
.content h2 {
text-align: center;
padding: 10px 0;
}
.description {
font-size: .9em;
line-height: 1.8;
padding: 6em;
}
.description p {
margin: 0;
}
.description .label {
padding-left: 1em;
background: url('/images/other/bullet.png') 0 8px no-repeat;
width: 150px;
}
.description .label,
.description .text {
display: table-cell;
}
.description .label.more {
background-position: 0px 16px;
}
.btn {
font-size: 1.125em;
font-weight: bold;
text-align: center;
background-color: #ef513c;
color: #fff;
border: 0;
padding: .5em 1.5em;
display: block;
}
@media screen and (max-width: 720px) {
.description {
padding: 3.5em;
}
.description .label,
.description .text {
width: 100%;
display: block;
}
.description .label.more {
background: url('/images/other/bullet.png') 0 8px no-repeat;
}
}
</style>