Wire up scroll to top button

static/src/js/base.js

@@ -6,4 +6,8 @@ window.addEventListener("load", () => {
     navbarBurger.classList.toggle("is-active");
     navbar.classList.toggle("is-active");
   });
+
+  document.getElementById("scroll-top").addEventListener("click", () => {
+    window.scrollTo({ top: 0, behavior: "smooth" });
+  });
 });

static/src/scss/base.scss

@@ -12,7 +12,6 @@
 html,
 body {
   height: 100%;
-  overflow-y: auto;
   display: flex;
   flex-direction: column;
 }

website/common/templates/common/hero.html

@@ -33,7 +33,7 @@
               </div>
             </div>
           </div>
-          <button class="button is-radiusless">Top</button>
+          <button class="button is-radiusless" id="scroll-top">Top <i class="fas fa-angle-up ml-2" aria-hidden="true"></i></button>
         </div>
       </div>
     </div>