From f439b45794d87fca40c759e5e371eebb8c6d7f95 Mon Sep 17 00:00:00 2001
From: "max.mehl" <max.mehl@fsfe.org>
Date: Tue, 29 Aug 2017 21:36:02 +0200
Subject: [PATCH] add simple scroll-to-top button. Fixes #24

---
 site/layouts/partials/legal.html |  6 ++++++
 site/static/css/custom.css       | 20 ++++++++++++++++++++
 2 files changed, 26 insertions(+)

diff --git a/site/layouts/partials/legal.html b/site/layouts/partials/legal.html
index 327c109..a0e6afa 100644
--- a/site/layouts/partials/legal.html
+++ b/site/layouts/partials/legal.html
@@ -11,3 +11,9 @@
     <p>{{ .Site.Params.legal.license }}</p>
   </div>
 </section>
+
+<a class="page-scroll hiddenlink" href="#page-top" title="Scroll to top">
+  <div id="scroll-to-top">
+    <i class="fa fa-chevron-up" aria-hidden="true"></i>
+  </div>
+</a>
diff --git a/site/static/css/custom.css b/site/static/css/custom.css
index eaff8d6..2061587 100644
--- a/site/static/css/custom.css
+++ b/site/static/css/custom.css
@@ -218,3 +218,23 @@ a:not(.btn):not(.hiddenlink):hover::before, a:not(.btn):not(.hiddenlink):focus::
     transform: translateY(-10px);
   }
 }
+
+/* Scroll to top arrow */
+#scroll-to-top {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  background: rgba(0, 0, 0, 0.7);
+  width: 50px;
+  height: 50px;
+  text-decoration: none;
+  border-radius: 50%;
+}
+#scroll-to-top i {
+  color: #fff;
+  margin: 0;
+  position: relative;
+  left: 16px;
+  top: 13px;
+  font-size: 19px;
+}