From 95174e93800924356e65346f70a15e5fbc8fbcfe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Jaenisch?= <andre.jaenisch@posteo.de>
Date: Tue, 17 Aug 2021 21:34:32 +0200
Subject: [PATCH] feat: add reload button
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
---
 src/css/main.css | 7 +++++++
 src/index.njk    | 1 +
 2 files changed, 8 insertions(+)

diff --git a/src/css/main.css b/src/css/main.css
index 32d7d6a..94a6104 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -289,6 +289,7 @@ section:first-of-type {
   text-align: center;
 }
 
+#scene-game:not(:target),
 section:not(:target) {
   display: none;
 }
@@ -297,10 +298,13 @@ a {
   color: orange;
 }
 
+button[type="button"],
 a[href^="#"] {
   /* FIXME: Normalize.css interfers? */
   background-color: orange !important;
+  border: none;
   color: midnightblue;
+  cursor: pointer;
   display: inline-block;
   margin-block: 1em;
   padding: 0.5em 1em;
@@ -310,6 +314,7 @@ a[href^="#"] {
 
 canvas {
   background-color: grey;
+  cursor: not-allowed;
 }
 
 label,
@@ -348,5 +353,7 @@ input[type="range"] {
 }
 
 #controls {
+  display: flex;
   grid-area: controls;
+  justify-content: space-between;
 }
diff --git a/src/index.njk b/src/index.njk
index 496376b..5bc2cc9 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -47,6 +47,7 @@
           />
       </label>
       <div id="controls">
+        <button type="button" onclick="location.reload()">Restart</button>
         <a href="#scene-title">Back to start</a>
       </div>
     </section>