{{ define "main" }}
<h1 class="mb-3 text-4xl font-extrabold">
  {{ i18n "error.404_title" | emojify }}
</h1>
<p class="mt-8 mb-8 text-neutral-400 dark:text-neutral-500">
  {{ i18n "error.404_error" | emojify }}
</p>
<div class="prose dark:prose-invert">
  <p>{{ i18n "error.404_description" | emojify }}</p>
</div>
<div class="mt-6 prose dark:prose-invert">
  <strong>You can try to find the page with the search:</strong><br />
  Click on the magifying glass 🔍 in the top right corner or hit
  <kbd>/</kbd> (that is usually <kbd>Shift + 7</kbd>
  on a german layout) on your keyboard to open the search box.
</div>
<p class="mt-8 mb-3 text-neutral-400 dark:text-neutral-500">
  I am sorry for any inconvenience this might cause to you!
</p>
<div class="prose dark:prose-invert">
  <p>
    <em>
      My Website is a constant <abbr title="Work In Progress">WIP</abbr> and
      therefore some things may brake from time to time. The analytics script on
      the website (no 3<sup>rd</sup> party like Google or Microsoft by the way)
      catches 404 errors and I will be able to fix that for future requests.
    </em>
  </p>
  <p>In the meanwhile please use the search.</p>
</div>
{{ end }}