index.html

1<!DOCTYPE html>2<html lang="en" data-platform="native">3  <head>4    <meta charset="UTF-8" />5    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />6    <link7      rel="preload"8      href="/fonts/CormorantGaramond-LightItalic.woff2"9      as="font"10      type="font/woff2"11      crossorigin12    />13    <link14      rel="preload"15      href="/fonts/CormorantGaramond-RegularItalic.woff2"16      as="font"17      type="font/woff2"18      crossorigin19    />20    <link21      rel="preload"22      href="/fonts/IBMPlexMono-Light.woff2"23      as="font"24      type="font/woff2"25      crossorigin26    />27    <!--28      Mirrors src/popup/index.html's <head> (fonts, stylesheets) — this repo's29      hands-off contract (god document §12) keeps src/popup/** read-only, so30      the mobile entry gets its own HTML shell in src/mobile/** rather than31      editing the shared one. Keep this list in sync with src/popup/index.html32      if it changes; src/mobile/entry.ts is what actually boots the app.33    -->34    <link rel="stylesheet" href="../popup/styles/vars.css" />35    <link rel="stylesheet" href="../popup/styles/popup.css" />36    <link rel="stylesheet" href="../popup/styles/settings-stack.css" />37    <link rel="stylesheet" href="../popup/styles/codex.css" />38    <!--39      Platform-flagged CSS (god document §12's one other sanctioned touch40      point beyond src/mobile/**): overrides popup.css's fixed 320x52041      browser-extension-popup box, which otherwise renders as a small fixed42      card with dead space around it instead of filling the phone screen.43    -->44    <link rel="stylesheet" href="./mobile.css" />45    <title>Peach</title>46  </head>47  <body>48    <div id="app"></div>49    <script type="module" src="./entry.ts"></script>50  </body>51</html>