diff --git a/test_data/about.html b/test_data/about.html index a165451..06eb463 100644 --- a/test_data/about.html +++ b/test_data/about.html @@ -35,7 +35,7 @@ - + @@ -97,7 +97,7 @@ [환대의 조각들]은 사회적 소수자와 소수성을 기반으로 하는 예술 표현을 온오프라인 공간을 통해 실험하는 프로젝트다. 2020년부터 다양한 참여작가들과 함께 '환대'라는 키워드로 각자의 조각들을 모으는 작업을 해왔다. [#000 환대의 조각들]에서는 기획자들 개인을 포함한 19명의 참여자들이 ‘인간, 기술, 환경’이라는 키워드로 새로운 조각을 모은다. 이 프로젝트에서 우리는 우리의 연결을 매개하는 매체의 ‘성질과 태도’를 스스로 선택할 수 있기를 바란다. 따라서 우리의 조각들이 모이는 웹 플랫폼은 우리를 컨트롤 하는 커다란 권력으로부터 가능한 한 멀어지는 방식으로 스스로 제작한다. 우리는 대부분 예술인으로 분류되지만 정규 예술교육을 받지 않았거나 본인을 '예술인'으로 규정하지 않거나 조금 이상해보이는 창작을 지속해온 사람들, 혹은 한번도 창작을 해보지 않은 사람들이기도 하다. 우리가 이렇게 함께 모인 것은 예술이라는 개념에 질문을 던지고 미래의 무언가를 상상하기 위해서다. 꽃모양 선언문 버튼 - 약속문 열어보기 + 약속문 열어보기

@@ -197,6 +197,8 @@ + + diff --git a/test_data/about_en.html b/test_data/about_en.html deleted file mode 100644 index b9cc802..0000000 --- a/test_data/about_en.html +++ /dev/null @@ -1,85 +0,0 @@ - - - - 환대의 조각들 Fragments of Hospitality - - - - - - - -

- - - diff --git a/test_data/index.html b/test_data/index.html index 47e85d7..722d75f 100644 --- a/test_data/index.html +++ b/test_data/index.html @@ -38,13 +38,14 @@ - + - - + + +
@@ -306,7 +307,7 @@ - + diff --git a/test_data/participants.html b/test_data/participants.html index b3cbcdb..d145e62 100644 --- a/test_data/participants.html +++ b/test_data/participants.html @@ -45,7 +45,7 @@ - + @@ -303,5 +303,6 @@ + diff --git a/test_data/src/scripts/accessibility.js b/test_data/src/scripts/accessibility.js new file mode 100644 index 0000000..f2eab6f --- /dev/null +++ b/test_data/src/scripts/accessibility.js @@ -0,0 +1,93 @@ + +let isZoomed = false; +let thresholdForButtons = 1080; + +window.onresize = () => { + if (window.innerWidth < thresholdForButtons && isZoomed) { + const zoom = document.querySelector("#zoom") + const sound = document.querySelector("#sound") + zoom.style.right = "5px"; + sound.style.top = "85px"; + } else { + const zoom = document.querySelector("#zoom") + const sound = document.querySelector("#sound") + zoom.style.right = ""; + sound.style.top = ""; + } +} + +function toggleZoom(){ + const isDefault = (document.body.style.zoom == "100%"); + + if (isDefault){ + document.body.style.zoom = "150%" + + // Toggle image + const img = document.querySelector('#zoom>a>img') + img.src = "/src/img/deactivate_bigletter.svg" + + + // Respond to Zoom Icon + if (window.innerWidth < thresholdForButtons){ + const zoom = document.querySelector("#zoom") + const sound = document.querySelector("#sound") + zoom.style.right = "5px"; + sound.style.top = "85px"; + } + + isZoomed = true; + + }else { + document.body.style.zoom = "100%" + + // Toggle image + const img = document.querySelector('#zoom>a>img') + img.src = "/src/img/activate_bigletter.svg" + + // Respond to Zoom Icon + const zoom = document.querySelector("#zoom") + const sound = document.querySelector("#sound") + zoom.style.right = ""; + sound.style.top = ""; + + isZoomed = true; + } +} + + +const sound_src = (() => { + const pathname = window.location.pathname; + if (pathname.indexOf('about') != -1){ + return new Audio('/src/sound/test_sound.mp3'); + } else if (pathname.indexOf('particiapnts') != -1){ + return new Audio('/src/sound/test_sound.mp3'); + } + return new Audio('/src/sound/test_sound.mp3'); +})(); + + +function toggleSound(){ + // This function should be executed by a user interaction to work properly + + if (sound_src.paused == true) { + // Play sound + sound_src.play() + console.log("good"); + + // Toggle Image + const img = document.querySelector('#sound>a>img') + img.src = "/src/img/sound_off.svg" + img.style.height = "64px" + + } else { + // Stop sound + sound_src.pause(); + sound_src.currentTime = 0; + console.log("sound", sound_src); + + // Toggle Image + const img = document.querySelector('#sound>a>img') + img.src = "/src/img/sound_on.svg" + img.style.height = "60px" + } +} \ No newline at end of file diff --git a/test_data/src/scripts/zoom.js b/test_data/src/scripts/zoom.js deleted file mode 100644 index 16a7603..0000000 --- a/test_data/src/scripts/zoom.js +++ /dev/null @@ -1,14 +0,0 @@ -let zoomButton = document.querySelector('#zoom'); - -document.body.style.zoom = document.cookie.zoom - -function toggleZoom(){ - if (document.cookie.zoom == 100){ - document.cookie.zoom = 150; - - }else { - document.cookie.zoom = 100; - } - window.location.reload() -} - diff --git a/test_data/src/sound/test_sound.mp3 b/test_data/src/sound/test_sound.mp3 new file mode 100644 index 0000000..ccd8cae Binary files /dev/null and b/test_data/src/sound/test_sound.mp3 differ diff --git a/test_data/src/style/common.css b/test_data/src/style/common.css index ae4e184..eaed530 100644 --- a/test_data/src/style/common.css +++ b/test_data/src/style/common.css @@ -151,9 +151,10 @@ margin-top:30px; margin-bottom:30px; text-decoration: none; + text-align: center; } img#icon_coc { - width: 80px; + width: 120px; margin:10px; } @@ -307,9 +308,10 @@ overflow-x: visible; margin-top:30px; text-decoration: none; + text-align: center; } img#icon_coc { - width: 100px; + width: 120px; margin:10px; }