{{ 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, but in the end we
  all have to face new changes...
</p>
<div class="prose dark:prose-invert">
  <p>
    I made some re-structuring recently and I haven't updated a proper
    redirection yet. I will do that as soon as I'm aware of the missing alias.
    In the meantime you may want to use the search or browse yourself through
    the website.
  </p>
</div>
{{ end }}