diff --git a/distribusi/distribusi/page_template.py b/distribusi/distribusi/page_template.py
index 287ad1d..5f73893 100644
--- a/distribusi/distribusi/page_template.py
+++ b/distribusi/distribusi/page_template.py
@@ -34,11 +34,16 @@ html_head = """
FRAGMENTS
-
-
- TIMELINE
+
+
+
-
+
+
+
+
+
+
diff --git a/distribusi/distribusi/page_template_event.py b/distribusi/distribusi/page_template_event.py
index 024a8ef..7a47434 100644
--- a/distribusi/distribusi/page_template_event.py
+++ b/distribusi/distribusi/page_template_event.py
@@ -29,13 +29,6 @@ html_head_event = """
-
-
-
ABOUT
@@ -46,11 +39,6 @@ html_head_event = """
FRAGMENTS
-
-
- TIMELINE
-
-
diff --git a/distribusi/distribusi/page_template_events.py b/distribusi/distribusi/page_template_events.py
index 8ab7a70..58e8d68 100644
--- a/distribusi/distribusi/page_template_events.py
+++ b/distribusi/distribusi/page_template_events.py
@@ -35,11 +35,6 @@ html_head_events = """
FRAGMENTS
-
-
- TIMELINE
-
-
diff --git a/test_data/about.html b/test_data/about.html
index 79d1a12..72609f5 100644
--- a/test_data/about.html
+++ b/test_data/about.html
@@ -17,12 +17,6 @@
-
-
ABOUT
@@ -33,10 +27,17 @@
FRAGMENTS
-
-
- TIMELINE
-
+
+
+
+
+
+
+
+
+
+
+
@@ -136,6 +137,8 @@
+
+
diff --git a/test_data/about_en.html b/test_data/about_en.html
index bb53b04..b9cc802 100644
--- a/test_data/about_en.html
+++ b/test_data/about_en.html
@@ -17,18 +17,6 @@
-
-
-
-
ABOUT
@@ -39,12 +27,6 @@
FRAGMENTS
-
-
- TIMELINE
-
-
-
diff --git a/test_data/fragment.html b/test_data/fragment.html
index ef95f60..98f042d 100644
--- a/test_data/fragment.html
+++ b/test_data/fragment.html
@@ -24,12 +24,6 @@
-
-
ABOUT
@@ -40,11 +34,6 @@
FRAGMENTS
-
-
- TIMELINE
-
-
-
-
-
-
-
ABOUT
@@ -50,10 +37,17 @@
FRAGMENTS
-
-
- TIMELINE
-
+
+
+
+
+
+
+
+
+
+
+
diff --git a/test_data/src/img/109.svg b/test_data/src/img/_109.svg
similarity index 100%
rename from test_data/src/img/109.svg
rename to test_data/src/img/_109.svg
diff --git a/test_data/src/img/youtube.svg b/test_data/src/img/youtube.svg
new file mode 100644
index 0000000..76d1738
--- /dev/null
+++ b/test_data/src/img/youtube.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/test_data/src/scripts/updateIntroduction.js b/test_data/src/scripts/updateIntroduction.js
index e6748d0..0794ebf 100644
--- a/test_data/src/scripts/updateIntroduction.js
+++ b/test_data/src/scripts/updateIntroduction.js
@@ -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()){
diff --git a/test_data/src/style/common.css b/test_data/src/style/common.css
index 7605415..ae4e184 100644
--- a/test_data/src/style/common.css
+++ b/test_data/src/style/common.css
@@ -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;