From b94ddaee4d084521d502cf789ab1a1ed9e4875ea Mon Sep 17 00:00:00 2001
From: semanticdata <contact@miguelpimentel.do>
Date: Wed, 16 Oct 2024 13:44:39 -0500
Subject: [PATCH] smooth back to top animation

---
 sass/_pagination.scss               | 1 +
 templates/page.html                 | 2 +-
 templates/partials/back-to-top.html | 6 ++++++
 3 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 templates/partials/back-to-top.html

diff --git a/sass/_pagination.scss b/sass/_pagination.scss
index 9e7e5f4..c311677 100644
--- a/sass/_pagination.scss
+++ b/sass/_pagination.scss
@@ -21,6 +21,7 @@
 
     &:hover {
       opacity: 1;
+      cursor: pointer;
     }
   }
 
diff --git a/templates/page.html b/templates/page.html
index 04cb946..8631244 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -21,7 +21,7 @@ <h1 class="post-title">{{ page.title }}</h1>
   {% if page.higher -%}
   <a href="{{ page.higher.permalink | safe }}" class="left arrow">&#8592;</a>
   {%- endif %}
-  <a href="#" class="top">Top</a>
+  {% include "partials/back-to-top.html" %}
   {% if page.lower -%}
   <a href="{{ page.lower.permalink | safe }}" class="right arrow">&#8594;</a>
   {%- endif %}
diff --git a/templates/partials/back-to-top.html b/templates/partials/back-to-top.html
new file mode 100644
index 0000000..d66cfff
--- /dev/null
+++ b/templates/partials/back-to-top.html
@@ -0,0 +1,6 @@
+<a class="top" id="goToTopBtn" onclick="goToTop()" title="Go to top">Top</a>
+<script>
+    function goToTop() {
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+    }
+</script>
\ No newline at end of file