From 849b623f04ac673676ccf5164cd35ce7f40491e4 Mon Sep 17 00:00:00 2001
From: DarkWiiPlayer <darkwiiplayer@hotmail.com>
Date: Thu, 23 Jun 2022 08:59:19 +0200
Subject: [PATCH] Add back-to-index link to all pages

---
 page/debounce.html |  2 ++
 page/element.html  |  2 ++
 page/listener.html |  2 ++
 page/skooma.html   |  2 ++
 page/style.css     | 30 ++++++++++++++++++++++++++++++
 5 files changed, 38 insertions(+)

diff --git a/page/debounce.html b/page/debounce.html
index 7f1aa3b..e4fd7d1 100644
--- a/page/debounce.html
+++ b/page/debounce.html
@@ -6,6 +6,8 @@
 <scroll-to-top>
 </scroll-to-top>
 
+<a class="back" href="..">Module Index</a>
+
 <h1 class="js module">debounce.js</h1>
 
 <code-block>import debounce from 'debounce.js'</code-block>
diff --git a/page/element.html b/page/element.html
index 88e971f..847c4a9 100644
--- a/page/element.html
+++ b/page/element.html
@@ -6,6 +6,8 @@
 <scroll-to-top>
 </scroll-to-top>
 
+<a class="back" href="..">Module Index</a>
+
 <h1 class="js module">element.js</h1>
 
 <code-block>import element from 'element.js'</code-block>
diff --git a/page/listener.html b/page/listener.html
index 16d6780..d0fb5dd 100644
--- a/page/listener.html
+++ b/page/listener.html
@@ -6,6 +6,8 @@
 <scroll-to-top>
 </scroll-to-top>
 
+<a class="back" href="..">Module Index</a>
+
 <h1 class="js module">listener.js</h1>
 
 <code-block>import listener from 'listener.js'</code-block>
diff --git a/page/skooma.html b/page/skooma.html
index 5c45838..c600bc2 100644
--- a/page/skooma.html
+++ b/page/skooma.html
@@ -8,6 +8,8 @@
 <scroll-to-top>
 </scroll-to-top>
 
+<a class="back" href="..">Module Index</a>
+
 <h1>Skooma.js</h1>
 
 <code-block>import {html} from 'skooma.js'</code-block>
diff --git a/page/style.css b/page/style.css
index 6b86c0a..d780472 100644
--- a/page/style.css
+++ b/page/style.css
@@ -163,3 +163,33 @@ table-of-contents ul li::before {
 	color: var(--color-hl);
 	margin-right: 1ch;
 }
+
+a.back {
+	--margin: .6em;
+
+	color: var(--color-hl);
+	text-decoration: none;
+	padding: .2em;
+	padding-top: .3em;
+	padding-right: .4em;
+	position: absolute;
+	top: var(--margin);
+	left: var(--margin);
+	border-radius: .3em;
+}
+
+a.back:hover {
+	color: white;
+	background: var(--color-hl);
+}
+
+a.back::before {
+	display: inline-block;
+	content: '';
+	width: 0;
+	height: 0;
+	border: solid transparent .4em;
+	border-color: transparent currentcolor transparent transparent;
+	margin-right: .8em;
+	transform: scale(2, 1);
+}