diff --git a/test_data/about.html b/test_data/about.html index 15eac16..79d1a12 100644 --- a/test_data/about.html +++ b/test_data/about.html @@ -17,17 +17,11 @@ -
- - 각진 꽃 모양 어바웃 버튼 - -
- - + diff --git a/test_data/index.html b/test_data/index.html index 077081f..cab34d7 100644 --- a/test_data/index.html +++ b/test_data/index.html @@ -25,18 +25,6 @@ -
- - 각진 꽃 모양 어바웃 버튼 - -
- -
- - 구름 모양 타임라인 버튼 - -
- ABOUT @@ -52,266 +40,247 @@ TIMELINE + + + + + + + + + + + + -
@@ -319,91 +288,30 @@ - +
+ diff --git a/test_data/participants.html b/test_data/participants.html index 475f677..e0049ac 100644 --- a/test_data/participants.html +++ b/test_data/participants.html @@ -56,258 +56,230 @@ - +
+ + - - - - Seungwook - Y - ang - - - - Megumi - - - - - - Grace Kim - - mooming - - + + + + + + + + + + - - + + + + 109 + + + + + + blblbg + + + + + + Eunjeong Koo + + + + + + Grace Kim + + + + + + Hamamu + + + + - Hong Seo - Y - eon - - - - - yiyagi - - - - Eunjeong Gu - - - - Oro Minkyung - - - - Korean Peoples Solidarity - Against Proverty - - - - - Ji - n - h - o - J - e - o - n - g - - - - - blblbg - - - - Song Soo - - - - Mc. mama - - - - 109 - - - - doohoyi - - - - Hamamu - - - - Wonjung - - - - - Hyunchul Kim - - - - Insook Bae - - - - yuhee - - - - sewon - - - - Dolgoreh - - - - Ichimura Misako - - - - Jae Shin - - - - Dah - Y - ee Noh - - - - - MinShin - - - - Ueta Jiro - - - - Nodl + d="M3.51,193.81a9.08,9.08,0,0,1-.65-2.22c-.14-3.53-.2-7.07-.25-10.61,0-1.06.05-2.12.09-3.19,0-.13,0-.27,0-.4a37.22,37.22,0,0,1,0-8.44,29.11,29.11,0,0,0-.35-6c-.18-1.82-.48-3.62-.74-5.43-.43-3.09-1-6.17-1.26-9.28-.21-2.7,0-5.43,0-8.14l0-10.57c0-.28,0-.55,0-.83.06-4.56.17-9.12.16-13.68,0-2.66-.24-5.31-.28-8C.1,101.88.06,96.73,0,91.58,0,88.8,0,86,0,83.25c0-.81,0-1.62.07-2.43.18-4,.35-8.09.57-12.13.15-2.78.34-5.57.6-8.34.1-1,.51-1.94.66-2.93.11-.68,0-1.39,0-2.08a46.4,46.4,0,0,1,1.8-9,40.62,40.62,0,0,1,1.4-5.1c1-2.2,1.82-4.45,2.8-6.65a15.28,15.28,0,0,1,6.21-7.09c1.91-1.15,3.7-2.52,5.6-3.7.84-.52,2.09-.59,2.69-1.27,1.15-1.29,3.16-.5,4.16-2,.23-.36,1-.42,1.52-.51,3.2-.54,6.42-1,9.61-1.58,2.92-.53,5.81-1.26,8.74-1.76,2.47-.42,5-.61,7.46-.94.54-.08,1-.36,1.57-.45,2.28-.38,4.56-.7,6.84-1.09.78-.14,1.52-.53,2.3-.61,1-.1,2.06.43,3-.62.23-.28,1.25.12,2.08.23.64-1.09,1.84-1.43,3.11-1.68,1.79-.36,3.58-.69,5.33-1.17s3.56-1.27,5.38-1.7c5.5-1.29,11-2.49,16.54-3.7,3.54-.79,7.08-1.57,10.63-2.28a23.64,23.64,0,0,1,5.61-.79c2,.1,3.86-.53,5.79-.22,1,.15,1.94.32,3.21.53,1.5-1,3.48-.61,5.28.06,1.48.55,2.73,1.07,4.2,0a2.35,2.35,0,0,1,1.56,0c2.4.49,4.82-.07,7.21.19,3.74.4,7.47-.19,11.2.15a78.78,78.78,0,0,1,8.3.81c1.8.37,3.62.08,5.38.58a3,3,0,0,0,1.62,0c2.15-.62,4.24-1.46,6.41-2s4.55-.73,6.83-1c2-.28,4-.57,6.05-.75C190.87,0,192.42,0,194,0c1.7,0,3.4,0,5.1,0,3.71.12,7.42.28,11.13.44,4.12.17,8.25.21,12.34.61A70.72,70.72,0,0,1,232,2.78c2.61.63,5.14,1.57,7.68,2.46a13.5,13.5,0,0,1,2.23,1.28c.22.14.42.39.65.41,2.38.23,4.21,1.64,6.12,2.87,2.5,1.6,5,3.21,7.46,4.86s4.77,3.14,7,4.89a27,27,0,0,0,5,2.64c3.59,1.78,7.1,3.68,9.91,6.59a34.57,34.57,0,0,1,5.26,6.94c.4.7,1,1.29,1.38,2,1.57,2.7,3,5.5,4.69,8.1A55.83,55.83,0,0,1,295,55.48,69.55,69.55,0,0,1,298.11,64c1.05,4.12,1.76,8.33,2.47,12.53a20.21,20.21,0,0,1,0,4.26c-.23,4.84-.32,9.7-.82,14.52-.31,2.93-1.38,5.78-1.87,8.71-.45,2.65-1.89,4.89-2.93,7.25a38.9,38.9,0,0,1-1.93,4.74c-.88,1.45-1.45,3.08-2.19,4.61s-1.5,3.21-2.41,4.71a32.37,32.37,0,0,1-3.59,5.19c-3.25,3.51-7,3.22-10.4.2-2.47-2.22-3.64-5.35-5-8.31.4-2-1.55-2.82-2.29-4.25a9.52,9.52,0,0,0-3.55-3.55,20.47,20.47,0,0,1-4.29-3.59c-1.79-1.9-3.47-3.93-5.4-5.69a30.1,30.1,0,0,0-3.52-2.76c-.44-.3-1.18-.13-1.76-.28-4.09-1.07-8.3-1.19-12.49-1.52a37.17,37.17,0,0,0-5.26-.34c-1.2.07-2.21-.88-3.61-.19-1,.5-2.5.07-3.78.09s-2.59.08-3.89.12-2.59.06-3.88.14c-4.36.27-8.71.75-13.07.78-2.86,0-5.66.46-8.49.6-2,.1-3.93-.1-5.89-.06-.77,0-1.53.39-2.31.44-3.73.29-7.45.5-11.18.78-3.4.25-6.79.55-10.19.84-2.55.21-5.12.27-7.64.67-3.4.54-6.75,1.38-10.14,2-3,.56-6.05,1.09-9.08,1.53q-8.31,1.2-16.62,2.27c-3,.39-5.94.68-8.9,1a46.73,46.73,0,0,0-6.58,1.8c-3.6,1-7.16,2.11-10.74,3.16-1.62.47-3.25.91-4.88,1.37-.55.16-4.5,4.59-4.5,5.12,0,1.81.06,3.63.09,5.44.06,3,.18,6.09.16,9.14,0,2.78-.2,5.56-.24,8.34,0,3,0,6.09.06,9.13,0,1.7.42,3.38.53,5.07.1,1.42-.09,2.86.07,4.26s.69,2.89.91,4.35c.48,3.21.81,6.46,1.33,9.67.43,2.61,1.16,5.17,1.56,7.79.66,4.36,1.11,8.75,1.73,13.11.32,2.28.89,4.53,1.21,6.81.46,3.28.78,6.58,1.21,9.87.27,2,.68,4,1,6,.51,3.58,1,7.17,1.46,10.75.47,3.41,1.29,6.81,1.34,10.22,0,2.52,1.14,4.68,1.39,7.09a61.37,61.37,0,0,1,.63,6.36c0,2.61,1,5.23,0,7.84-.12.34.07.79.11,1.19a8.58,8.58,0,0,1-1.71,6.25,9.7,9.7,0,0,1-4.05,2.84,38.44,38.44,0,0,1-7.9,2.18,23.07,23.07,0,0,1-7.65.35c-.76-.14-1.61.35-2.42.33-4.29-.08-8.59-.15-12.88-.38-3.55-.19-7.1-.5-10.63-.93-2.94-.36-5.84-1-8.77-1.45-2.06-.34-4.14-.6-6.19-1-1.7-.34-3.37-.86-5.06-1.29-1.08-.27-2.16-.56-3.25-.8a13.62,13.62,0,0,1-6-3.23,26.46,26.46,0,0,1-6.32-8.62c-.5-1-1.24-1.94-1.74-3-1.14-2.31-2.32-4.6-3.24-7a47.82,47.82,0,0,1-2.49-7.86c-.62-3.14-1.27-6.27-2-9.38-.52-2.25-1.12-4.5-1.55-6.75-.31-1.62-1.67-3.23-.66-5.07.09-.18-.24-.58-.32-.88a17.61,17.61,0,0,1-.62-2.53c-.15-1.4-.13-2.81-.26-4.21-.34-3.69-.76-7.38-1.09-11.08Q3,198.79,3,195.65A6.44,6.44,0,0,1,3.51,193.81ZM131.7,7.65a8.9,8.9,0,0,1-2.5.44,42.34,42.34,0,0,0-8.64-.25c-2.64.2-5.29.37-7.9.79-3,.47-6,.6-8.91,1.68a32.88,32.88,0,0,1-4.15.91L87.33,14c-3,.7-6.18,1.09-9.06,2.19-3.65,1.39-7.5,1.88-11.16,3.13-1.85.62-3.82.47-5.72,1a69,69,0,0,1-7.89,1.46c-.94.16-1.9.23-2.85.38-1.53.25-3,.53-4.57.81-1.87.34-3.73.73-5.6,1-3.88.65-7.76,1.26-11.63,1.91-.19,0-.35.2-.53.29C26.5,27.17,24.66,28,22.88,29s-3.8,1.76-5.18,3.16-3.44,2.87-4.36,5a62.7,62.7,0,0,0-2.71,6.06c-.87,2.84-1.36,5.8-2,8.72-.16.73,0,1.61-.33,2.21-.86,1.49-.06,3.24-.88,4.69.41,3.32-.71,6.54-.65,9.85,0,.86,0,1.73-.1,2.59-.19,3.1-.52,6.21-.57,9.31-.09,4.76-.06,9.53,0,14.29.09,3.61-.33,7.24.27,10.84a2.49,2.49,0,0,1-.16,1.59A2,2,0,0,0,6.16,109a14.78,14.78,0,0,1,.33,2.63c.06,3.07,0,6.14.06,9.21,0,2.39,0,4.77,0,7.16s-.34,4.71-.17,7.11c.22,3.37-.06,6.76,0,10.14.06,2.55.28,5.09.52,7.63.11,1.13.46,2.23.67,3.36s.42,2.19.54,3.3c.08.79-.11,1.62,0,2.39a15.17,15.17,0,0,1,.15,5.66A14.58,14.58,0,0,0,8.21,171c.07,1.49.34,3,.4,4.44q.23,6.41.34,12.82c0,1-.49,2-.31,3,.51,2.61.22,5.21.21,7.82a6.59,6.59,0,0,0,.07,1c.18,1.52.39,3,.56,4.56.4,3.53.57,7.08,1.08,10.6a16.54,16.54,0,0,0,.2,3c1.1,3.19,1.34,6.56,2.29,9.8,1.12,3.85,1.72,7.85,2.53,11.79.27,1.37.13,3,.79,4.09,1.16,2,1.85,4.17,2.85,6.21s1.9,4.37,3,6.46a51.21,51.21,0,0,0,3.31,5.11A7.22,7.22,0,0,0,27.72,264a28.26,28.26,0,0,0,6.18,2.52c3.05.77,6.2,1.16,9.32,1.67s6.41,1,9.63,1.48c2.37.32,4.75.53,7.13.77,2,.2,3.9.46,5.86.55,2.39.1,4.78.05,7.17.07s5.06.24,7.56,0a59.77,59.77,0,0,0,7.86-1.24,23.57,23.57,0,0,0,4.4-1.57A2,2,0,0,0,93.7,267a34.29,34.29,0,0,0,.3-9.38c-.3-3.51-.94-7-1.39-10.5-.23-1.8,0-3.75-.64-5.39-.88-2.28-.91-4.64-1.29-6.94-.77-4.62-1.07-9.3-1.65-14-.46-3.66-1-7.31-1.56-11-.35-2.32-.78-4.64-1.19-6.95-.5-2.79-1.14-5.56-1.5-8.37-.61-4.61-.8-9.3-1.64-13.86-.5-2.71-1.21-5.39-1.58-8.14-.31-2.29-.77-4.56-1.06-6.85-.19-1.46-.09-3-.32-4.43a47.72,47.72,0,0,1-.65-10.13,30.53,30.53,0,0,0,0-5.06c-.24-2.1.6-4.2-.1-6.28-.06-.17.06-.4.07-.6,0-1.86.13-3.72.11-5.57a54.65,54.65,0,0,1,.38-5.58,5.15,5.15,0,0,0-.1-1.16c-.12-1.89-.23-3.78-.31-5.67a1,1,0,0,1,.24-.56,44.33,44.33,0,0,1,3.39-4.82c2.5-2.78,5.85-4.16,9.39-5.11,1.44-.39,2.89-.72,4.34-1.1s3-.53,4.26-1.44a2.72,2.72,0,0,1,1.17-.36c2.66-.46,5.08-2,7.9-1.74,2.93-1.3,6.11-1.27,9.19-1.76,2.21-.36,4.49-.3,6.71-.63,4.17-.62,8.31-1.41,12.46-2.1s8.23-1.12,12.27-2c4.68-1.06,9.44-1.27,14.15-1.91,2-.28,4-.32,6.06-.49,3.39-.28,6.77-.66,10.17-.86,2.49-.14,5,.05,7.5-.08,2.77-.14,5.53-.63,8.29-.65a16.56,16.56,0,0,0,4.77-.45,2.43,2.43,0,0,1,.81,0c1.3,0,2.73.38,3.86,0a16.2,16.2,0,0,1,5.23-.55c6.11-.27,12.24-.3,18.36-.34,1.62,0,3.24.33,4.87.43,2.44.15,4.89.19,7.33.35,1.27.08,2.52.37,3.79.5,4.9.5,9.27,2.16,12.66,5.86,1.37,1.5,2.47,3.24,3.9,4.67a24.23,24.23,0,0,0,5.12,4.23c2.87,1.59,4.24,4.19,5.78,6.82.7,1.21.88,2.54,1.48,3.72.74,1.44,1.7,2.76,2.56,4.13a3.8,3.8,0,0,0,2.25,2,15.56,15.56,0,0,0,1.5-1.8,99.46,99.46,0,0,0,4.92-9.09c.86-1.73,1.19-3.71,2.46-5.28a14.08,14.08,0,0,0,1.81-3.3c.6-1.38,1-2.83,1.56-4.25.48-1.26,1.11-2.47.89-3.9a2,2,0,0,1,.24-1.19c1.09-1.93.28-4.12.9-6.16.33-1.07-.1-2.42.46-3.57-.84-2.69.39-5.36,0-8-.26-1.93-.08-3.92-.41-5.82-.53-3-1.28-6-2-9a49.8,49.8,0,0,0-1.86-6.39,35.62,35.62,0,0,0-2.69-4.54c-2.4-4-4.66-8.16-7.21-12.09-1.91-2.93-3.28-6.26-6.05-8.59a36.6,36.6,0,0,0-4.4-3.62c-3.38-2-6.9-3.76-10.35-5.63a11.23,11.23,0,0,1-1-.66c-4.4-3-8.54-6.39-13.23-8.94-2.68-1.46-5.17-3.26-8.1-4.29a60.41,60.41,0,0,0-10.95-2.91,72.91,72.91,0,0,0-13.13-1.24c-3.75.11-7.52-.2-11.28-.27-2.9-.06-5.81,0-8.71-.07a17.92,17.92,0,0,0-2.39-.2c-1.86.24-3.7.71-5.56,1-2,.28-4.18.1-6.11.69a70.55,70.55,0,0,1-13.65,3.22c-1.62.16-3.29.49-4.38-1.31-.19-.31-.82-.44-1.27-.5-3.54-.49-7.13-.18-10.68-.46s-7.2.58-10.72-.58a1.14,1.14,0,0,0-.6.07A9.22,9.22,0,0,1,131.7,7.65Z" /> + Hong Seo + Y + eon + + + + + + + Hotpinkdolphins + + + + + + + + + + + + + + + + + + + + Insook Bae + + + + + + + Jeong + + Y + uhee + + + + + + JinhoJeong + + + + + + + Mc. mama + + + + + + mooming + + + + + + Oro Minkyung + + + + + + + Seungwook + + Y + ang + + + + + + + Sewon Ahn + + + + + + Song Soo + + + + + + + + + + + + + + UetaJiro + + + + + + + W + onjung + + + + + + + yiyagi + + +
diff --git a/test_data/src/scripts/updateFragment.js b/test_data/src/scripts/updateFragment.js index 0c696ba..0d79798 100644 --- a/test_data/src/scripts/updateFragment.js +++ b/test_data/src/scripts/updateFragment.js @@ -1,41 +1,27 @@ const participants = [ - { "name":"109", "path":"109", "fragId":"_109"}, + { "name":"109", "path":"109", "fragId":"109"}, { "name":"blblbg", "path":"blblbg", "fragId":"blblbg"}, - { "name":"MC.mama", "path":"Mc._mama", "fragId":"mcMama"}, - { "name":"구은정", "path":"Eunjeong_Gu", "fragId":"eunjeongGu"}, + { "name":"구은정", "path":"Eunjeong_Koo", "fragId":"eunjeongKoo"}, { "name":"그레이스", "path":"Grace_Kim", "fragId":"graceKim"}, - { "name":"김현철", "path":"Hyunchul_Kim", "fragId":"hyunchul"}, - { "name":"이야기", "path":"yiyagi", "fragId":"yiyagi"}, { "name":"하마무", "path":"Hamamu", "fragId":"hamamu"}, - { "name":"지로", "path":"Ueta_Jiro", "fragId":"uetaJiro"}, - { "name":"이치무라 미사코", "path":"Ichimura_Misako", "fragId":"ichimuraMisako"}, - { "name":"호시노 메구미", "path":"Megumi", "fragId":"megumi"}, - { "name":"유희", "path":"yuhee", "fragId":"yuhee"}, - { "name":"원정", "path":"Wonjung", "fragId":"wonjung"}, - { "name":"오로민경", "path":"Oro_Minkyung", "fragId":"oroMinkyung"}, - { "name":"신민", "path":"Min_Shin", "fragId":"minShin"}, - { "name":"안세원", "path":"sewon", "fragId":"sewon"}, - { "name":"노다예", "path":"Dah_Yee_Noh", "fragId":"dahYeeNoh"}, - { "name":"무밍", "path":"mooming", "fragId":"mooming"}, - { "name":"양승욱", "path":"Seungwook_Yang", "fragId":"seungwookYang"}, + { "name":"홍서연", "path":"Hong_SeoYeon", "fragId":"hongSeoYoen"}, + { "name":"Hotpinkdolphins", "path":"Hotpinkdolphins", "fragId":"hotpinkdolphins"}, { "name":"배인숙", "path":"Insook_Bae", "fragId":"insookBae"}, - { "name":"빈곤사회연대", "path":"Korean_Peoples_Solidarity_Against_Poverty", "fragId":"kpsap"}, - { "name":"신재", "path":"Jae_Shin", "fragId":"jaeShin"}, - { "name":"돌고래", "path":"", "fragId":"hyunjin"}, - { "name":"이두호", "path":"doohoyi", "fragId":"doohoyi"}, - { "name":"송수연", "path":"Song_Soo", "fragId":"songSoo"}, - { "name":"노들야학", "path":"nodl", "fragId":"nodl"}, - { "name":"현진", "path":"Hyunjin", "fragId":"hyunjin"}, + { "name":"정유희", "path":"Jeong_Yuhee", "fragId":"jeongYuhee"}, { "name":"정진호", "path":"Jinho_Jeong", "fragId":"jinhoJeong"}, - { "name":"홍서연", "path":"Hong_Seo_Yeon", "fragId":"hongSeoYeon"}, - { "name":"", "path":"", "fragId":"pzzz"}, + { "name":"MC.mama", "path":"Mc._mama", "fragId":"mcMama"}, + { "name":"무밍", "path":"Mooming", "fragId":"mooming"}, + { "name":"오로민경", "path":"Oro_Minkyung", "fragId":"oroMinkyung"}, + { "name":"양승욱", "path":"Yang,_Seungwook", "fragId":"seungwookYang"}, + { "name":"안세원", "path":"Sewon Ahn", "fragId":"sewonAhn"}, + { "name":"송수연", "path":"Song_Sooyon", "fragId":"songSoo"}, + { "name":"지로", "path":"Ueta_Jiro", "fragId":"uetaJiro"}, + { "name":"원정", "path":"Wonjung_Shin", "fragId":"wonjung"}, + { "name":"이야기", "path":"yiyagi", "fragId":"yiyagi"}, - { "name":"포도", "path":"grape", "fragId":"hyunchul"}, - { "name":"무화과", "path":"fig", "fragId":"doohoyi"}, - { "name":"워크샵", "path":"event_workshop", "fragId":"sewon"}, - { "name":"강연", "path":"event_lecture", "fragId":"wonjung"}, - { "name":"자료", "path":"src", "fragId":"dahYeeNoh"}, - { "name":"당근", "path":"carrot", "fragId":"hyunchul"}, + { "name":"포도", "path":"grape", "fragId":"yiyagi"}, + { "name":"무화과", "path":"fig", "fragId":"wonjung"}, + { "name":"당근", "path":"carrot", "fragId":"109"}, ] const SCALAR = 1; @@ -106,20 +92,22 @@ const addFrag = () => { let _frag = fragments.shift(); let p = findElementByProperty(participants, 'path', `${_frag.artist}`) if (_frag.artist == "") return; + console.log('0') let frag = document.querySelector(`._${p.fragId}`).cloneNode(true); // get fragment's shape by artist + console.log('1') frag.classList=[]; frag.id= `_${_frag.index}`; frag.childNodes[0].setAttribute("href", `${window.location.origin}/${_frag.artist}/#${convertIndexToString(_frag.index)}`); - + console.log('2') let text = frag.children[0].children[frag.children[0].children.length - 1]; text.innerHTML = `#${convertIndexToString(_frag.index)}` - + console.log('3') let shape = frag.children[0].children[0]; - + console.log('4') svg.appendChild(frag); frag_disp.push(addFragToWorld(shape)); } catch(e) { - + console.log(e) } } let initY= 0; diff --git a/test_data/src/scripts/updateIntroduction.js b/test_data/src/scripts/updateIntroduction.js index f6b1d83..e6748d0 100644 --- a/test_data/src/scripts/updateIntroduction.js +++ b/test_data/src/scripts/updateIntroduction.js @@ -74,7 +74,7 @@ let findElementByProperty = (arr, key, value) => { document.getElementById("introduction").appendChild(lang_button) let p_frag = document.createElement("img"); - p_frag.setAttribute("src", `/src/img/author_${participant.fragId}.svg`) + p_frag.setAttribute("src", `/src/img/${participant.fragId}.svg`) let el = document.getElementById("fragment_wrapper"); while(el.hasChildNodes()){ diff --git a/test_data/src/style/common.css b/test_data/src/style/common.css index 9a546c4..7605415 100644 --- a/test_data/src/style/common.css +++ b/test_data/src/style/common.css @@ -238,7 +238,11 @@ /* div#menu>span{ } */ div#menu>span#to_about { left:95px; } div#menu>span#to_fragments { left:190px; } - div#menu>span#to_timeline { right:105px; } + div#menu>span#to_timeline { left:330px; } + div#menu>span#sound { right:95px; } + div#menu>span#zoom { right:180px; cursor:pointer; } + div#menu>span#sound img { height:60px } + div#menu>span#zoom img { height:60px; } div#logo_wrapper { position:absolute;