Add scrollback button

index.html

@@ -464,6 +464,8 @@
 			</div>
 		</footer>
 
+		<a href="#" class="scrollback"></div>
+
 		<script type="text/javascript" src="/static/js/nav.js"></script>
 		<script type="text/javascript" src="/static/js/player.js"></script>
 		<script type="text/javascript" src="/static/js/accordion.js"></script>

pribehy/index.html

@@ -123,6 +123,8 @@
 			</div>
 		</footer>
 
+		<a href="#" class="scrollback"></div>
+
 		<script type="text/javascript" src="/static/js/nav.js"></script>
 		<script type="text/javascript" src="/static/js/cookieconsent.js"></script>
 		<script type="text/javascript" src="/static/js/cookieconsent-init.js"></script>

sass/style.scss

@@ -927,6 +927,26 @@ footer {
 	}
 }
 
+.scrollback {
+	position: fixed;
+	bottom: 1.5rem;
+	right: 1.5rem;
+	display: block;
+	width: 4rem;
+	height: 4rem;
+	border-radius: 50%;
+	background: url("/static/img/scrollback.svg"), $col-bg;
+	background-position: center;
+	background-repeat: no-repeat;
+	background-size: 35% auto;
+	border: 3px solid $col-accent;
+	transition: transform .1s ease;
+
+	&:hover {
+		transform: scale(1.2);
+	}
+}
+
 @media only screen and (min-width: $size-mobile) {
 
 	h1 {

static/img/scrollback.svg

@@ -0,0 +1 @@
+<svg width="320.705" height="192.422" viewBox="0 0 84.853 50.912" xmlns="http://www.w3.org/2000/svg"><path style="fill:#845368;fill-opacity:1;stroke:none;stroke-width:.294906;stroke-linecap:round;stroke-linejoin:round" d="m482.117 720.363-32.07 32.07-128.283 128.282 32.07 32.07 128.283-128.281 128.281 128.281 32.07-32.07-128.28-128.281z" transform="matrix(.26458 0 0 .26458 -85.133 -190.596)"/></svg>