redzuurdesem/layouts/shortcodes/search.html

33 lines
1.3 KiB
HTML

<section id="searchbar">
<span>Begin gewoon met typen om te zoeken!</span>
<script src="/_pagefind/pagefind-ui.js" type="text/javascript"></script>
<div id="search"></div>
<script>
document.querySelector('#searchbar span').style.display = "block";
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({
element: "#search",
resetStyles: false,
translations: {
placeholder: "Bijvoorbeeld 'roggebrood'",
zero_results: "Geen resultaten gevonden voor [SEARCH_TERM]."
}
});
});
</script>
<noscript>
<form role="search" method="get" action="https://duckduckgo.com/" id="search">
<input type="text" style="width: 73%" name="q" placeholder="Zoeken met DuckDuckGo…">
<input type="hidden" name="ia" value="web">
<input type="hidden" name="kaj" value="m">
<input type="hidden" name="k7" value="w">
<input type="hidden" name="k9" value="b">
<input type="hidden" name="ks" value="l">
<input type="hidden" name="sites" value="{{ $.Site.BaseURL }}">
<button type="submit" value="Search">Zoeken</button>
</form>
</noscript>
</section>