inital-release

public/index.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Kruiswoord Pro: Zweedse puzzel</title>
-  <script src="redirect.js"></script>
+  <script src="redirect2.js"></script>
   <link rel="stylesheet" href="styles_v5.css">
   <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
 </head>

public/mobile.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <title>Kruiswoord Pro - Mobile</title>
-  <script src="redirect.js"></script>
+  <script src="redirect2.js"></script>
   <link rel="stylesheet" href="mobile.css">
   <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
 </head>

public/redirect2.js

@@ -15,13 +15,13 @@
   const userAgent = navigator.userAgent
 
   // Better mobile detection
-  const isMobilePhone = /Android.*Mobile|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent)
+  const isMobilePhone = /iPhone|BlackBerry|IEMobile|Opera Mini/i.test(userAgent)
   const isTabletDevice = /iPad|Android(?!.*Mobile)/i.test(userAgent)
 
   let targetPage = null
 
   // Determine target page based on device and screen size
-  if (isMobilePhone && width < 512) {
+  if (width < 400) {
     // Mobile phones: detected mobile device < 768px
     targetPage = 'mobile.html'
   } else if (width < 400) {

public/tablet.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Kruiswoord Pro</title>
-  <script src="redirect.js"></script>
+  <script src="redirect2.js"></script>
   <link rel="stylesheet" href="tablet.css">
   <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
 </head>