Delete elements about older version

This commit is contained in:
Hyunchul Kim 2021-09-08 02:31:23 +09:00
parent 9afa461a36
commit 84f4b69b3e
12 changed files with 44 additions and 85 deletions

View file

@ -34,11 +34,16 @@ html_head = """
FRAGMENTS
</a>
</span>
<span id="to_timeline">
<a href="/events/list.html">
TIMELINE
<span id="zoom">
<a onClick="toggleZoom()">
<img src='src/img/activate_bigletter.svg'>
</a>
</span>
</span>
<span id="sound">
<a onClick="toggleZoom()">
<img src='src/img/sound_on.svg'>
</a>
</span>
</div>
<div id="margin">

View file

@ -29,13 +29,6 @@ html_head_event = """
<img id="logo_foh"src="/src/img/logo.svg" alt="환대의 조각 로고">
</a>
</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">
<a href="/about.html">
ABOUT
@ -46,11 +39,6 @@ html_head_event = """
FRAGMENTS
</a>
</span>
<span id="to_timeline">
<a href="/events/list.html">
TIMELINE
</a>
</span>
</div>
<div id="margin">

View file

@ -35,11 +35,6 @@ html_head_events = """
FRAGMENTS
</a>
</span>
<span id="to_timeline">
<a href="/events/list.html">
TIMELINE
</a>
</span>
</div>
<div id="margin">

View file

@ -17,12 +17,6 @@
</a>
</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">
<a href="/about.html">
ABOUT
@ -33,10 +27,17 @@
FRAGMENTS
</a>
</span>
<span id="to_timeline">
<a href="/events/">
TIMELINE
</a>
<span id="zoom">
<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>
</span>
</div>
@ -136,6 +137,8 @@
<img id="icon_ig" src="src/img/instagram.svg" alt="인스타그램 버튼 instagram button"></a>
<a href="https://www.facebook.com/fragments1444/" target="_blank">
<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>

View file

@ -17,18 +17,6 @@
</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">
<a href="/events/list.html">
<img id="about_icon"src="src/img/icon_timeline.svg" alt="구름 모양 타임라인 버튼">
</a>
</div>
<span id="to_about">
<a href="/about.html">
ABOUT
@ -39,12 +27,6 @@
FRAGMENTS
</a>
</span>
<span id="to_timeline">
<a href="/events/list.html">
TIMELINE
</a>
</span>
</div>
<div id="margin">
<!-- to avoid overlapping -->
@ -91,6 +73,8 @@
<img id="icon_ig" src="src/img/instagram.svg" alt="인스타그램 버튼 instagram button"></a>
<a href="https://www.facebook.com/fragments1444/" target="_blank">
<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>

View file

@ -24,12 +24,6 @@
</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">
<a href="/about.html">
ABOUT
@ -40,11 +34,6 @@
FRAGMENTS
</a>
</span>
<span id="to_timeline">
<a href="/events/list.html">
TIMELINE
</a>
</span>
</div>
<div id="margin">

View file

@ -35,11 +35,6 @@
FRAGMENTS
</a>
</span>
<span id="to_timeline">
<a href="/events/list.html">
TIMELINE
</a>
</span>
<span id="zoom">
<a onClick="toggleZoom()">

View file

@ -27,19 +27,6 @@
</a>
</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">
<a href="/about.html">
ABOUT
@ -50,10 +37,17 @@
FRAGMENTS
</a>
</span>
<span id="to_timeline">
<a href="/">
TIMELINE
</a>
<span id="zoom">
<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>
</span>
</div>

View file

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

View 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

View file

@ -111,7 +111,7 @@ let findElementByProperty = (arr, key, value) => {
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()){

View file

@ -96,6 +96,11 @@
div#menu>span#to_about{margin-left: 20px;}
/* 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 {
position:absolute;
left: calc(50% - 50px);
@ -241,8 +246,8 @@
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#menu>span#sound>a>img { height:60px }
div#menu>span#zoom>a>img { height:60px; }
div#logo_wrapper {
position:absolute;