mcguinlu
diff --git a/‎dartDown.js‎
Lines changed: 11 additions & 0 deletions b/‎dartDown.js‎
Lines changed: 11 additions & 0 deletions
diff --git a/‎index.html‎
Lines changed: 6 additions & 1 deletion b/‎index.html‎
Lines changed: 6 additions & 1 deletion
@@ -15,6 +15,17 @@ const fontWidth = 100 / (MAX_TRAINS_PER_DIRECTION * 1.5);
 document.body.style.fontSize = `${fontWidth}vw`;
 
 document.addEventListener('DOMContentLoaded', () => {
+  // Prevent zooming on iOS devices
+  document.addEventListener('touchmove', (e) => {
+    if (e.scale !== 1) {
+      e.preventDefault();
+    }
+  }, { passive: false });
+  
+  document.addEventListener('gesturestart', (e) => {
+    e.preventDefault();
+  });
+
   const infoIcon = document.querySelector('.info-icon');
   const popupMenu = document.querySelector('.popup-menu');
   const titleToggle = document.getElementById('titleToggle');
 
@@ -3,8 +3,13 @@
 <head>
 <!-- Basic Meta Tags -->
 <meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+<meta name="apple-mobile-web-app-capable" content="yes">
+<meta name="apple-mobile-web-app-status-bar-style" content="black">
+<meta name="apple-mobile-web-app-title" content="dartDown">
 <meta name="description" content="dartDown: An aesthetically pleasing DART departure board for home display. Shows real-time northbound and southbound train times with color-coded destinations. Customizable station selection, display limits, and time cutoffs.">
+<link rel="apple-touch-icon" href="screenshots/dartDown.jpg">
+<link rel="apple-touch-startup-image" href="screenshots/dartDown.jpg">
 <meta name="keywords" content="DART, Irish Rail, departure board, home display, Grand Canal Dock, Malahide, Howth, Greystones, Bray, real-time trains, Dublin transport, aesthetic transit display">
 <meta name="author" content="dartDown">