This commit is contained in:
Dooho Yi 2022-01-17 15:02:44 +09:00
parent 79f17f5682
commit f4617e695f
2 changed files with 120 additions and 119 deletions

View file

@ -2,9 +2,8 @@
<html> <html>
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title>Walking Towards the Flow | entry</title> <title>Walking Towards the Flow | entry</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="/default.css" />
<link rel="stylesheet" href="/entry.css" /> <link rel="stylesheet" href="/entry.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.10.2/p5.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.10.2/p5.js"></script>
@ -14,49 +13,51 @@
</head> </head>
<body> <body>
<div class="bg"></div> <div class="bg"></div>
<div class="content ph5 center"> <div class="content">
<div class="lang"><a href="/entry">KR</a></div> <div class="lang"><a href="/entry">KR</a></div>
<div class="content"> <div class="content">
<div class="list"><a href="/en/list">list</a></div> <div class="list"><a href="/en/list">list</a></div>
<div class="notice"> <div class="notice">
<section> <section>
<h1>Walking &nbsp;Towards &nbsp;the Flow</h1> <h1>Walking &nbsp;Towards &nbsp;the Flow</h1>
<p class="white f3 pv3"> <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... 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>
<p class="white f3 pv3"> <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. «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>
<p class="white f3 pv3"> <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. «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>
<p class="white f3 pv3"> <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. 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> </p>
<p class="white f3 pv3"> <div class="info">
<p>
Recruiting sounds<br/> Recruiting sounds<br/>
January 17, 2022 (Mon) January 26, 2022 (Wed) January 17, 2022 (Mon) January 26, 2022 (Wed)
</p> </p>
<p class="white f3 pv3"> <p>
Live performance<br/> Live performance<br/>
January 27th, 2022 (Thursday)<br> January 27th, 2022 (Thursday)<br>
20:45-21:00 (KST), 12:45-13:00 (CET)<br/> 20:45-21:00 (KST), 12:45-13:00 (CET)<br/>
</p> </p>
<p class="white f3 pv3"> <p>
Place<br/> 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> <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>
<p class="white f3 pv3"> <p>
Parade Composition<br/> Parade Composition<br/>
Flock0 promises — Flock1 flags — Flock2 bodies — Flock3 objects — Flock4 Whoness Flock0 promises — Flock1 flags — Flock2 bodies — Flock3 objects — Flock4 Whoness
</p> </p>
<p class="white f3 pv3"> <p>
Inquiry<br/> Inquiry<br/>
wonjung24@gmail.com wonjung24@gmail.com
</p> </p>
</div>
</section> </section>
<section class="participation"> <section class="participation">
<p class="white f3 pv3 sec"> <p>
<h2>How to participate</h2> <h2>How to participate</h2>
<ol> <ol>
<li>1. Record the sound for about 30 seconds with a recording device or phone according to the characteristics of the flock. <li>1. Record the sound for about 30 seconds with a recording device or phone according to the characteristics of the flock.
@ -74,48 +75,48 @@
</section> </section>
<section> <section>
<h2>Sound Submission</h2> <h2>Sound Submission</h2>
<form id="form" class="pv3 white f3" method="POST" enctype="multipart/form-data"> <form id="form" method="POST" enctype="multipart/form-data">
<ul class="submit"> <ul class="submit">
<li> <li>
<h3>1. Sound Type</h3> <h3>1. Sound Type</h3>
<div class="pv3"> <div class="pv3">
<ul> <ul>
<li> <li>
<input type="radio" name="chk_info" value="flag"> Flock1 flags <input type="radio" name="group" autocomplete="off" value="flag" /> Flock1 flags
</li> </li>
<li> <li>
<input type="radio" name="chk_info" value="body"> Flock2 bodies <input type="radio" name="group" autocomplete="off" value="body" /> Flock2 bodies
</li> </li>
<li> <li>
<input type="radio" name="chk_info" value="object"> Flock3 objects <input type="radio" name="group" autocomplete="off" value="object" /> Flock3 objects
</li> </li>
<li> <li>
<input type="radio" name="chk_info" value="any"> Flock4 Whoness <input type="radio" name="group" autocomplete="off" value="any" required /> Flock4 Whoness
</li> </li>
</ul> </ul>
</div> </div>
<li> <li>
<h3>2. Sound File</h3> <h3>2. Sound File</h3>
<div class="pv3"> <div>
<input type="file" name="audiofile" required="required" /> <input type="file" name="audiofile" autocomplete="off" required />
</div> </div>
</li> </li>
<li> <li>
<h3>3. title</h3> <h3>3. title</h3>
<div class="pv3"> <div>
<input id="message" name="message" required="required" type="text" /> <input id="title" name="title" type="text" autocomplete="off" required />
</div> </div>
</li> </li>
<li> <li>
<h3>4. Descript the sound</h3> <h3>4. Descript the sound</h3>
<div class="pv3"> <div>
<input id="message" name="message" required="required" type="text" /> <input id="comment" name="comment" type="text" autocomplete="off" required />
</div> </div>
</li> </li>
<!-- pixels.png ~ made with p5.js --> <!-- pixels.png ~ made with p5.js -->
<li class="noscroll"> <li class="noscroll">
<h3>5. Draw an image of the sound</h3> <h3>5. Draw an image of the sound</h3>
<div class="pv3" id="p5"> <div id="p5">
</div> </div>
</li> </li>
<li> <li>
@ -124,10 +125,9 @@
<input id="pass" name="pass" type="text" maxlength="2" pattern="^\d{2}$" title="암호는 숫자x2개로 해주세요." required /> <input id="pass" name="pass" type="text" maxlength="2" pattern="^\d{2}$" title="암호는 숫자x2개로 해주세요." required />
</div> </div>
</li> </li>
<li> <li>
<div class="pv3"> <div>
<input type="submit" value="Upload" /> <input id="submit" type="submit" value="Upload" />
</div> </div>
</li> </li>
</li> </li>
@ -137,5 +137,6 @@
</div> </div>
</div> </div>
<script src="/entry.js"></script> <script src="/entry.js"></script>
</div>
</body> </body>
</html> </html>

View file

@ -111,7 +111,7 @@
<li> <li>
<h3>4. 소리 묘사</h3> <h3>4. 소리 묘사</h3>
<div> <div>
<input id="comment" name="comment" type="text" autocomplete="off" /> <input id="comment" name="comment" type="text" autocomplete="off" required />
</div> </div>
</li> </li>
<!-- pixels.png ~ made with p5.js --> <!-- pixels.png ~ made with p5.js -->