|
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> |