sound-parade/src/pages/entry.en.html
2022-01-17 15:02:44 +09:00

143 lines
6.5 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title>Walking Towards the Flow | entry</title>
<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">
<div class="lang"><a href="/entry">KR</a></div>
<div class="content">
<div class="list"><a href="/en/list">list</a></div>
<div class="notice">
<section>
<h1>Walking &nbsp;Towards &nbsp;the Flow</h1>
<p>
Have you ever seen a parade outside the procession? Drums and shouts are heard in the distance, many beings shouting, flowing by, groups appearing and moving away...
</p>
<p>
«Walking Toward the Flow» is a sound parade that creates a procession of sounds in the online space. Anyone can participate in this parade, which is made by collecting the sounds you send.
</p>
<p>
«Walking Toward the Flow» consists of a total of five 'flock' of sounds: the sounds of promises, the sounds of speaking, the sounds of the body, the sounds of objects around, and the sounds of someone. They will flow in groups for about 3 minutes each and a total of 15 minutes.
</p>
<p>
On the night of January 27 (Thursday), the «Walking to the Flow» parade will be broadcasted along with a live performance at the 'the Night of Ideas' hosted by the Embassy of France (Ambassade de France en Corée du Sud). Thank you for your participation and interest.
</p>
<div class="info">
<p>
Recruiting sounds<br/>
January 17, 2022 (Mon) January 26, 2022 (Wed)
</p>
<p>
Live performance<br/>
January 27th, 2022 (Thursday)<br>
20:45-21:00 (KST), 12:45-13:00 (CET)<br/>
</p>
<p>
Place<br/>
<a href="https://walkingtowardstheflow.xyz">walkingtowardstheflow.xyz</a>, <a href="https://www.youtube.com/c/franceencoree">France en Corée - YouTube channel</a>
</p>
<p>
Parade Composition<br/>
Flock0 promises — Flock1 flags — Flock2 bodies — Flock3 objects — Flock4 Whoness
</p>
<p>
Inquiry<br/>
wonjung24@gmail.com
</p>
</div>
</section>
<section class="participation">
<p>
<h2>How to participate</h2>
<ol>
<li>1. Record the sound for about 30 seconds with a recording device or phone according to the characteristics of the flock.
<ol class="category">
<li>• Flock1 flags — Speak out five times about what you like or value.</li>
<li>• Flock2 bodies —Record the sound of your body. Applause and whistling.</li>
<li>• Flock3 objects — find the sound of things around you. Bubble wrap sound, Beads sound.</li>
<li>• Whoness —Collect the sound of others. animal, sound of water, place to take a walk.</li>
</ol>
</li>
<li>2. Upload the recorded sound file.</li>
<li>3. After filling out the title and description of the sound, draw the shape of the sound and submit it.</li>
</ol>
</p>
</section>
<section>
<h2>Sound Submission</h2>
<form id="form" method="POST" enctype="multipart/form-data">
<ul class="submit">
<li>
<h3>1. Sound Type</h3>
<div class="pv3">
<ul>
<li>
<input type="radio" name="group" autocomplete="off" value="flag" /> Flock1 flags
</li>
<li>
<input type="radio" name="group" autocomplete="off" value="body" /> Flock2 bodies
</li>
<li>
<input type="radio" name="group" autocomplete="off" value="object" /> Flock3 objects
</li>
<li>
<input type="radio" name="group" autocomplete="off" value="any" required /> Flock4 Whoness
</li>
</ul>
</div>
<li>
<h3>2. Sound File</h3>
<div>
<input type="file" name="audiofile" autocomplete="off" required />
</div>
</li>
<li>
<h3>3. title</h3>
<div>
<input id="title" name="title" type="text" autocomplete="off" required />
</div>
</li>
<li>
<h3>4. Descript the sound</h3>
<div>
<input id="comment" name="comment" type="text" autocomplete="off" required />
</div>
</li>
<!-- pixels.png ~ made with p5.js -->
<li class="noscroll">
<h3>5. Draw an image of the sound</h3>
<div id="p5">
</div>
</li>
<li>
<h3>6. passward 2 numbers. It's required if you delete it.</h3>
<div>
<input id="pass" name="pass" type="text" maxlength="2" pattern="^\d{2}$" title="암호는 숫자x2개로 해주세요." required />
</div>
</li>
<li>
<div>
<input id="submit" type="submit" value="Upload" />
</div>
</li>
</li>
</ul>
</form>
</section>
</div>
</div>
<script src="/entry.js"></script>
</div>
</body>
</html>