feat(*): back to home page button

topheman · topheman · commit 923133eae774 · 2023-03-03T19:18:23.000+01:00
diff --git a/www/index.html b/www/index.html
@@ -31,6 +31,7 @@
     <link rel="icon" type="image/x-icon" href="/favicon.ico"/>
   </head>
   <body>
+    <button class="back-home-page" title="Back to home page">👋</button>
     <canvas id="bevy"></canvas>
     <div id="orientationlock">Please lock your device in portrait mode to use this game.</div>
     <div id="presentation">
diff --git a/www/main.js b/www/main.js
@@ -12,3 +12,8 @@ document.getElementById('start').addEventListener('click', () => {
   document.body.classList.add('playing');
   init();
 });
+
+document.querySelector('.back-home-page').addEventListener('click', () => {
+  console.log('stop');
+  window.location.reload(); // todo find an more elegant and performant to cleanup wasm instanciations
+})
diff --git a/www/style.css b/www/style.css
@@ -30,10 +30,28 @@ canvas#bevy {
   display: none;
 }
 
+button.back-home-page {
+  display: none;
+  cursor: pointer;
+  position: absolute;
+  bottom: 16px;
+  left: 16px;
+  border: 4px solid #808080;
+  width: 36px;
+  height: 48px;
+  font-size: 22px;
+  background-color: white;
+  padding: 0px;
+}
+
 .playing canvas#bevy {
   display: block;
 }
 
+.playing button.back-home-page {
+  display: block;
+}
+
 #presentation {
   display: block;
   padding: 1rem;
