revert to duckduckgo search if JS is disabled

This commit is contained in:
Wouter Groeneveld 2022-11-11 10:49:05 +01:00
parent 112146bf33
commit b386f83348
6 changed files with 46 additions and 25 deletions

View File

@ -1,5 +1,6 @@
---
title: Hallo daar!
disableComments: true
aliases:
- /about/
---
@ -30,7 +31,7 @@ Als er iets anders is waarmee je graag Red Zuurdesem wenst te helpen, heel graag
<noscript>
JavaScript is uitgeschakeld. Ik gebruik het om mijn e-mail adres te verbergen om spambots weg te houden. <br/>
Bereik me via: <code>[brood] at [this-domain] punt [belgië-afkorting]</code>.
Bereik me via: <code>[brood] at [dit-domain]</code>.
</noscript>
Bedankt!

View File

@ -1,27 +1,10 @@
---
title: Zoeken
disableComments: true
aliases:
- /search/
---
Niet gevonden wat je zocht? Probeer hier je geluk.
Begin gewoon met typen om te zoeken!
<script src="/_pagefind/pagefind-ui.js" type="text/javascript"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({
element: "#search",
resetStyles: false,
translations: {
placeholder: "Bijvoorbeeld 'roggebrood'",
zero_results: "Geen resultaten gevonden voor [SEARCH_TERM]."
}
});
});
</script>
<noscript>
... Sorry, zoekfunctionaliteit vereist JavaScript in je browser.
</noscript>
{{< search >}}

View File

@ -0,0 +1,32 @@
<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>

View File

@ -1,3 +1,7 @@
#searchbar
span
display: none
padding-bottom: 0.5em
#search
input

View File

@ -1,7 +1,6 @@
code
min-width: 100%
max-width: 100%
font-size: 1.2rem
.highlight
display: grid

View File

@ -63,12 +63,14 @@
</div>
<article class='post_content e-content'>
{{- .Content }}
<div class = 'post_extra'>
{{- partial "copy" . }}
</div>
{{ if not .Params.disableComments }}
<div class = 'post_extra'>
{{- partial "copy" . }}
</div>
{{ end }}
</article>
</div>
<div class='post p-author h-card'>
<div class='post p-author h-card' {{ if .Params.disableComments }}style='display: none'{{end}}>
<p class="p-note">
Geschreven voor <a rel="me" class="u-url" href="{{ .Permalink }}">{{ .Site.Title }}</a> door
<span class="p-name">