index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    <meta name="theme-color" content="#f8fafc" />
    <title>StatLab: data analysis with R</title>
    <meta name="description" content="A free introductory statistics course in R that runs entirely in your browser: 18 modules, 64 lessons and 89 exercises checked by real R, with nothing to install." />
    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="StatLab: data analysis with R" />
    <meta property="og:description" content="Learn statistics by doing it in R, right in your browser. 18 modules, 64 lessons, 89 exercises, nothing to install." />
    <meta property="og:url" content="https://peterslijkhuis.github.io/StatLab/" />
    <meta property="og:image" content="https://peterslijkhuis.github.io/StatLab/og-image.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="StatLab: learn statistics by doing it in R, right in your browser." />
    <meta name="twitter:card" content="summary_large_image" />
  </head>
  <body>
    <script>
      // Before the first paint, so a dark page never flashes white. Matches THEME_KEY and the bar colours in Sidebar.tsx.
      var theme = null;
      try { theme = localStorage.getItem('statlab.theme'); } catch (error) {}
      theme = theme || (matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
      document.documentElement.dataset.theme = theme;
      if (theme === 'dark') document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0b1120');
    </script>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>