index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>GeoPedia</title>

    <!-- https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs -->
    <link rel="icon" href="/public/favicon.ico" sizes="any"><!-- 32×32 -->
    <link rel="apple-touch-icon" href="/public/apple-touch-icon.png"><!-- 180×180 -->
    <link rel="manifest" href="/public/manifest.webmanifest">

    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <script type="module" src="./src/js/error-handler.ts"></script>
    <script async type="module" src="./src/js/index.ts"></script>
    <link rel="stylesheet" href="./dist/index.css" />
  </head>
  <body>
    <h1>GeoPedia</h1>

    <div id="locations"></div>

    <button id="find-nearest-place">Find nearest place</button>
  </body>
</html>