Pagefind CSS/JS is now loaded once in base.njk <head> with defer. A tiny initPagefind() helper queues widget inits until DOMContentLoaded when PagefindUI is available. Removes duplicate <link>/<script> tags from all sidebar widgets, search page, and 404 page. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
19 lines
982 B
Plaintext
19 lines
982 B
Plaintext
---
|
|
layout: layouts/base.njk
|
|
title: Page Not Found
|
|
permalink: /404.html
|
|
pagefindIgnore: true
|
|
---
|
|
<div class="text-center py-12">
|
|
<h1 class="text-4xl sm:text-6xl font-bold text-surface-300 dark:text-surface-700 mb-4">404</h1>
|
|
<h2 class="text-xl sm:text-2xl font-semibold text-surface-900 dark:text-surface-100 mb-4">Page Not Found</h2>
|
|
<p class="text-surface-600 dark:text-surface-400 mb-8">Sorry, the page you're looking for doesn't exist. Try searching for it below.</p>
|
|
<a href="/" class="inline-flex items-center gap-2 px-6 py-3 bg-primary-600 hover:bg-primary-700 text-white font-medium rounded-lg transition-colors mb-8">
|
|
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/></svg>
|
|
Go back home
|
|
</a>
|
|
</div>
|
|
|
|
<div id="search-404" class="max-w-2xl mx-auto"></div>
|
|
<script>initPagefind("#search-404", { showSubResults: true });</script>
|