jefklakscodex/layouts/shortcodes/search.html

27 lines
1.1 KiB
HTML

<section id="searchbar">
<span>Simply type to begin searching!</span>
<script src="/_pagefind/pagefind-ui.js" type="text/javascript"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
document.querySelector('#searchbar span').style.display = "block";
new PagefindUI({ element: "#search", resetStyles: false });
});
</script>
<noscript>
<form role="search" method="get" action="https://duckduckgo.com/" id="search">
<input type="text" style="width: 80%" name="q" placeholder="Search with 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">Search</button>
</form>
</noscript>
</section>