https://wab-booking-dev.pages.dev/

1
2  <!DOCTYPE html>
3  <html lang="en">
4    <head>
5      <meta charset="UTF-8" />
6      <!-- Pinch-zoom is locked for both apps (scanner kiosk + touch-first admin
7           mobile shell); accidental zoom in operators' hands is disruptive.
8           Browser-level zoom (Ctrl/⌘ ±) still works on desktop. -->
9      <meta
10        name="viewport"
11        id="pwa-viewport"
12        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
13      />
14      <title>Verwaltung</title>
15
16      <!-- Home-screen icon: SAME brand (ballroom couple) for both PWAs — admin
17           ("/") and check-in ("/checkin"). Static <link>s so iOS reliably reads
18           them at "Add to Home Screen" time without depending on JS timing. -->
19      <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
20      <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-precomposed.png" />
21      <link rel="icon" type="image/png" sizes="192x192" href="/icons/admin-192.png" />
22
23      <!-- PWA: inject the right manifest synchronously during head parsing.
24           Module scripts (main.tsx) are deferred — by the time JS runs, mobile
25           Safari may already have fetched the wrong manifest. Only the manifest
26           scope/start_url differs between the two apps; the icon is identical. -->
27      

27<script>
28        (function () {
29          var isCheckin = location.pathname.indexOf('/checkin') === 0;
30
31          var link = document.createElement('link');
32          link.rel = 'manifest';
33          link.href = isCheckin ? '/manifest-checkin.webmanifest' : '/manifest.webmanifest';
34          link.id = 'pwa-manifest';
35          document.head.appendChild(link);
36
37          var title = document.createElement('meta');
38          title.name = 'apple-mobile-web-app-title';
39          title.content = 'Wiener Akademikerball';
40          title.id = 'pwa-apple-title';
41          document.head.appendChild(title);
42
43          if (isCheckin) {
44            var vp = document.getElementById('pwa-viewport');
45            if (vp)
46              vp.setAttribute(
47                'content',
48                'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover'
49              );
50          }
51        })();
52      </script>

52
53      <meta name="theme-color" content="#6D0101" id="pwa-theme-color" />
54      <meta name="apple-mobile-web-app-capable" content="yes" />
55      <meta name="mobile-web-app-capable" content="yes" />
56      <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
57      

57<script type="module" crossorigin src="/assets/index-Cn3juDuU.js"></script>

57
58      <link rel="stylesheet" crossorigin href="/assets/index-CNe67Xi-.css">
59    

59<script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script>

59</head>
60
61    <body>
62      <div id="root"></div>
63    </body>
64  </html>
65