pwa stuff

docs/index.html

@@ -53,6 +53,8 @@ <h3>Explanation of Levels:</h3>
 </main>
 
 <footer>
+  <p class="installstrap">You can <button class="install">Install this as an app</button> to find it easily later, if
+    your browser supports it :)</p>
   <p>Any questions? <a href="https://discord.com/servers/computing-uni-of-portsmouth-760155974467059762">Join us on
       Discord</a> or email [email protected]</p>
 </footer>

docs/index.js

@@ -1,9 +1,10 @@
 import * as core from './core.js';
-
 let data = {};
+let deferredPrompt;
 const ui = {};
 ui.main = document.querySelector('main');
 ui.header = document.querySelector('header');
+ui.footer = document.querySelector('footer');
 ui.levels = document.querySelectorAll('section.level');
 ui.topnav = document.querySelector('.top-nav');
 ui.coursenav = document.querySelector('.course-nav');
@@ -248,7 +249,25 @@ function populateEvent(day, event) {
   eventElem.dataset.time = event.time;
 }
 
+function bindInstall() {
+  const installApp = ui.footer.querySelector('.install');
+  installApp.addEventListener('click', async () => {
+    if (deferredPrompt !== null) {
+      deferredPrompt.prompt();
+      const { outcome } = await deferredPrompt.userChoice;
+      if (outcome === 'accepted') {
+        deferredPrompt = null;
+      }
+    }
+  });
+}
+
 async function main() {
+  window.addEventListener('beforeinstallprompt', (e) => {
+    deferredPrompt = e;
+  });
+
+
   await fetchData();
   setTitle();
   populate();
@@ -257,6 +276,7 @@ async function main() {
   if (localStorage.getItem('course') && localStorage.getItem('level')) {
     showPlan();
   }
+  bindInstall();
 }
 
 main();

docs/style.css

@@ -130,9 +130,7 @@ footer {
   text-align: center;
 }
 
-footer p {
-  margin: 3.5em;
-}
+
 
 header {
   background: var(--main-bg-color);

package.json

@@ -6,7 +6,7 @@
   "type": "module",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "start": "node index"
+    "start": "node svr"
   },
   "keywords": [],
   "author": "",