index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Connect Four | <%= pageTitle %></title>
    <meta name="viewport" content="width=device-width" />
    <meta
      name="description"
      content="The slickest way to get 4-in-a-row. Play on your phone or computer, with a friend or against Mr. A.I."
    />
    <meta name="apple-mobile-web-app-title" content="Connect Four" />
    <meta name="theme-color" content="#ffffff" />
    <link rel="shortcut icon" href="/icons/favicon.png" />
    <link rel="apple-touch-icon" href="/icons/app-icon-192.png" sizes="192x192" />
    <script
      data-goatcounter="https://calebevans-connectfour.goatcounter.com/count"
      data-goatcounter-settings='{"allow_local": true, "path": "/", "title": "Connect Four | Caleb Evans"}'
      async
      src="https://gc.zgo.at/count.v4.js"
      crossorigin="anonymous"
      integrity="sha384-nRw6qfbWyJha9LhsOtSb2YJDyZdKvvCFh0fJYlkquSFjUxp9FVNugbfy8q1jdxI+"
    ></script>
  </head>
  <body>
    <noscript>
      <span id="github-link" class="nav-link nav-link-left">
        <a href="https://github.com/caleb531/connect-four">View on GitHub</a>
      </span>

      <span id="personal-site-link" class="nav-link nav-link-right">
        by <a href="https://calebevans.me">Caleb Evans</a>
      </span>
      <h1>Connect Four</h1>
      <p>
        Please
        <a href="https://www.whatismybrowser.com/guides/how-to-enable-javascript/"
          >enable JavaScript</a
        >
        to play.
      </p>
    </noscript>

    <main></main>

    <script type="module" src="/scripts/index.js"></script>
  </body>
</html>