139 lines
6.1 KiB
HTML
139 lines
6.1 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>흐름을 향하여 걷는 | 입장</title>
|
||
<!-- <link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css" /> -->
|
||
<link rel="stylesheet" href="/default.css" />
|
||
<link rel="stylesheet" href="/entry.css" />
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.10.2/p5.js"></script>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap" rel="stylesheet" />
|
||
</head>
|
||
<body>
|
||
<div class="bg"></div>
|
||
<div class="content ph5 center">
|
||
<div class="lang"><a href="">EN</a></div>
|
||
<div class="notice">
|
||
<section>
|
||
<h1>흐름을 향하여 걷는</h1>
|
||
<p class="white f3 pv3">
|
||
퍼레이드를 행렬 밖에서 바라본 적이 있나요? 북소리와 함성소리가 멀리서 들리고, 많은 존재들이 외치고, 흐르듯 지나가고, 무리가 등장하고, 잦아지는......
|
||
</p>
|
||
<p class="white f3 pv3">
|
||
«흐름을 향하여 걷는»은 온라인으로 소리의 행렬을 만드는 사운드 퍼레이드입니다. 누구나 참여할 수 있는 이 퍼레이드는 여러분이 보내주시는 소리를 모아 만듭니다. 말하는 소리, 몸이 내는 소리, 주변의 사물 또는 누군가의 소리를 보내주세요.
|
||
</p>
|
||
<p class="white f3 pv3">
|
||
보내주신 소리는 무리를 지어 모양과 함께 흘러갑니다. «흐름을 향하여 걷는»은 총 다섯 개의 소리 무리로 이루어지고 무리별로 각 3분씩 총 15분동안 진행합니다.
|
||
</p>
|
||
<p class="white f3 pv3">
|
||
1월 27일(목) 밤, 프랑스 대사관이 주최하는 ‘사유의 밤’ 행사에서 «흐름을 향하여 걷는» 퍼레이드는 연주와 함께 송출될 예정입니다. 많은 참여 및 관심 부탁드립니다.
|
||
</p>
|
||
<div class="info">
|
||
<p class="white f3 pv3">
|
||
소리 모집<br/>
|
||
2022년 1월 17일(월)–2022년 1월 26일(수)
|
||
</p>
|
||
</p>
|
||
<p class="white f3 pv3">
|
||
라이브 공연<br/>
|
||
2022년 1월 27일(목)<br>
|
||
20:45-21:00 (KST), 12:45-13:00 (CET)<br/>
|
||
</p>
|
||
<p class="white f3 pv3">
|
||
장소<br/>
|
||
유튜브 스트리밍(추후공지), 링크들
|
||
</p>
|
||
<p class="white f3 pv3">
|
||
퍼레이드 구성<br/>
|
||
무리0 약속들 — 무리1 깃발들 — 무리2 신체들 — 무리3 사물들 — 무리4 누구들
|
||
</p>
|
||
</div>
|
||
</section>
|
||
<section class="participation">
|
||
<p class="white f3 pv3 sec">
|
||
<h2>참여 방법</h2>
|
||
<ol>
|
||
<li>1. 무리의 특성에 따라 녹음기기나 핸드폰으로 30초 가량의 소리를 녹음해주세요.
|
||
<ol class="category">
|
||
<li>• 무리1 깃발들 — 좋아하는 것, 가치에 대해 다섯 번 외쳐주세요.</li>
|
||
<li>• 무리2 신체들 — 몸에서 나는 소리를 녹음해 보아요. 박수, 휘파람도 좋아요.</li>
|
||
<li>• 무리3 사물들 — 주변 사물들의 소리를 찾아 주세요. 뽁뽁이 소리, 구슬 소리</li>
|
||
<li>• 무리4 누구들 — 누구의 소리를 모아주세요. 반려동물, 물 소리, 산책의 장소</li>
|
||
</ol>
|
||
</li>
|
||
<li>2. 녹음한 소리 파일을 업로드해주세요.</li>
|
||
<li>3. 소리의 제목과 묘사을 입력한 뒤, 소리의 모양을 그려 제출해주세요.</li>
|
||
</ol>
|
||
</p>
|
||
</section>
|
||
<section>
|
||
<p class="white f3 pv3">
|
||
<h2>소리 제출</h2>
|
||
<form
|
||
id="form"
|
||
class="pv3 white f3"
|
||
method="POST"
|
||
enctype="multipart/form-data"
|
||
>
|
||
<ul class="submit">
|
||
<li>
|
||
<h3>1. 소리 유형</h3>
|
||
<div class="pv3">
|
||
<ul>
|
||
<li>
|
||
<input type="radio" name="chk_info" value="flag"> 무리1 깃발들
|
||
</li>
|
||
<li>
|
||
<input type="radio" name="chk_info" value="body"> 무리2 신체들
|
||
</li>
|
||
<li>
|
||
<input type="radio" name="chk_info" value="object"> 무리3 사물들
|
||
</li>
|
||
<li>
|
||
<input type="radio" name="chk_info" value="any"> 무리4 누구들
|
||
<li>
|
||
</ol>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<h3>2. 소리 파일</h3>
|
||
<div class="pv3">
|
||
<input type="file" name="audiofile" required="required" />
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<h3>3. 소리 제목</h3>
|
||
<div class="pv3">
|
||
<input id="message" name="message" required="required" type="text" />
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<h3>4. 소리 묘사</h3>
|
||
<div class="pv3">
|
||
<input id="message" name="message" required="required" type="text" />
|
||
</div>
|
||
</li>
|
||
<!-- pixels.png ~ made with p5.js -->
|
||
<li class="noscroll">
|
||
<h3>5. 소리 모양</h3>
|
||
<div class="pv3" id="p5">
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="pv3">
|
||
<input type="submit" value="Upload" />
|
||
</li>
|
||
</div>
|
||
</form>
|
||
</p>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
<script src="/entry/script.js"></script>
|
||
|
||
</body>
|
||
</html>
|