<!doctype html>

<!--
    ▄█▀    ▀█▄
     ▄▄ ▀▀▀  █▌   ██▀▀█▄          ▐█
 ▄▄██▀▀█▄▄▄  ██  ██      █▀▀█ ▐█▀▀██ ▄█▀▀█ █▀▀
█▌   ▄▌   ▐█ █▌  ▀█▄▄▄█▌ █  █ ▐█  ██ ██▀▀  █
     ██████▀▄█    ▀▀▀▀   ▀▀▀▀  ▀▀▀▀▀  ▀▀▀▀ ▀
  -->

<head>
  <meta charset="utf-8" />
  <title>Coder</title>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="theme-color" content="#17172E" />
  <meta name="application-name" content="Coder" />
  <meta property="og:type" content="website" />
  <meta property="csrf-token" content="{{ .CSRF.Token }}" />
  <meta property="build-info" content="{{ .BuildInfo }}" />
  <meta property="user" content="{{ .User }}" />
  <meta property="entitlements" content="{{ .Entitlements }}" />
  <meta property="appearance" content="{{ .Appearance }}" />
  <meta property="experiments" content="{{ .Experiments }}" />
  <meta property="regions" content="{{ .Regions }}" />
  <meta property="docs-url" content="{{ .DocsURL }}" />
  <!-- We need to set data-react-helmet to be able to override it in the workspace page -->
  <link
    rel="alternate icon"
    type="image/png"
    href="/favicons/favicon.png"
    data-react-helmet="true"
  />
  <link
    rel="icon"
    type="image/svg+xml"
    href="/favicons/favicon.svg"
    data-react-helmet="true"
  />
  <style>
    html,
    body {
      background-color: hsl(220, 50%, 3%);
    }
  </style>
</head>

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