From 919e19ff041af9829eb9aa52e10b90467d4753ae Mon Sep 17 00:00:00 2001
From: Ben Cotton <ben@kusari.dev>
Date: Thu, 6 Feb 2025 09:19:40 -0500
Subject: [PATCH] Add a back to top button (#183)

Signed-off-by: Ben Cotton <ben@kusari.dev>
---
 cmd/template.md | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/cmd/template.md b/cmd/template.md
index 52b2178..60bc170 100644
--- a/cmd/template.md
+++ b/cmd/template.md
@@ -2,6 +2,28 @@
 
 Version: devel (not for production use)
 
+<!-- A button for returning to the top of the page -->
+<button onclick="toTop()" id="topButton" title="Go to top"
+style="display: none; position: fixed; bottom: 20px; right: 30px; border: none; background-color: CornflowerBlue; color: white; cursor: pointer; padding: 10px; border-radius: 10px; font-size: 18px;">to top</button> 
+
+<script>
+let topButton = document.getElementById("topButton");
+window.onscroll = function() {scrollFunction()};
+
+function scrollFunction() {
+  if (document.documentElement.scrollTop > 50 ) {
+    topButton.style.display = "block";
+  } else {
+    topButton.style.display = "none";
+  }
+}
+
+function toTop() {
+  document.documentElement.scrollTop = 0;
+}
+</script>
+<!-- That's enough button stuff for now -->
+
 * Contents
 {:toc}