chore: switch to modern js

.editorconfig

@@ -4,6 +4,6 @@ indent_style = "space"
 indent_size = 4
 max_line_length = 88
 
-[*.{yml,yaml,html}]
+[*.{yml,yaml,html,js}]
 indent_size = 2
 max_line_length = 120

.gitignore

@@ -1,5 +1,7 @@
 # Generated files by hugo
 /public/
+# Search index for `hugo server`, see README
+/static/pagefind/
 /resources/_gen/
 /assets/jsconfig.json
 hugo_stats.json

.prettierignore

@@ -1,2 +1,3 @@
-static/**
+/static/**
+!/static/main.js
 *.md

README.md

@@ -28,8 +28,10 @@ hugo server -D
 ```
 
 Site search is powered by [Pagefind](https://pagefind.app/), which indexes the built HTML rather than the content files, so `hugo server` alone has no index and the search dialog will say so.
-To try it locally, build and index the site, then serve `public/`:
+To search on the dev server, build the index into `static/` (gitignored, and stale until you rebuild it):
 
 ```sh
-hugo && npx pagefind --site public && python3 -m http.server -d public
+hugo -d /tmp/pagefind-build && npx pagefind --site /tmp/pagefind-build --output-path static/pagefind
 ```
+
+Stop `hugo server` first — a `hugo` build takes the build lock out from under it.

layouts/partials/head.html

@@ -10,7 +10,7 @@
 {{ $styles := resources.Get "main.scss" | toCSS | minify }}
 <link rel="preload" as="font" type="font/woff2" href="/fonts/Inter/Inter-VariableFont_slnt,wght.woff2" crossorigin />
 <link rel="stylesheet" type="text/css" href="/bootstrap/css/bootstrap.min.css" />
-<link rel="stylesheet" type="text/css" href="/bootstrap/icons/bootstrap-icons.css" />
+<link rel="stylesheet" type="text/css" href="/bootstrap/icons/bootstrap-icons.min.css" />
 <link rel="stylesheet" type="text/css" href="{{ $styles.RelPermalink }}" />
 
 <link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-touch-icon.png" />
@@ -41,6 +41,13 @@
 {{ template "_internal/twitter_cards.html" . }}
 {{ template "_internal/opengraph.html" . }}
 
-<script src="/bootstrap/js/bootstrap.bundle.min.js" defer></script>
-<script src="/main.js" defer></script>
+<script type="importmap">
+  {
+    "imports": {
+      "@popperjs/core": "/bootstrap/js/popper.esm.min.js",
+      "bootstrap": "/bootstrap/js/bootstrap.esm.min.js"
+    }
+  }
+</script>
+<script type="module" src="/main.js"></script>
 <script data-goatcounter="https://scverse.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>