doohoyi/sound-parade
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add

Browse source
This commit is contained in:
Dooho Yi 2022-01-17 14:49:39 +09:00
parent 3e44ca737b
commit 79f17f5682
9 changed files with 297 additions and 234 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
public/default.css
View file

@ -45,11 +45,13 @@ body {
position: fixed; position: fixed;
top: 15px; top: 15px;
right: 20px; right: 20px;
z-index: 2;
} }
.list { .list {
position: fixed; position: fixed;
top: 15px; top: 15px;
left: 20px; left: 20px;
z-index: 2;
} }
.sub { .sub {
position: fixed; position: fixed;
@ -71,11 +73,13 @@ body {
position: fixed; position: fixed;
top: 36px; top: 36px;
right: 20px; right: 20px;
z-index: 2;
} }
.list-parade { .list-parade {
position: fixed; position: fixed;
top: 68px; top: 68px;
right: 20px; right: 20px;
z-index: 2;
} }
a, a,

16
public/entry.js
View file

@ -63,9 +63,9 @@ function draw() {
//pointer //pointer
fill(0, 255, 0); fill(0, 255, 0);
strokeWeight(0); strokeWeight(0);
circle(mouseX, mouseY, 10);
// //mouse way
circle(mouseX, mouseY, 10);
if (mouseIsPressed && mouseButton === LEFT) { if (mouseIsPressed && mouseButton === LEFT) {
//find slot under the pointer //find slot under the pointer
var mouseC = int(mouseX/(unit+sw)); var mouseC = int(mouseX/(unit+sw));
@ -75,6 +75,18 @@ function draw() {
img.fill(255); img.fill(255);
img.rect(mouseC*(unit+sw), mouseR*(unit+sw), unit+sw*2, unit+sw*2); img.rect(mouseC*(unit+sw), mouseR*(unit+sw), unit+sw*2, unit+sw*2);
} }
//touch way
if (touches.length > 0) {
circle(touches[0].x, touches[0].y, 10);
//find slot under the pointer
var mouseC = int(touches[0].x/(unit+sw));
var mouseR = int(touches[0].y/(unit+sw));
if (mouseC < cols && mouseR < rows) p[mouseC*cols + mouseR] = 1;
img.strokeWeight(0);
img.fill(255);
img.rect(mouseC*(unit+sw), mouseR*(unit+sw), unit+sw*2, unit+sw*2);
}
} }
function submitForm(event) { function submitForm(event) {

30
server.js
View file

@ -93,6 +93,7 @@ fastify.get("/", function (request, reply) {
//get list //get list
let list = await fs.readdir('/media/storage/public/sound-parade/'); let list = await fs.readdir('/media/storage/public/sound-parade/');
list.reverse();
// console.log(list); // console.log(list);
@ -115,6 +116,35 @@ fastify.get("/", function (request, reply) {
}); });
}); });
//get '/en/list', '/en/list/'
["/en/list", "/en/list/"].forEach(function(item) {
fastify.get(item, async function (request, reply) {
//get list
let list = await fs.readdir('/media/storage/public/sound-parade/');
list.reverse();
// console.log(list);
let folders = [];
for (const item of list) {
var fields = JSON.parse((await fs.readFile('/media/storage/public/sound-parade/' + item + '/fields.json')).toString('utf8'));
folders.push({
foldername: item,
group: fields.group,
title: fields.title,
comment: fields.comment,
});
}
// console.log(folders);
reply.view("/src/pages/list.en.html", {
list: folders,
});
});
});
//get '/entries' //get '/entries'
fastify.get("/entries", async function (request, reply) { fastify.get("/entries", async function (request, reply) {

12
src/pages/entry.en.html
View file

@ -15,9 +15,9 @@
<body> <body>
<div class="bg"></div> <div class="bg"></div>
<div class="content ph5 center"> <div class="content ph5 center">
<div class="lang"><a href="https://stream.dianaband.info/entry">KR</a></div> <div class="lang"><a href="/entry">KR</a></div>
<div class="content"> <div class="content">
<div class="list"><a href="https://stream.dianaband.info/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>
@ -44,12 +44,16 @@
</p> </p>
<p class="white f3 pv3"> <p class="white f3 pv3">
Place<br/> Place<br/>
YouTube streaming, links <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 class="white f3 pv3">
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">
Inquiry<br/>
wonjung24@gmail.com
</p>
</section> </section>
<section class="participation"> <section class="participation">
<p class="white f3 pv3 sec"> <p class="white f3 pv3 sec">
@ -120,6 +124,7 @@
<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 class="pv3">
<input type="submit" value="Upload" /> <input type="submit" value="Upload" />
@ -132,6 +137,5 @@
</div> </div>
</div> </div>
<script src="/entry.js"></script> <script src="/entry.js"></script>
</body> </body>
</html> </html>

220
src/pages/entry.html
View file

@ -2,7 +2,7 @@
<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>흐름을 향하여 걷는 | 입장</title> <title>흐름을 향하여 걷는 | 입장</title>
<link rel="stylesheet" href="/default.css" /> <link rel="stylesheet" href="/default.css" />
<link rel="stylesheet" href="/entry.css" /> <link rel="stylesheet" href="/entry.css" />
@ -14,124 +14,130 @@
<body> <body>
<div class="bg"></div> <div class="bg"></div>
<div class="content"> <div class="content">
<div class="lang"><a href="https://stream.dianaband.info/en/entry">EN</a></div> <div class="lang"><a href="/en/entry">EN</a></div>
<div class="content"> <div class="content">
<div class="list"><a href="https://stream.dianaband.info/list">목록</a></div> <div class="list"><a href="/list">목록</a></div>
<div class="notice"> <div class="notice">
<section> <section>
<h1>흐름을 &nbsp;향하여 &nbsp;걷는</h1> <h1>흐름을 &nbsp;향하여 &nbsp;걷는</h1>
<p>
퍼레이드를 행렬 밖에서 바라본 적이 있나요? 북소리와 함성소리가 멀리서 들리고, 많은 존재들이 외치고, 흐르듯 지나가고, 무리가 등장하고, 멀어지는......
</p>
<p>
«흐름을 향하여 걷는»은 온라인 공간에 소리의 행렬을 만드는 사운드 퍼레이드입니다. 누구나 참여할 수 있는 이 퍼레이드는 여러분이 보내주시는 소리가 모여 만들어집니다.
</p>
<p>
«흐름을 향하여 걷는»은 총 다섯 개의 소리 무리로 이루어집니다. 약속하는 소리들, 말하는 소리들, 몸이 내는 소리들, 주변의 사물들, 그리고 누군가의 소리들이 무리를 지어 각 3분 내외 총 15분 가량 흘러가게 됩니다.
</p>
<p>
1월 27일(목) 밤, 프랑스 대사관이 주최하는 ‘사유의 밤’ 행사에서 «흐름을 향하여 걷는» 퍼레이드는 라이브 공연과 함께 송출될 예정입니다. 많은 참여 및 관심 부탁드립니다.
</p>
<div class="info">
<p> <p>
소리 모집<br/> 퍼레이드를 행렬 밖에서 바라본 적이 있나요? 북소리와 함성소리가 멀리서 들리고, 많은 존재들이 외치고, 흐르듯 지나가고, 무리가 등장하고, 멀어지는......
2022년 1월 17일(월)–2022년 1월 26일(수)
</p> </p>
<p> <p>
라이브 공연<br/> «흐름을 향하여 걷는»은 온라인 공간에 소리의 행렬을 만드는 사운드 퍼레이드입니다. 누구나 참여할 수 있는 이 퍼레이드는 여러분이 보내주시는 소리가 모여 만들어집니다.
2022년 1월 27일(목)<br>
20:45-21:00 (KST), 12:45-13:00 (CET)<br/>
</p> </p>
<p> <p>
장소<br/> «흐름을 향하여 걷는»은 총 다섯 개의 소리 무리로 이루어집니다. 약속하는 소리들, 말하는 소리들, 몸이 내는 소리들, 주변의 사물들, 그리고 누군가의 소리들이 무리를 지어 각 3분 내외 총 15분 가량 흘러가게 됩니다.
<a href="https://walkingtowardstheflow.xyz">walkingtowardstheflow.xyz</a>, <a href="https://www.youtube.com/c/franceencoree">프랑스 문화원 유튜브 채널</a>
</p> </p>
<p> <p>
퍼레이드 구성<br/> 1월 27일(목) 밤, ‘사유의 밤’ 행사에서 «흐름을 향하여 걷는» 퍼레이드는 라이브 공연과 함께 송출될 예정입니다. '사유의 밤'은 주한 프랑스대사관 문화과, 주한 리스트 헝가리 문화원, 주한 벨기에 대사관이 주최하고, 유네스코 한국위원회와 프랑스 해외문화진흥원이 후원하여 개최됩니다.
무리0 약속들 — 무리1 깃발들 — 무리2 신체들 — 무리3 사물들 — 무리4 누구들 많은 참여 및 관심 부탁드립니다.
</p> </p>
</div> <div class="info">
</section> <p>
<section class="participation"> 소리 모집<br/>
<p> 2022년 1월 17일(월)–2022년 1월 26일(수)
<h2>참여 방법</h2> </p>
<ol> <p>
<li>1. 무리의 특성에 따라 녹음기기나 핸드폰으로 30초 가량의 소리를 녹음해주세요. 라이브 공연<br/>
<ol class="category"> 2022년 1월 27일(목)<br>
<li>• 무리1 깃발들 — 좋아하는 것, 가치에 대해 다섯 번 외쳐주세요.</li> 20:45-21:00 (KST), 12:45-13:00 (CET)<br/>
<li>• 무리2 신체들 — 몸에서 나는 소리를 녹음해 보아요. 박수, 휘파람도 좋아요.</li> </p>
<li>• 무리3 사물들 — 주변 사물들의 소리를 찾아 주세요. 뽁뽁이 소리, 구슬 소리</li> <p>
<li>• 무리4 누구들 — 누구의 소리를 모아주세요. 반려동물, 물 소리, 산책의 장소</li> 장소<br/>
</ol> <a href="https://walkingtowardstheflow.xyz">walkingtowardstheflow.xyz</a>, <a href="https://www.youtube.com/c/franceencoree">주한프랑스대사관 문화과 유튜브 채널</a>
</li> </p>
<li>2. 녹음한 소리 파일을 업로드해주세요.</li> <p>
<li>3. 소리의 제목과 묘사을 입력한 뒤, 소리의 모양을 그려 제출해주세요.</li> 퍼레이드 구성<br/>
</ol> 무리0 약속들 — 무리1 깃발들 — 무리2 신체들 — 무리3 사물들 — 무리4 누구들
</p> </p>
</section> <p>
<section> 문의<br/>
<h2>소리 제출</h2> wonjung24@gmail.com
<form id="form" method="POST" enctype="multipart/form-data"> </p>
<ul class="submit"> </div>
<li> </section>
<h3>1. 소리 유형</h3> <section class="participation">
<div class="pv3"> <p>
<ul> <h2>참여 방법</h2>
<li> <ol>
<input type="radio" name="group" autocomplete="off" value="flag" /> 무리1 깃발들 <li>1. 무리의 특성에 따라 녹음기기나 핸드폰으로 30초 가량의 소리를 녹음해주세요.
</li> <ol class="category">
<li> <li>• 무리1 깃발들 — 좋아하는 것, 가치에 대해 다섯 번 외쳐주세요.</li>
<input type="radio" name="group" autocomplete="off" value="body" /> 무리2 신체들 <li>• 무리2 신체들 — 몸에서 나는 소리를 녹음해 보아요. 박수, 휘파람도 좋아요.</li>
</li> <li>• 무리3 사물들 — 주변 사물들의 소리를 찾아 주세요. 뽁뽁이 소리, 구슬 소리</li>
<li> <li>• 무리4 누구들 — 누구의 소리를 모아주세요. 반려동물, 물 소리, 산책의 장소</li>
<input type="radio" name="group" autocomplete="off" value="object" /> 무리3 사물들 </ol>
</li> </li>
<li> <li>2. 녹음한 소리 파일을 업로드해주세요.</li>
<input type="radio" name="group" autocomplete="off" value="any" required /> 무리4 누구들 <li>3. 소리의 제목과 묘사을 입력한 뒤, 소리의 모양을 그려 제출해주세요.</li>
</li> </ol>
</ul> </p>
</div> </section>
<section>
<h2>소리 제출</h2>
<form id="form" method="POST" enctype="multipart/form-data">
<ul class="submit">
<li> <li>
<h3>2. 소리 파일</h3> <h3>1. 소리 유형</h3>
<div> <div class="pv3">
<input type="file" name="audiofile" autocomplete="off" required /> <ul>
<li>
<input type="radio" name="group" autocomplete="off" value="flag" /> 무리1 깃발들
</li>
<li>
<input type="radio" name="group" autocomplete="off" value="body" /> 무리2 신체들
</li>
<li>
<input type="radio" name="group" autocomplete="off" value="object" /> 무리3 사물들
</li>
<li>
<input type="radio" name="group" autocomplete="off" value="any" required /> 무리4 누구들
</li>
</ul>
</div> </div>
<li>
<h3>2. 소리 파일</h3>
<div>
<input type="file" name="audiofile" autocomplete="off" required />
</div>
</li>
<li>
<h3>3. 소리 제목</h3>
<div>
<input id="title" name="title" type="text" autocomplete="off" required />
</div>
</li>
<li>
<h3>4. 소리 묘사</h3>
<div>
<input id="comment" name="comment" type="text" autocomplete="off" />
</div>
</li>
<!-- pixels.png ~ made with p5.js -->
<li class="noscroll">
<h3>5. 소리 모양</h3>
<div id="p5">
</div>
</li>
<li>
<h3>6. 비밀번호 숫자 2개_삭제시 필요</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="제출하기" />
</div>
</li>
</li> </li>
<li> </ul>
<h3>3. 소리 제목</h3> </form>
<div> </section>
<input id="title" name="title" type="text" autocomplete="off" required /> </div>
</div>
</li>
<li>
<h3>4. 소리 묘사</h3>
<div>
<input id="comment" name="comment" type="text" autocomplete="off" />
</div>
</li>
<!-- pixels.png ~ made with p5.js -->
<li class="noscroll">
<h3>5. 소리 모양</h3>
<div id="p5">
</div>
</li>
<li>
<h3>6. 비밀번호 숫자 2개_삭제시 필요</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="제출하기" />
</div>
</li>
</li>
</ul>
</form>
</section>
</div> </div>
<script src="/entry.js"></script>
</div> </div>
<script src="/entry.js"></script>
</body> </body>
</html> </html>

92
src/pages/list.en.html
View file

@ -14,55 +14,55 @@
<body> <body>
<div class="bg"></div> <div class="bg"></div>
<div class="popup"></div> <div class="popup"></div>
<div class="content"> <div class="content">
<div class="lang"><a href="https://stream.dianaband.info/list">KR</a></div> <div class="lang"><a href="/list">KR</a></div>
<div class="content" id="list"> <div class="content" id="list">
<div class="list-sub"><a href="https://stream.dianaband.info/en/entry">Submission<i class='fas fa-bell' style='font-size:24px'></i></a></div> <div class="list-sub"><a href="/en/entry">Submission<i class='fas fa-bell' style='font-size:24px'></i></a></div>
<div class="content" id="list"> <div class="content" id="list">
<div class="list-parade"><a href="https://stream.dianaband.info/">Parade<i class='fas fa-bell' style='font-size:24px'></i></a></div> <div class="notice"> <div class="list-parade"><a href="/" target="_blank">Parade<i class='fas fa-bell' style='font-size:24px'></i></a></div> <div class="notice">
<h1>Walking &nbsp;Towards &nbsp;the Flow</h1> <h1>Walking &nbsp;Towards &nbsp;the Flow</h1>
{{#each list}} {{#each list}}
<div class="items" foldername="{{this.foldername}}"> <div class="items" foldername="{{this.foldername}}">
<img class="drawing" src="https://p.dianaband.info/public/sound-parade/{{this.foldername}}/pixels.png" /> <img class="drawing" src="https://p.dianaband.info/public/sound-parade/{{this.foldername}}/pixels.png" />
<div class="group">{{this.group}}</div> <div class="group">{{this.group}}</div>
<div class="title">{{this.title}}</div> <div class="title">{{this.title}}</div>
<div class="comment">{{this.comment}}</div> <div class="comment">{{this.comment}}</div>
<audio class="sound" preload="none" controls> <audio class="sound" preload="none" controls>
<source src="https://p.dianaband.info/public/sound-parade/{{this.foldername}}/audio.mp3" type="audio/mpeg"> <source src="https://p.dianaband.info/public/sound-parade/{{this.foldername}}/audio.mp3" type="audio/mpeg">
</audio> </audio>
<button class="delete" type="button" onclick="del(this)">삭제x</button> <button class="delete" type="button" onclick="del(this)">삭제x</button>
</div>
{{/each}}
</div>
</div> </div>
{{/each}} <script>
</div> function del(that) {
</div> console.log();
<script> let text;
function del(that) { let pass = prompt("Please enter password!", "숫자2개");
console.log(); if (/^\d{2}$/.test(pass)) {
let text; var target = that.parentElement.getAttribute('foldername');
let pass = prompt("Please enter password!", "숫자2개"); const trydelete = async () => {
if (/^\d{2}$/.test(pass)) { const response = await fetch('/delete/' + target + '/' + pass);
var target = that.parentElement.getAttribute('foldername'); if (response.ok) {
const trydelete = async () => { const json = await response.json();
const response = await fetch('/delete/' + target + '/' + pass); return Promise.resolve(json);
if (response.ok) { } else {
const json = await response.json(); return Promise.reject('no response.');
return Promise.resolve(json); }
}
trydelete().then((resp) => {
if (resp.result) {
alert("지우기 성공!");
location.reload();
} else {
alert("지우기 실패-");
}
}).catch(console.log);
} else { } else {
return Promise.reject('no response.'); alert("암호는 숫자2개...");
} }
} }
trydelete().then((resp) => { </script>
if (resp.result) {
alert("지우기 성공!");
location.reload();
} else {
alert("지우기 실패-");
}
}).catch(console.log);
} else {
alert("암호는 숫자2개...");
}
}
</script>
</body> </body>
</html> </html>

92
src/pages/list.html
View file

@ -15,55 +15,55 @@
<div class="bg"></div> <div class="bg"></div>
<div class="popup"></div> <div class="popup"></div>
<div class="content"> <div class="content">
<div class="lang"><a href="https://stream.dianaband.info/en/list">EN</a></div> <div class="lang"><a href="/en/list">EN</a></div>
<div class="content" id="list"> <div class="content" id="list">
<div class="list-sub"><a href="https://stream.dianaband.info/entry">모집<i class='fas fa-bell' style='font-size:24px'></i></a></div> <div class="list-sub"><a href="/entry">모집<i class='fas fa-bell' style='font-size:24px'></i></a></div>
<div class="content" id="list"> <div class="content" id="list">
<div class="list-parade"><a href="https://stream.dianaband.info/">퍼레이드<i class='fas fa-bell' style='font-size:24px'></i></a></div> <div class="list-parade"><a href="/" target="_blank">퍼레이드<i class='fas fa-bell' style='font-size:24px'></i></a></div>
<div class="notice"> <div class="notice">
<h1>흐름을 &nbsp;향하여 &nbsp;걷는</h1> <h1>흐름을 &nbsp;향하여 &nbsp;걷는</h1>
{{#each list}} {{#each list}}
<div class="items" foldername="{{this.foldername}}"> <div class="items" foldername="{{this.foldername}}">
<img class="drawing" src="https://p.dianaband.info/public/sound-parade/{{this.foldername}}/pixels.png" /> <img class="drawing" src="https://p.dianaband.info/public/sound-parade/{{this.foldername}}/pixels.png" />
<div class="group">{{this.group}}</div> <div class="group">{{this.group}}</div>
<div class="title">{{this.title}}</div> <div class="title">{{this.title}}</div>
<div class="comment">{{this.comment}}</div> <div class="comment">{{this.comment}}</div>
<audio class="sound" preload="none" controls> <audio class="sound" preload="none" controls>
<source src="https://p.dianaband.info/public/sound-parade/{{this.foldername}}/audio.mp3" type="audio/mpeg"> <source src="https://p.dianaband.info/public/sound-parade/{{this.foldername}}/audio.mp3" type="audio/mpeg">
</audio> </audio>
<button class="delete" type="button" onclick="del(this)">삭제x</button> <button class="delete" type="button" onclick="del(this)">삭제x</button>
</div>
{{/each}}
</div>
</div> </div>
{{/each}} <script>
</div> function del(that) {
</div> console.log();
<script> let text;
function del(that) { let pass = prompt("Please enter password!", "숫자2개");
console.log(); if (/^\d{2}$/.test(pass)) {
let text; var target = that.parentElement.getAttribute('foldername');
let pass = prompt("Please enter password!", "숫자2개"); const trydelete = async () => {
if (/^\d{2}$/.test(pass)) { const response = await fetch('/delete/' + target + '/' + pass);
var target = that.parentElement.getAttribute('foldername'); if (response.ok) {
const trydelete = async () => { const json = await response.json();
const response = await fetch('/delete/' + target + '/' + pass); return Promise.resolve(json);
if (response.ok) { } else {
const json = await response.json(); return Promise.reject('no response.');
return Promise.resolve(json); }
}
trydelete().then((resp) => {
if (resp.result) {
alert("지우기 성공!");
location.reload();
} else {
alert("지우기 실패-");
}
}).catch(console.log);
} else { } else {
return Promise.reject('no response.'); alert("암호는 숫자2개...");
} }
} }
trydelete().then((resp) => { </script>
if (resp.result) {
alert("지우기 성공!");
location.reload();
} else {
alert("지우기 실패-");
}
}).catch(console.log);
} else {
alert("암호는 숫자2개...");
}
}
</script>
</body> </body>
</html> </html>

33
src/pages/submit.en.html
View file

@ -13,21 +13,24 @@
</head> </head>
<body> <body>
<div class="bg"></div> <div class="bg"></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>
<p> Submission complete!
Submission complete! </p>
</p> <div class="content">
<div class="content"> <div class="sub">
<div class="sub"><a href="https://stream.dianaband.info/entry">≪ SUBMISSTION</a></div> <a href="/entry">≪ ENTRY</a>
<div class="content"> </div>
<div class="list2"><a href="https://stream.dianaband.info/list">▤ LIST</a></div> <div class="list2">
<div class="content"> <a href="/list">▤ LIST</a>
<div class="parade"><a href="https://stream.dianaband.info/">PARADE ≫</a></div> </div>
</section> <div class="parade">
</div> <a href="/" target="_blank">PARADE ≫</a>
</div>
</div>
</section>
</div> </div>
</body> </body>
</html> </html>

32
src/pages/submit.html
View file

@ -13,20 +13,24 @@
</head> </head>
<body> <body>
<div class="bg"></div> <div class="bg"></div>
<div class="notice"> <div class="notice">
<section> <section>
<h1>흐름을 &nbsp;향하여 &nbsp;걷는</h1> <h1>흐름을 &nbsp;향하여 &nbsp;걷는</h1>
<p> <p>
제출되었습니다 제출되었습니다
</p> </p>
<div class="content"> <div class="content">
<div class="sub"><a href="https://stream.dianaband.info/entry">≪ 소리 모집</a></div> <div class="sub">
<div class="content"> <a href="/entry">≪ 소리 모집</a>
<div class="list2"><a href="https://stream.dianaband.info/list">▤ 소리 목록</a></div> </div>
<div class="content"> <div class="list2">
<div class="parade"><a href="https://stream.dianaband.info/">퍼레이드 ≫</a></div> <a href="/list">▤ 소리 목록</a>
</section> </div>
</div> <div class="parade">
<a href="/" target="_blank">퍼레이드 ≫</a>
</div>
</div>
</section>
</div> </div>
</body> </body>
</html> </html>