cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: customize 404

Browse source
This commit is contained in:
Cory Dransfeldt 2023-07-05 12:04:14 -07:00
parent b9a45b87cb
commit 0479bce1f4
No known key found for this signature in database
8 changed files with 52 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/_includes/forms/search.liquid Normal file
View file

@ -0,0 +1,26 @@
<link href="/_pagefind/pagefind-ui.css" rel="stylesheet">
<style>
:root {
--pagefind-ui-font: InterVariable, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--pagefind-ui-primary: #374151;
--pagefind-ui-text: #374151;
}
@media (prefers-color-scheme: dark) {
:root {
--pagefind-ui-primary: #e5e7eb;
--pagefind-ui-text: #e5e7eb;
--pagefind-ui-background: #152028;
--pagefind-ui-border: #152028;
--pagefind-ui-tag: #152028;
}
}
</style>
<div id="search" class="search"></div>
<script src="/_pagefind/pagefind-ui.js" onload="new PagefindUI({ element: '#search', showImages: false });"></script>
<script>
if (plausible) {
document.querySelector('#search').addEventListener('focusout', (e) => {
plausible('Search', { props: { query: e.target.value }})
})
}
</script>