<!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>
