Prevent ios scaling

jboolean · Dec 21, 2024 · ac64db5 · ac64db5
1 parent 4e6cb86
commit ac64db5
Showing 1 changed file with 40 additions and 12 deletions.
diff --git a/frontend/src/app.html b/frontend/src/app.html
@@ -1,26 +1,54 @@
-<!doctype html>
+<!DOCTYPE html>
 <!-- © Julian Boilen, julianboilen.com-->
 <html>
   <head>
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=<%= gaId %>"></script>
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=<%= gaId %>"
+    ></script>
     <script>
       window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
+      function gtag() {
+        dataLayer.push(arguments);
+      }
       gtag('js', new Date());
-      
+
       gtag('config', '<%= gaId %>');
-      </script>
+    </script>
     <script src="https://www.googleoptimize.com/optimize.js?id=<%= optimizeContainerId %>"></script>
     <script src="https://www.google.com/recaptcha/api.js?render=<%= recaptchaSiteKey %>"></script>
-
-    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-    <link href='https://api.mapbox.com/mapbox-gl-js/v2.4.1/mapbox-gl.css' rel='stylesheet' />
-    <link rel="stylesheet" href="https://use.typekit.net/vly0uof.css">
-    <link href="https://fonts.googleapis.com/css2?family=Spectral+SC:wght@600&family=Spectral:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
-
 
-    <title>1940s NYC | Street photos of every building in New York City in 1939/1940</title>
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, user-scalable=no"
+    />
+    <link
+      href="https://api.mapbox.com/mapbox-gl-js/v2.4.1/mapbox-gl.css"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" href="https://use.typekit.net/vly0uof.css" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Spectral+SC:wght@600&family=Spectral:ital,wght@0,400;0,700;1,400;1,700&display=swap"
+      rel="stylesheet"
+    />
+
+    <script>
+      // Prevent pinch zoom on iOS
+      document.addEventListener(
+        'touchmove',
+        function (event) {
+          if (event.scale !== 1) {
+            event.preventDefault();
+          }
+        },
+        { passive: false }
+      );
+    </script>
+
+    <title>
+      1940s NYC | Street photos of every building in New York City in 1939/1940
+    </title>
   </head>
 
   <body>