ncode
956dc57763
Vite builds to dist/, deliberately not www/. www/ is still produced by sync-www.sh for the Phase 1 APK, which stays installable throughout the port; cutover is a one-line webDir change in capacitor.config.json. base is relative because Capacitor serves the bundle from the APK, where absolute asset paths would 404. index.html omits viewport-fit=cover on purpose. That string is what makes Capacitor's SystemBars plugin pass insets through to the page; without it the plugin pads the decor view and the layout is always between the status and gesture bars. Phase 1 learned this the hard way. Fonts are self-hosted for offline use, latin subsets only: three files at 68K, against the 133K Barlow costs today. Space Grotesk is variable, so one file covers 400-700. Dropped latin-ext and vietnamese. Carets are drawn as SVG, not typed. U+25BE and U+23EE sit outside every Latin subset and would fall back to a system font mid-label. base.css carries the settled palette and the measured vertical budget as tokens, so a component cannot quietly exceed it: 8 + 44 + 8 + 525 + 8 + 84 + 8 + 50 = 735 Verified: typecheck clean, 103 tests, vite build emits with the fonts copied, and www/ is untouched. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
24 lines
860 B
HTML
24 lines
860 B
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<!--
|
|
No viewport-fit=cover, deliberately.
|
|
|
|
Capacitor's SystemBars plugin switches on this exact string: with it, insets
|
|
pass through, the WebView grows to full height and the page must place
|
|
itself from injected CSS variables — a handshake that raced in Phase 1 and
|
|
left the app drawing under the status and gesture bars. Without it the
|
|
plugin pads the decor view and the layout is always between the bars.
|
|
See the system-bars decision in CLAUDE.md.
|
|
-->
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<meta name="color-scheme" content="light dark" />
|
|
<title>SP-404MK2 layers</title>
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
</body>
|
|
</html>
|