From ad94bb8775819c34151c99192fbddb3978a74a7e Mon Sep 17 00:00:00 2001
From: "Toerd@480" <philipg@posteo.de>
Date: Thu, 24 Oct 2019 12:19:48 +0200
Subject: [PATCH] Removed the outer div for indicator (blocked scroll)

---
 inc/css/main.css  | 20 +++-----------------
 inc/js/main.js    |  5 +++--
 tmpl/gallery.html |  6 ++----
 3 files changed, 8 insertions(+), 23 deletions(-)

diff --git a/inc/css/main.css b/inc/css/main.css
index 593585a..6eb314e 100644
--- a/inc/css/main.css
+++ b/inc/css/main.css
@@ -150,38 +150,24 @@ nav {
 
 /******************* SCROLL INDICATOR *******************/
 
-#overlay-arrow {
-    position: absolute;
-    width: 95vw;
-    height: 5vh;
-    left: 2.5vw;
-    bottom: calc((var(--h-ex) - 5vh) / 2 + 2.5vh);
-    visibility: hidden;
-}
-
 .arrow {
     position: absolute;
     line-height: 5vh;
     font-size: 12vh;
-    top: -0.5vh;
+    bottom: calc((var(--h-ex) - 5vh) / 2 + 2.0vh);
     color: var(--c1);
     background-color: var(--c3);
-    opacity: 0.7;
     width: 6vh;
     height: 6vh;
     border-radius: 50%;
     text-align: center;
     visibility: hidden;
-    animation: notice 3s;
+    animation: notice 4s;
     animation-delay: 2s;
 }
 
-.arrow:first-child {
-    left: 1vw;
-}
-
 .arrow:last-child {
-    right: 1vw;
+    right: 0;
 }
 
 @keyframes notice {
diff --git a/inc/js/main.js b/inc/js/main.js
index d0abb95..18f5acc 100644
--- a/inc/js/main.js
+++ b/inc/js/main.js
@@ -15,7 +15,7 @@ function run() {
 function initialize() {
     let welcome = document.getElementById("welcome");
     let exhibit = document.getElementById("exhibition");
-    let notice = document.getElementById("overlay-arrow");
+    let notice = Array.from(document.getElementsByClassName("arrow"));
     flyingText(welcome);
     document.addEventListener("click", (e) => {
         let overlay = document.getElementById("info-box");
@@ -33,7 +33,8 @@ function initialize() {
 
     // remove the indicator on enter
     exhibit.addEventListener("mouseenter", () => {
-        notice.remove();
+        notice[0].remove();
+        notice[1].remove();
     }, {once: true});
 }
 
diff --git a/tmpl/gallery.html b/tmpl/gallery.html
index 06f664b..971339d 100644
--- a/tmpl/gallery.html
+++ b/tmpl/gallery.html
@@ -16,8 +16,6 @@
     </div>
     {{end}}
 </section>
-<section id="overlay-arrow">
-    <div class="arrow">&#x2039;</div>
-    <div class="arrow">&#x203a;</div>
-</section>
+<div class="arrow">&#x2039;</div>
+<div class="arrow">&#x203a;</div>
 {{end}}