| 1 | <!doctype html> |
| 2 | <html lang="en"> |
| 3 | <head> |
| 4 | <meta charset="UTF-8" /> |
| 5 | <link rel="icon" type="image/svg+xml" href="/vite.svg" /> |
| 6 | <!-- viewport-fit=cover makes the WebView edge-to-edge so the theme colour |
| 7 | (painted on html/body) extends behind the status bar and home |
| 8 | indicator, and env(safe-area-inset-*) becomes available for insetting |
| 9 | content. |
| 10 | |
| 11 | The locked scale range is what stops the app from behaving like a web |
| 12 | page: mobile Safari ignores `user-scalable=no` for accessibility, but |
| 13 | WKWebView and the Android WebView honour it, so pinch and double-tap |
| 14 | no longer zoom the UI. Trackpad pinches arrive as separate gesture |
| 15 | events and are cancelled in src/native.ts. --> |
| 16 | <meta |
| 17 | name="viewport" |
| 18 | content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" |
| 19 | /> |
| 20 | <!-- Let the WebView and its default backdrop follow the system theme. --> |
| 21 | <meta name="color-scheme" content="light dark" /> |
| 22 | <!-- Draw the status bar over the (theme-coloured) app rather than filling |
| 23 | it with an opaque bar, matching viewport-fit=cover above. --> |
| 24 | <meta |
| 25 | name="apple-mobile-web-app-status-bar-style" |
| 26 | content="black-translucent" |
| 27 | /> |
| 28 | <!-- Stop iOS from turning phone numbers, dates, and addresses in model |
| 29 | output into tappable blue "web page" links. --> |
| 30 | <meta name="format-detection" content="telephone=no,date=no,address=no,email=no" /> |
| 31 | <meta |
| 32 | name="theme-color" |
| 33 | content="#fafafa" |
| 34 | media="(prefers-color-scheme: light)" |
| 35 | /> |
| 36 | <meta |
| 37 | name="theme-color" |
| 38 | content="#111111" |
| 39 | media="(prefers-color-scheme: dark)" |
| 40 | /> |
| 41 | <meta name="apple-mobile-web-app-capable" content="yes" /> |
| 42 | <meta name="apple-mobile-web-app-title" content="Siti AI" /> |
| 43 | <title>Siti AI</title> |
| 44 | </head> |
| 45 | |
| 46 | <body> |
| 47 | <div id="root"></div> |
| 48 | <script type="module" src="/src/main.tsx"></script> |
| 49 | </body> |
| 50 | </html> |