add vite bundler

site/_includes/base.njk

@@ -11,7 +11,7 @@ title: Joshua's Homepage
     <link rel="stylesheet" href="{{ "/site.css" | url }}"/>
     <style>{% include "-inline-css.njk" %}</style>
     <script defer src="https://stats.apps.seigler.net/script.js" data-website-id="ccb4bd94-2a71-47fe-8eea-d85bf75b7f6d"></script>
-    <script defer src="/scripts/effects.js"></script>
+    <script defer src="/scripts/main.ts" type="module"></script>
     <link rel="me" href="https://github.com/seigler"/>
     <link rel="webmention" href="https://webmention.io/joshua.seigler.net/webmention"/>
     <title>{{ computedTitle }} - {{ site.title }}</title>
@@ -21,13 +21,13 @@ title: Joshua's Homepage
     {%- endif %}
     <meta property="og:title" content="{{ computedTitle }}"/>
     <meta property="og:type" content="{{ article }}"/>
-    <meta property="og:url" content="{{ page.url | absoluteURL }}"/>
+    <meta property="og:url" content="{{ page.url | url }}"/>
     <meta name="twitter:title" content="{{ computedTitle }}"/>
     <meta name="twitter:description" content="{{ description }}"/>
-    {% if cover %}
-      <meta property="og:image" content="{{ cover | absoluteURL }}"/>
-      <meta name="twitter:image" content="{{ cover | absoluteURL }}"/>
-    {% endif %}
+    {%- if cover %}
+    <meta property="og:image" content="{{ cover | url }}"/>
+    <meta name="twitter:image" content="{{ cover | url }}"/>
+    {%- endif %}
     <meta name="twitter:card" content="summary"/>
     <meta name="generator" content="{{ eleventy.generator }}">
   </head>

site/pages/search.njk

@@ -7,6 +7,6 @@ title: Search
 <main>
   <div class="searchCard">
     <div id="searchbox"></div>
-  <script src="/pagefind/pagefind-ui.js" onload="new PagefindUI({ element: '#searchbox', showImages: false, resetStyles: false, autofocus: true });"></script>
+  <script src="/pagefind/pagefind-ui.js" type="module" onload="new PagefindUI({ element: '#searchbox', showImages: false, resetStyles: false, autofocus: true });"></script>
   </div>
 </main>