webapp work, push required for https

toys/starship/index.md

@@ -16,7 +16,6 @@ headers:
   </span>
 </div>
 
-<button id="install">Add to home screen</button>
 
 I work in a building with no HVAC,
 which means we can hear <em>everything</em> people are saying,
@@ -30,3 +29,5 @@ You can leave it running forever, if you like.
 For those interested,
 it uses the new (in 2017), perfect for this application,
 [Web Audio API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API)
+
+<button id="install">Add to home screen</button>

toys/starship/starship.js

@@ -53,26 +53,6 @@ function init() {
   if ("serviceWorker" in navigator) {
     navigator.serviceWorker.register("sw.js");
   }
-  
-  // Let people add this app
-  let deferredPrompt;
-  let installButton = document.querySelector("#install");
-  installButton.style.display = "none";
-  window.addEventListener("beforeinstallprompt", e => {
-    console.log(e);
-    deferredPrompt = e;
-    installButton.style.display = "block";
-  });
-  installButton.addEventListener("click", e => {
-    console.log(e);
-    deferredPrompt.prompt();
-    deferredPrompt.userChoice
-    .then(result => {
-      if (result.output == "accepted") {
-        installButton.style.display = "none";
-      }
-    });
-  });
 }
 
 if (document.readyState === "loading") {
@@ -80,3 +60,23 @@ if (document.readyState === "loading") {
 } else {
   init();
 }
+
+// Let people add this app
+let deferredPrompt;
+let installButton = document.querySelector("#install");
+installButton.style.display = "none";
+window.addEventListener("beforeinstallprompt", e => {
+  console.log(e);
+  deferredPrompt = e;
+  installButton.style.display = "block";
+});
+installButton.addEventListener("click", e => {
+  console.log(e);
+  deferredPrompt.prompt();
+  deferredPrompt.userChoice
+  .then(result => {
+    if (result.output == "accepted") {
+      installButton.style.display = "none";
+    }
+  });
+});