index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Elm • data-viz-lab</title>
    <script type="text/javascript" src="elm.js"></script>
    <link rel="stylesheet" href="reset.css" />
    <link rel="stylesheet" href="style.css" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap"
      rel="stylesheet"
    />
    <link
      href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400&display=swap"
      rel="stylesheet"
    />
  </head>

  <body>
    <div id="elm-node"></div>
  </body>

  <script type="text/javascript">
    const app = Elm.Main.init({
      node: document.getElementById("elm-node"),
      flags: { width: window.innerWidth, height: window.innerHeight },
    });
  </script>
</html>