흐름을 향하여 걷는
@@ -44,7 +44,7 @@
장소
- walkingtowardstheflow.xyz, 주한프랑스대사관 문화과 유튜브 채널
+ walkingtowardstheflow.xyz
주한프랑스대사관 문화과 유튜브 채널
퍼레이드 구성
@@ -109,15 +109,16 @@
diff --git a/public/default.css b/public/default.css index 79cb7e5..6185690 100644 --- a/public/default.css +++ b/public/default.css @@ -43,21 +43,34 @@ body { .lang { position: fixed; - top: 15px; - right: 20px; + top: 20px; + right: 15px; z-index: 2; + writing-mode: vertical-lr; } + .list { position: fixed; - top: 15px; - left: 20px; + top: 20px; + right: 37.5px; z-index: 2; + writing-mode: vertical-lr; } + +.prd { + position: fixed; + top: 20px; + right: 40px; + z-index: 2; + writing-mode: vertical-lr; +} + .sub { position: fixed; bottom: 15px; left: 20px; } + .list2 { position: fixed; bottom: 15px; @@ -204,6 +217,49 @@ button { display: inline-block; } +.soundinfo { + position: fixed; + width: 500px; + height: auto; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + background: rgba(0, 0, 0, 0.7); + transition: opacity 500ms; + visibility: hidden; + opacity: 0; + z-index: 900; + background-color: white; + opacity: 0.5; + color: white; + padding: 15px 15px 5px 15px; + word-break: break-all; +} + +.soundinfo:target { + visibility: visible; + opacity: 1; + z-index: 99; +} + +.roomsel { +position: absolute; +top: 50%; +left: 50%; +transform: translate(-50%); +} + +.intro { +position: relative; + display: block; + left: 50%; + transform: translate(-50%); + font-size: 15px; + margin-bottom: 50px; + writing-mode: vertical-lr; + text-align: center; +} + @media screen and (max-width: 700px) { .notice { diff --git a/public/parade.js b/public/parade.js index e3f65bf..7791891 100644 --- a/public/parade.js +++ b/public/parade.js @@ -222,6 +222,7 @@ function draw() { if (x < exit_x) { img.remove(); snd.stop(); + delete snd; arr.splice(i, 1); } } diff --git a/server.js b/server.js index 4500f33..c31d406 100644 --- a/server.js +++ b/server.js @@ -240,9 +240,8 @@ fastify.post("/entry", async function (request, reply) { pass: audiofile.fields.pass.value }))); - // res.writeHead(301, {"Location": "/submit"}); - // return res.end(); - + //reply.send('done!'); + //reply.redirect('/submit'); }); //socket.io diff --git a/src/pages/entry.en.html b/src/pages/entry.en.html index 1c7862f..5ffe14d 100644 --- a/src/pages/entry.en.html +++ b/src/pages/entry.en.html @@ -236,15 +236,15 @@ // var request = new XMLHttpRequest(); request.open("POST", "/entry"); + request.onload = () => { + alert('Thank you!'); + //location.reload(); + location.assign("/en/submit"); + } request.send(fd); // event.preventDefault(); - - // - alert('Thank you!'); - //location.reload(); - location.assign("/en/submit"); } const form = document.getElementById('form'); diff --git a/src/pages/entry.html b/src/pages/entry.html index a095aee..961058d 100644 --- a/src/pages/entry.html +++ b/src/pages/entry.html @@ -15,7 +15,7 @@
장소
- walkingtowardstheflow.xyz, 주한프랑스대사관 문화과 유튜브 채널
+ walkingtowardstheflow.xyz
주한프랑스대사관 문화과 유튜브 채널
퍼레이드 구성
@@ -109,15 +109,16 @@