56 lines
2 KiB
HTML
56 lines
2 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="/entry/style.css" />
|
|
<style>
|
|
body {
|
|
font-family: "Do Hyeon", sans-serif;
|
|
}
|
|
</style>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.10.2/p5.js"></script>
|
|
</head>
|
|
<body class="bg-blue">
|
|
<div class="ph5 center">
|
|
<h1 class="white f2 pv3">
|
|
《흐름을 향하여 걷는》 사운드 퍼레이드 함께 만들기
|
|
</h1>
|
|
<div class="yellow f3 pv3">
|
|
안녕하세요! 반갑습니다. 저희는 프랑스 대사관이 주최하는 '사유의 밤'
|
|
행사에서 선보일 공연 《흐름을 향하여 걷는》을 준비하고 있습니다. 이
|
|
공연은 여러분과 함께 만들어 나가려고 하는 온라인 사운드 퍼레이드가
|
|
중심이 되어 꾸며질 계획이에요. 사운드 퍼레이드는 ___.link 에서 보실 수
|
|
있는데요. 흐르는 소리의 강물처럼 끝없이 흐르는 온라인 사운드 퍼레이드
|
|
랍니다. 이 사운드 퍼레이드에 참가할 사운드를 보내주세요!
|
|
</div>
|
|
<form
|
|
id="form"
|
|
class="pv3 pink f3"
|
|
method="POST"
|
|
enctype="multipart/form-data"
|
|
>
|
|
<div class="pv3">
|
|
<input type="file" name="audiofile" required="required" />
|
|
</div>
|
|
<div class="pv3">
|
|
메세지!:
|
|
<input id="message" name="message" required="required" type="text" />
|
|
</div>
|
|
<!-- pixels.png ~ made with p5.js -->
|
|
<div class="pv3" id="p5">
|
|
</div>
|
|
<div class="pv3">
|
|
<input type="submit" value="Upload" />
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<script src="/entry/script.js"></script>
|
|
</body>
|
|
</html>
|