1 files changed, 57 insertions, 53 deletions
diff --git a/client/lib/util.js b/client/lib/util.js
index 4d9d038..b1ce162 100644
--- a/client/lib/util.js
+++ b/client/lib/util.js
@@ -1,61 +1,65 @@
-import Tone from 'tone'
-import StartAudioContext from './startAudioContext'
+import Tone from "tone";
+import StartAudioContext from "./startAudioContext";
 
-const isIphone = (navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))
-const isIpad = (navigator.userAgent.match(/iPad/i))
-const isAndroid = (navigator.userAgent.match(/Android/i))
-const isMobile = isIphone || isIpad || isAndroid
-const isDesktop = ! isMobile
+const isIphone =
+  navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i);
+const isIpad = navigator.userAgent.match(/iPad/i);
+const isAndroid = navigator.userAgent.match(/Android/i);
+const isMobile = isIphone || isIpad || isAndroid;
+const isDesktop = !isMobile;
 
-document.body.classList.add(isMobile ? 'mobile' : 'desktop')
+document.body.classList.add(isMobile ? "mobile" : "desktop");
 
-const browser = { isIphone, isIpad, isMobile, isDesktop }
+const browser = { isIphone, isIpad, isMobile, isDesktop };
 
-function choice (a){ return a[ Math.floor(Math.random() * a.length) ] }
-function mod(n,m){ return n-(m * Math.floor(n/m)) }
+function choice(a) {
+  return a[Math.floor(Math.random() * a.length)];
+}
+function mod(n, m) {
+  return n - m * Math.floor(n / m);
+}
 
-function requestAudioContext (fn) {
-	if (isMobile) {
-    const container = document.createElement('div')
-    const button = document.createElement('div')
-    button.innerHTML = 'Tap to start - please unmute your phone'
+function requestAudioContext(fn) {
+  if (window.location.protocol !== "https:") {
+    const container = document.createElement("div");
+    const button = document.createElement("div");
+    button.innerHTML = "Tap to start - please unmute your phone";
     Object.assign(container.style, {
-			display: 'block',
-      position: 'absolute',
-      width: '100%',
-      height: '100%',
-      zIndex: '10000',
-      top: '0px',
-      left: '0px',
-      backgroundColor: 'rgba(0, 0, 0, 0.8)',
-    })
-		Object.assign(button.style, {
-			display: 'block',
-		  position: 'absolute',
-		  left: '50%',
-		  top: '50%',
-			padding: '20px',
-		  backgroundColor: '#7F33ED',
-		  color: 'white',
-		  fontFamily: 'monospace',
-		  borderRadius: '3px',
-		  transform: 'translate3D(-50%,-50%,0)',
-		  textAlign: 'center',
-			lineHeight: '1.5',
-			width: '150px',
-    })
-    container.appendChild(button)
-    document.body.appendChild(container)
-    StartAudioContext.setContext(Tone.context)
-    StartAudioContext.on(button)
-    StartAudioContext.onStarted(_ => {
-      container.remove()
-			fn()
-  	})
-	} else {
-		fn()
-	}
+      display: "block",
+      position: "absolute",
+      width: "100%",
+      height: "100%",
+      zIndex: "10000",
+      top: "0px",
+      left: "0px",
+      backgroundColor: "rgba(0, 0, 0, 0.8)",
+    });
+    Object.assign(button.style, {
+      display: "block",
+      position: "absolute",
+      left: "50%",
+      top: "50%",
+      padding: "20px",
+      backgroundColor: "#7F33ED",
+      color: "white",
+      fontFamily: "monospace",
+      borderRadius: "3px",
+      transform: "translate3D(-50%,-50%,0)",
+      textAlign: "center",
+      lineHeight: "1.5",
+      width: "150px",
+    });
+    container.appendChild(button);
+    document.body.appendChild(container);
+    StartAudioContext.setContext(Tone.context);
+    StartAudioContext.on(button);
+    StartAudioContext.onStarted((_) => {
+      container.remove();
+      fn();
+    });
+  } else {
+    fn();
+  }
 }
 
-export { choice, mod, browser, requestAudioContext }
-
+export { choice, mod, browser, requestAudioContext };