frontend/index.html

<!doctype html>
<html lang="nl">
  <head>
    <meta charset="utf-8" />
    <title>Abacus</title>
    <link rel="icon" href="./static/favicon.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="./app/main.tsx"></script>
    <noscript>
      <div style="font-family: var(--font-text); padding: 4rem">
        <h1
          style="
            font-family: var(--font-text);
            color: var(--text-color-header);
            font-size: var(--font-size-lg);
            font-weight: bold;
            line-height: 1.4;
            margin-bottom: 1rem;
          "
        >
          JavaScript staat uit
        </h1>
        <p style="font-family: var(--font-text); color: var(--text-color-body); margin-bottom: 2rem">
          Deze applicatie maakt gebruik van JavaScript om te functioneren. Zet JavaScript aan in deze browser en herlaad
          de pagina.
        </p>
        <h2
          style="
            font-family: var(--font-text);
            color: var(--text-color-header);
            font-size: var(--font-size-lg);
            font-weight: bold;
            line-height: 1.4;
            margin-bottom: 1rem;
          "
        >
          Javascript is disabled
        </h2>
        <p style="font-family: var(--font-text); color: var(--text-color-body); margin-bottom: 2rem">
          This application requires JavaScript to function. Enable JavaScript in this browser and reload the page.
        </p>
      </div>
    </noscript>
  </body>
</html>