<!DOCTYPE html>
<html lang="en">
  <head>
    <!--Lets set some basic meta tags-->
    <meta
      name="viewport"
      content="user-scalable=0, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height"
    />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="theme-color" content="#000000" />

    <!--Lets make sure we recognize this as an PWA-->
    <link rel="manifest" href="/manifest.json" />
    <link rel="icon" type="image/png" href="/assetbroker/manifest/favicon.png" />

    <!--Lets load standard fonts-->
    <link rel="preconnect" href="https://{{assetbrokerUrl}}/" crossorigin>
    <link rel="stylesheet" href="https://{{assetbrokerUrl}}/fonts/fonts.css">


    <!--Lets avoid a rescaling flicker due to default body margins-->
    <style>
      html {
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
      }
      body {
        position: relative;
        background: #000;
        margin: 0px;
      }
    </style>
    <script>
      projectVersion = '';
    </script>
  </head>
  <body>
    <noscript>
      <style>
        body {
          background: #303f9f;
          font-family: Inter, Roboto, sans-serif;
          color: #ffffff;
        }

        a {
          color: #ffffff;
          text-decoration: none;
        }

        img {
          width: 130px;
        }

        .container {
          width: 600px;
          margin: auto;
          margin-top: 20px;
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
          overflow: hidden;
          border-radius: 3px;
          background: #4357d9;
        }
        .contentHeader {
          padding: 20px;
          text-align: center;
          font-size: 25px;
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }
        .content {
          padding: 20px;
        }
        .footer {
          padding: 10px;
          text-align: center;
        }
      </style>
      <div class="container">
        <div class="contentHeader">We need JavaScript to run properly!</div>
        <div class="content">
          This site is being built using lit-element (made by Google). This technology works with
          JavaScript. Subsequently this website does not work as intended without
          JavaScript.
        </div>
      </div>
      <div class="footer">
        <a href="https://{{legalUrl}}">Legal Info</a> |
        <a href="https://{{legalUrl}}/privacy">Privacy Policy</a>
      </div>
    </noscript>
    <script type="text/javascript" async defer>
      window.revenueEnabled = true;
      const runRevenueCheck = async () => {
        var e = document.createElement('div');
        e.id = '476kjuhzgtr764';
        e.style.display = 'none';
        document.body.appendChild(e);
        if (document.getElementById('476kjuhzgtr764')) {
          window.revenueEnabled = true;
        } else {
          window.revenueEnabled = false;
        }
        console.log(`revenue enabled: ${window.revenueEnabled}`);
      };

      runRevenueCheck();
    </script>
  </body>
  <script defer type="module" src="/bundle.js"></script>
</html>