CHANGE scroll indicators to be interactive

assets/js/main.js

@@ -0,0 +1,11 @@
+function scrollDown() {
+  var scroller = document.getElementById("scroller");
+  var height = scroller.offsetHeight;
+  scroller.scrollBy(0, height);
+}
+
+function scrollUp() {
+  var scroller = document.getElementById("scroller");
+  var height = scroller.offsetHeight;
+  scroller.scrollBy(0, -1 * height);
+}

assets/scss/main.scss

@@ -153,9 +153,21 @@ header {
   justify-content: center;
   position: relative;
   width: 100%;
-  bottom: 0;
   padding: 2rem;
   font-size: x-large;
+
+  .down {
+    bottom: 0;
+  }
+
+  .up {
+    top: 0;
+  }
+
+  i {
+    color: {{ .Site.Params.color.secondary }};
+    cursor: pointer;
+  }
 }
 
 .totop {
@@ -297,6 +309,14 @@ header {
       }
     }
   }
+
+  :last-child {
+    
+    .scroll-indicator.down {
+      display: none;
+    }
+
+  }
 }
 
 article {