search bar timeeee

2026-09-11 11:46:47 -07:00
parent d8049a1f34
commit 58da634ec7
10 changed files with 238 additions and 10 deletions
@@ -33,6 +33,7 @@
 {# Styles #}
 <style>{% include "css/main.css" %}</style>
 <style>{% include "css/nav.css" %}</style>
+<style>{% include "css/pagefind.css" %}</style>
 <style>{% include "css/highlighting.css" %}</style>
 <style>{% include "css/print.css" %}</style>

@@ -41,3 +42,7 @@
 {# Scripts #}
 <script>{% include "js/theme.js" %}</script>
 <script type="module">{% getBundle "js" %}</script>
+
+{# Pagefind #}
+<link href="/pagefind/pagefind-component-ui.css" rel="stylesheet">
+<script src="/pagefind/pagefind-component-ui.js" type="module"></script>
@@ -17,4 +17,10 @@
    </ul>
  </nav>

+  <div class="dark searchbox" data-pf-theme="dark">
+    <pagefind-searchbox></pagefind-searchbox>
+  </div>
+  <div class="light searchbox">
+    <pagefind-searchbox></pagefind-searchbox>
+  </div>
 </header>
@@ -6,7 +6,7 @@
  <body>
    {% include "header.njk" %}

-    <main id="main">
+    <main id="main" data-pagefind-body>
      {{ content | safe }}
    </main>