GdzieWjade/index.html

<!doctype html>
<html lang="pl">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
    <meta name="theme-color" content="#1b1b1b" />
    <meta name="description" content="Sprawdź dostępność miejsc i tras w Krakowie dla osób na wózkach i rodziców z wózkami dziecięcymi — ze źródłem, datą i wiarygodnością każdej informacji." />
    <link rel="icon" href="./icons/icon.svg" type="image/svg+xml" />
    <link rel="apple-touch-icon" href="./icons/apple-touch-icon.png" />
    <title>%APP_NAME%</title>
    <style>
      /* shown from the first byte of HTML until the app mounts and replaces #root: the JS bundle is the slow part on a first visit */
      html, body { margin: 0; height: 100%; background: #fff; }
      .boot { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; height: 100%; font-family: system-ui, sans-serif; color: #1a4480; }
      .boot svg { width: 4rem; height: 4rem; }
      .boot strong { font-size: 1.6rem; }
      .boot i { position: relative; display: block; width: 14rem; max-width: 70vw; height: 0.5rem; overflow: hidden; border-radius: 0.25rem; background: #dfe1e2; }
      .boot i::after { content: ''; position: absolute; inset: 0 auto 0 0; width: 35%; border-radius: 0.25rem; background: #005ea2; animation: boot 1.1s ease-in-out infinite; }
      @keyframes boot { from { transform: translateX(-100%); } to { transform: translateX(300%); } }
      @media (prefers-reduced-motion: reduce) { .boot i::after { animation: none; width: 100%; opacity: 0.6; } }
    </style>
  </head>
  <body>
    <div id="root">
      <div class="boot" role="status" aria-live="polite">
        <svg viewBox="0 0 512 512" aria-hidden="true"><rect width="512" height="512" rx="92" fill="#005ea2"/><g fill="#fff" transform="translate(97.28 97.28) scale(13.2267)"><circle cx="17" cy="4.54" r="2"/><path d="M14 17h-2c0 1.65-1.35 3-3 3s-3-1.35-3-3 1.35-3 3-3v-2c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5zm3-3.5h-1.86l1.67-3.67C17.42 8.5 16.44 7 14.96 7h-5.2c-.81 0-1.54.47-1.87 1.2L7.22 10l1.92.53L9.79 9H12l-1.83 4.1c-.6 1.33.39 2.9 1.85 2.9H17v5h2v-5.5c0-1.1-.9-2-2-2z"/></g></svg>
        <strong>%APP_NAME%</strong>
        <i></i>
      </div>
    </div>
    <noscript>Ta aplikacja wymaga JavaScriptu. / This app requires JavaScript.</noscript>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>