Change Fragments
This commit is contained in:
parent
f46541fe64
commit
8d19a898e5
6 changed files with 493 additions and 627 deletions
|
|
@ -17,17 +17,11 @@
|
|||
</a>
|
||||
</div>
|
||||
|
||||
<div id="about_icon_wrapper" class="svg_wrapper">
|
||||
<a href="/about.html">
|
||||
<img id="about_icon"src="src/img/icon_about_g.svg" alt="각진 꽃 모양 어바웃 버튼">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- <div id="timeline_icon_wrapper" class="svg_wrapper">
|
||||
<div id="timeline_icon_wrapper" class="svg_wrapper">
|
||||
<a href="/events/">
|
||||
<img id="about_icon"src="src/img/icon_timeline.svg" alt="구름 모양 타임라인 버튼">
|
||||
</a>
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
<span id="to_about">
|
||||
<a href="/about.html">
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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()){
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in a new issue