Delete elements about older version
This commit is contained in:
parent
9afa461a36
commit
84f4b69b3e
12 changed files with 44 additions and 85 deletions
|
|
@ -34,9 +34,14 @@ html_head = """
|
||||||
FRAGMENTS
|
FRAGMENTS
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
<span id="to_timeline">
|
<span id="zoom">
|
||||||
<a href="/events/list.html">
|
<a onClick="toggleZoom()">
|
||||||
TIMELINE
|
<img src='src/img/activate_bigletter.svg'>
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
<span id="sound">
|
||||||
|
<a onClick="toggleZoom()">
|
||||||
|
<img src='src/img/sound_on.svg'>
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -29,13 +29,6 @@ html_head_event = """
|
||||||
<img id="logo_foh"src="/src/img/logo.svg" alt="환대의 조각 로고">
|
<img id="logo_foh"src="/src/img/logo.svg" alt="환대의 조각 로고">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="timeline_icon_wrapper" class="svg_wrapper">
|
|
||||||
<a href="/events/list.html">
|
|
||||||
<img id="about_icon"src="/src/img/events_events-back.svg" alt="구름 모양 타임라인 버튼">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<span id="to_about">
|
<span id="to_about">
|
||||||
<a href="/about.html">
|
<a href="/about.html">
|
||||||
ABOUT
|
ABOUT
|
||||||
|
|
@ -46,11 +39,6 @@ html_head_event = """
|
||||||
FRAGMENTS
|
FRAGMENTS
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
<span id="to_timeline">
|
|
||||||
<a href="/events/list.html">
|
|
||||||
TIMELINE
|
|
||||||
</a>
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="margin">
|
<div id="margin">
|
||||||
|
|
|
||||||
|
|
@ -35,11 +35,6 @@ html_head_events = """
|
||||||
FRAGMENTS
|
FRAGMENTS
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
<span id="to_timeline">
|
|
||||||
<a href="/events/list.html">
|
|
||||||
TIMELINE
|
|
||||||
</a>
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="margin">
|
<div id="margin">
|
||||||
|
|
|
||||||
|
|
@ -17,12 +17,6 @@
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="timeline_icon_wrapper" class="svg_wrapper">
|
|
||||||
<a href="/events/">
|
|
||||||
<img id="about_icon"src="src/img/icon_timeline.svg" alt="구름 모양 타임라인 버튼">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<span id="to_about">
|
<span id="to_about">
|
||||||
<a href="/about.html">
|
<a href="/about.html">
|
||||||
ABOUT
|
ABOUT
|
||||||
|
|
@ -33,9 +27,16 @@
|
||||||
FRAGMENTS
|
FRAGMENTS
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
<span id="to_timeline">
|
|
||||||
<a href="/events/">
|
<span id="zoom">
|
||||||
TIMELINE
|
<a onClick="toggleZoom()">
|
||||||
|
<img src='src/img/activate_bigletter.svg'>
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span id="sound">
|
||||||
|
<a onClick="toggleZoom()">
|
||||||
|
<img src='src/img/sound_on.svg'>
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -136,6 +137,8 @@
|
||||||
<img id="icon_ig" src="src/img/instagram.svg" alt="인스타그램 버튼 instagram button"></a>
|
<img id="icon_ig" src="src/img/instagram.svg" alt="인스타그램 버튼 instagram button"></a>
|
||||||
<a href="https://www.facebook.com/fragments1444/" target="_blank">
|
<a href="https://www.facebook.com/fragments1444/" target="_blank">
|
||||||
<img id="icon_fb" src="src/img/facebook.svg" alt="페이스북 버튼 facebook button"></a>
|
<img id="icon_fb" src="src/img/facebook.svg" alt="페이스북 버튼 facebook button"></a>
|
||||||
|
<a href="?????" target="_blank">
|
||||||
|
<img id="icon_fb" src="src/img/youtube.svg" alt="유튜브 버튼 youtube button"></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -17,18 +17,6 @@
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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">
|
|
||||||
<a href="/events/list.html">
|
|
||||||
<img id="about_icon"src="src/img/icon_timeline.svg" alt="구름 모양 타임라인 버튼">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<span id="to_about">
|
<span id="to_about">
|
||||||
<a href="/about.html">
|
<a href="/about.html">
|
||||||
ABOUT
|
ABOUT
|
||||||
|
|
@ -39,12 +27,6 @@
|
||||||
FRAGMENTS
|
FRAGMENTS
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
<span id="to_timeline">
|
|
||||||
<a href="/events/list.html">
|
|
||||||
TIMELINE
|
|
||||||
</a>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="margin">
|
<div id="margin">
|
||||||
<!-- to avoid overlapping -->
|
<!-- to avoid overlapping -->
|
||||||
|
|
@ -91,6 +73,8 @@
|
||||||
<img id="icon_ig" src="src/img/instagram.svg" alt="인스타그램 버튼 instagram button"></a>
|
<img id="icon_ig" src="src/img/instagram.svg" alt="인스타그램 버튼 instagram button"></a>
|
||||||
<a href="https://www.facebook.com/fragments1444/" target="_blank">
|
<a href="https://www.facebook.com/fragments1444/" target="_blank">
|
||||||
<img id="icon_fb" src="src/img/facebook.svg" alt="페이스북 버튼 facebook button"></a>
|
<img id="icon_fb" src="src/img/facebook.svg" alt="페이스북 버튼 facebook button"></a>
|
||||||
|
<a href="?????" target="_blank">
|
||||||
|
<img id="icon_fb" src="src/img/youtube.svg" alt="유튜브 버튼 youtube button"></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -24,12 +24,6 @@
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="timeline_icon_wrapper" class="svg_wrapper">
|
|
||||||
<a href="/events/list.html">
|
|
||||||
<img id="about_icon"src="src/img/icon_timeline.svg" alt="구름 모양 타임라인 버튼">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<span id="to_about">
|
<span id="to_about">
|
||||||
<a href="/about.html">
|
<a href="/about.html">
|
||||||
ABOUT
|
ABOUT
|
||||||
|
|
@ -40,11 +34,6 @@
|
||||||
FRAGMENTS
|
FRAGMENTS
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
<span id="to_timeline">
|
|
||||||
<a href="/events/list.html">
|
|
||||||
TIMELINE
|
|
||||||
</a>
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="margin">
|
<div id="margin">
|
||||||
|
|
|
||||||
|
|
@ -35,11 +35,6 @@
|
||||||
FRAGMENTS
|
FRAGMENTS
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
<span id="to_timeline">
|
|
||||||
<a href="/events/list.html">
|
|
||||||
TIMELINE
|
|
||||||
</a>
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<span id="zoom">
|
<span id="zoom">
|
||||||
<a onClick="toggleZoom()">
|
<a onClick="toggleZoom()">
|
||||||
|
|
|
||||||
|
|
@ -27,19 +27,6 @@
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about_icon_wrapper" class="svg_wrapper">
|
|
||||||
<a href="/about.html">
|
|
||||||
<img id="about_icon"src="src/img/icon_about.svg" alt="각진 꽃 모양 어바웃 버튼">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div id="timeline_icon_wrapper" class="svg_wrapper">
|
|
||||||
<a href="/events/list.html">
|
|
||||||
<img id="about_icon"src="src/img/icon_timeline.svg" alt="구름 모양 타임라인 버튼">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<span id="to_about">
|
<span id="to_about">
|
||||||
<a href="/about.html">
|
<a href="/about.html">
|
||||||
ABOUT
|
ABOUT
|
||||||
|
|
@ -50,9 +37,16 @@
|
||||||
FRAGMENTS
|
FRAGMENTS
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
<span id="to_timeline">
|
|
||||||
<a href="/">
|
<span id="zoom">
|
||||||
TIMELINE
|
<a onClick="toggleZoom()">
|
||||||
|
<img src='src/img/activate_bigletter.svg'>
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span id="sound">
|
||||||
|
<a onClick="toggleZoom()">
|
||||||
|
<img src='src/img/sound_on.svg'>
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 3.9 KiB |
1
test_data/src/img/youtube.svg
Normal file
1
test_data/src/img/youtube.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68.02 48.21"><defs><style>.cls-1{fill:#231f20;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M5.44,47.42A4.36,4.36,0,0,1,1.33,45,12.64,12.64,0,0,1,.21,39.8c-.43-6.93-.12-10.2.2-17.15C.92,11.55,3.23,4.45,7.26,1.56,9.63-.14,12.24,0,14.53,0L34.15.73c3.07.11,6.54.23,9.64,2.53A12.86,12.86,0,0,1,48,9a2,2,0,0,1,.8,1.86l0,.74a16.9,16.9,0,0,1,.35,5.07A2.15,2.15,0,0,1,48.6,18L48,38.08c0,1.55-.1,4.6-.84,6.37-1.36,3.29-10.65,3.6-12.14,3.76l-28.4-.87A10.09,10.09,0,0,1,5.44,47.42Z"/><path class="cls-1" d="M42.07,25.69c.18-7.21-.62-5.6,6.08-6.63,3.39-.52,6.5-1,9-4.14,2-2.52,5.18-4.13,7.94-6,1.64-1.11,2.44-.69,2.69,1.32a31.47,31.47,0,0,1,.08,7.26,92,92,0,0,1-3.12,17.42,29.71,29.71,0,0,0-.9,5.36c-.16,1.31-.26,2.94-1.92,3.26a3.9,3.9,0,0,1-4.2-2.11A64.49,64.49,0,0,1,54,34.17c-1.38-3.29-1.27-3.34-4.65-3.08-.46,0-.91.05-1.36.1C41.94,31.92,41.94,31.92,42.07,25.69Z"/></g></g></svg>
|
||||||
|
After Width: | Height: | Size: 990 B |
|
|
@ -111,7 +111,7 @@ let findElementByProperty = (arr, key, value) => {
|
||||||
|
|
||||||
|
|
||||||
let p_frag = document.createElement("img");
|
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");
|
let el = document.getElementById("fragment_wrapper");
|
||||||
while(el.hasChildNodes()){
|
while(el.hasChildNodes()){
|
||||||
|
|
|
||||||
|
|
@ -96,6 +96,11 @@
|
||||||
div#menu>span#to_about{margin-left: 20px;}
|
div#menu>span#to_about{margin-left: 20px;}
|
||||||
/* div#menu>span#to_timeline{display: none;} */
|
/* div#menu>span#to_timeline{display: none;} */
|
||||||
|
|
||||||
|
div#menu>span#sound { display:block; position:absolute; right:10px; }
|
||||||
|
div#menu>span#zoom { display:block; position:absolute; right:80px; cursor:pointer; }
|
||||||
|
div#menu>span#sound>a>img { height:60px }
|
||||||
|
div#menu>span#zoom>a>img { height:60px; }
|
||||||
|
|
||||||
div#logo_wrapper {
|
div#logo_wrapper {
|
||||||
position:absolute;
|
position:absolute;
|
||||||
left: calc(50% - 50px);
|
left: calc(50% - 50px);
|
||||||
|
|
@ -241,8 +246,8 @@
|
||||||
div#menu>span#to_timeline { left:330px; }
|
div#menu>span#to_timeline { left:330px; }
|
||||||
div#menu>span#sound { right:95px; }
|
div#menu>span#sound { right:95px; }
|
||||||
div#menu>span#zoom { right:180px; cursor:pointer; }
|
div#menu>span#zoom { right:180px; cursor:pointer; }
|
||||||
div#menu>span#sound img { height:60px }
|
div#menu>span#sound>a>img { height:60px }
|
||||||
div#menu>span#zoom img { height:60px; }
|
div#menu>span#zoom>a>img { height:60px; }
|
||||||
|
|
||||||
div#logo_wrapper {
|
div#logo_wrapper {
|
||||||
position:absolute;
|
position:absolute;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue