From 80954de8bd085a3d5876e86c878088f911307c52 Mon Sep 17 00:00:00 2001
From: Aditya Telange <21258296+adityatelange@users.noreply.github.com>
Date: Sat, 5 Dec 2020 20:16:04 +0530
Subject: [PATCH] anchored-headings: retain anchor link '#' in URL

close: #108
---
 assets/css/reset.css         | 9 ++++++++-
 layouts/_default/baseof.html | 2 +-
 layouts/partials/footer.html | 8 ++++++--
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/assets/css/reset.css b/assets/css/reset.css
index 9640924..5eb1d1e 100644
--- a/assets/css/reset.css
+++ b/assets/css/reset.css
@@ -5,7 +5,14 @@
 }
 
 html {
-    -webkit-tap-highlight-color: transparent
+    -webkit-tap-highlight-color: transparent;
+    scroll-behavior: smooth
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+    html {
+        scroll-behavior: auto
+    }
 }
 
 a,
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 6036e19..183d1a7 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -12,7 +12,7 @@
 {{- if eq $.Site.Params.defaultTheme `dark` -}}
 {{- print " dark" }}
 {{- end -}}
-" id="top">
+">
     {{- partialCached "header.html" . .Page}}
     <main class="main">
         {{- block "main" . }}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 3af7105..76d8e49 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -9,7 +9,7 @@
     <span>&middot;</span>
     <span>Theme <a href="https://git.io/hugopapermod" rel="noopener" target="_blank">PaperMod</a></span>
 </footer>
-<a href="#top" aria-label="go to top" title="Go to Top" accesskey="g">
+<a aria-label="go to top" title="Go to Top" accesskey="g">
     <button class="top-link" id="top-link" type="button">
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6">
             <path d="M12 6H0l6-6z" /></svg>
@@ -34,7 +34,6 @@
     }
     document.querySelectorAll('a[href^="#"]').forEach(anchor => {
         anchor.addEventListener("click", function (e) {
-            e.preventDefault();
             var id = this.getAttribute("href").substr(1);
             document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
                 behavior: "smooth"
@@ -51,6 +50,11 @@
             mybutton.style.opacity = "0";
         }
     };
+    mybutton.onclick = function () {
+        document.body.scrollTop = 0;
+        document.documentElement.scrollTop = 0;
+        window.location.hash = ''
+    }
 
     function menu_on_scroll() {
         localStorage.setItem("menu-scroll-position", document.getElementById('menu').scrollLeft);