From 206d768fcb429f725c51043d68729d67dd1311c5 Mon Sep 17 00:00:00 2001 From: Dooho Yi Date: Fri, 25 Nov 2022 14:21:45 +0900 Subject: [PATCH] projection test --- public/default.css | 2 +- server.js | 29 +- src/pages/projection.html | 815 ++++++++++++++++++++++++++++++++++++++ 3 files changed, 844 insertions(+), 2 deletions(-) create mode 100644 src/pages/projection.html diff --git a/public/default.css b/public/default.css index 4b83bc1..e632559 100644 --- a/public/default.css +++ b/public/default.css @@ -46,7 +46,7 @@ body::-webkit-scrollbar { height: 100vh; width: 100vw; /* z-index usage is up to you.. although there is no need of using it because the default stack context will work. */ - z-index: -1; // this is optional + z-index: -1; } .arrow { diff --git a/server.js b/server.js index f36ced5..6deada5 100644 --- a/server.js +++ b/server.js @@ -80,11 +80,38 @@ fastify.get("/", async function (request, reply) { }); } } +}); + +//get '/projection' +fastify.get("/projection", async function (request, reply) { + //get list + let list = await fs.readdir(process.env.userdata); + list.reverse(); + + // console.log(list); + + let folders = []; + for (const item of list) { + let json = await fs.readFile(process.env.userdata + item + '/fields.json') + .catch((err) => { + console.error(err); + }); + if (json != undefined) { + var fields = JSON.parse(json.toString('utf8')); + folders.push({ + foldername: item, + group: fields.group, + title: fields.title, + comment: fields.comment, + anchor: fields.anchor + }); + } + } // console.log(folders); // - reply.view("/src/pages/parade.html", { + reply.view("/src/pages/projection.html", { list: folders }); }); diff --git a/src/pages/projection.html b/src/pages/projection.html new file mode 100644 index 0000000..31a15bf --- /dev/null +++ b/src/pages/projection.html @@ -0,0 +1,815 @@ + + + + + + + 흐름을 향하여 걷는 Walking towards the Flow + + + + + + + + + + + + + +
+
+
+
+
+ +
+

소개

+

+ «흐름을 향하여 걷는»은 온라인 공간에서 열리는 사운드 퍼레이드입니다. 이 소리의 행렬은 여러분이 보내주시는 소리가 모여 만들어지며, 누구나 참여하실 수 있습니다. +

+

+ 소리가 흐르는 길은 별들이 순회하는 저 은하수와 같이, 언제나 그 자리에 있으면서 여러분이 소리를 듣고 있든 그렇지 않든 흐르고 있습니다. +

+

+ 이 영원한 퍼레이드의 영속성은 우리에게 최후의 안도를 줍니다. 때로는 자신이 위성궤도를 무한히 돌고 있는 우주 부스러기라는 생각이 들다가도, 그것이 관측되는 순간 더는 외로움이나 잊혀짐이 아니라 + 기억됨이 됩니다. +

+

+ «흐름을 향하여 걷는»은 온사이트 공연으로 함께 하실 수도 있습니다. 11월 27일(일) 진행하는 공연에서는 웹사이트에 모인 소리들이 물리적 공간에 펼쳐지고, 관객은 함께 걷고 멈추며 흐름에 + 공감해주신 분들의 소리를 듣습니다. +

+

+ 온라인으로 진행하는 소리 모집과 온사이트 공연에 많은 관심과 참여 바랍니다.
+

+
+
+

+ 소리 모집
+ 2022년 11월 13일(일)–26일(토) +

+

+ 공연 일정
+ 2022년 11월 27일(일), 16:00 +

+

+ 공연 장소
+ 서울시립미술관 서소문본관 1층 로비, 2층 러닝스테이션, 옥상정원 +

+

+ 공연 구성
+ 무리0 약속들 — 무리1 깃발들 — 무리2 신체들 — 무리3 사물들 — 무리4 누구들 +

+

+ 공연 신청
+ https://zrr.kr/aHTS +

+

+ 작가
+ 다이애나밴드 × 윤충근 +

+

+ 문의
wonjung24@gmail.com +

+
+
+
+

참여 방법

+
    +
  1. 1. 무리의 특성에 따라 녹음기기나 핸드폰으로 30초 가량의 소리를 녹음해주세요. +
      +
    1. • 무리1 깃발들 — 좋아하는 것, 가치에 대해 다섯 번 외쳐주세요.
    2. +
    3. • 무리2 신체들 — 몸에서 나는 소리를 녹음해 보아요. 박수, 휘파람도 좋아요.
    4. +
    5. • 무리3 사물들 — 주변 사물들의 소리를 찾아 주세요. 뽁뽁이 소리, 구슬 소리
    6. +
    7. • 무리4 누구들 — 누구의 소리를 모아주세요. 반려동물, 물 소리, 산책의 장소
    8. +
    +
  2. +
  3. 2. 녹음한 소리 파일을 업로드해주세요.
  4. +
  5. 3. 소리의 제목과 묘사을 입력한 뒤, 소리의 모양을 그려 제출해주세요.
  6. +
  7. * 혐오 표현이 포함된 음원을 업로드하시면 삭제됩니다.
  8. +
+
+
+

소리 제출

+
+
    +
  • +

    1. 소리 유형

    +
      +
    • + 무리1 깃발들 +
    • +
    • + 무리2 신체들 +
    • +
    • + 무리3 사물들 +
    • +
    • + 무리4 누구들 +
    • +
    +
  • +
  • +

    2. 소리 파일

    + +
  • +
  • +

    3. 소리 제목

    + +
  • +
  • +

    4. 소리 묘사

    + +
  • + +
  • +

    5. 소리 모양

    +
    +
    +
    +
    +
    + + +
    +
    + + +
    +
    +
    + +
  • +
  • +

    6. 비밀 번호

    + + 두 자리 숫자를 입력해주세요. 업로드한 소리를 삭제할 때 쓰입니다. +
  • +
  • + + +
  • +
+

+ ↓  +

+
+
+
+ + + {{#each list}} +
+
+ + +

    +
  • 유형 |
    {{this.group}}

  • +
  • 제목 |
    {{this.title}}

  • +
  • 묘사 |
    {{this.comment}}

  • +
+ + +
+
+ {{/each}} +
+
+
+ + + + + \ No newline at end of file