From 8ff82d5363efce6ab971977a7e3806809185a62c Mon Sep 17 00:00:00 2001
From: Chris Kankiewicz <Chris@ChrisKankiewicz.com>
Date: Sat, 14 Dec 2019 22:44:21 -0700
Subject: [PATCH] Added dynamic 'scroll to top' link

---
 app/themes/default/index.twig | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/app/themes/default/index.twig b/app/themes/default/index.twig
index adbd24d..11e0f3c 100644
--- a/app/themes/default/index.twig
+++ b/app/themes/default/index.twig
@@ -50,4 +50,23 @@
             Powered by <a href="https://www.directorylister.com" class="underline hover:text-blue-700">Directory Lister</a>
         </div>
     </footer>
+
+    <a id="scroll-to-top"
+        onclick="window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });"
+        class="flex justify-center items-center w-12 h-12 fixed bottom-0 right-0 rounded-full shadow-lg bg-blue-600 text-white cursor-pointer p-2 mx-10 my-6 hover:bg-blue-700 hidden"
+    >
+        <i class="fas fa-arrow-up fa-lg"></i>
+    </a>
 </div>
+
+<script>
+    let link = document.getElementById('scroll-to-top');
+
+    window.addEventListener('scroll', function() {
+        if (window.scrollY > 10) {
+            link.classList.remove('hidden');
+        } else {
+            link.classList.add('hidden');
+        }
+    });
+</script>