index.html

Rama main · réplica de lectura del repositorio original.

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <!-- viewport-fit=cover: the layout extends under the notch and home bar
         and pads itself with the safe-area insets. interactive-widget:
         Chrome shrinks the layout viewport for the on-screen keyboard, so the
         editor toolbar stays above the keys (Safari ignores it and is
         handled by useViewportHeight). user-scalable=no: no pinch zoom of
         the page on phones (responsive.css says the same via touch-action;
         Zen mode pinches the text size instead, see useZenFontZoom). The
         native shells ignore all of it. -->
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover, interactive-widget=resizes-content"
    />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <title>ScribeDog</title>
    <style>
      /* Fallback in case theme-boot.js cannot run — keeps the very first frame
         from being white on a dark desktop. */
      html {
        background-color: #e9edf0;
      }

      @media (prefers-color-scheme: dark) {
        html {
          background-color: #090a0c;
        }
      }
    </style>
    <script src="/theme-boot.js"></script>
  </head>

  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>