{# Not-found page (docs/404.html). GitHub Pages serves this for any path it
   cannot resolve; most other static hosts can be pointed at it too.
   Context: meta_data, title, phrases. No canonical — the page is noindex. #}
{% extends "base.html" %}

{% block page_title %}Page not found — {{ title }}{% endblock %}

{% block meta %}
<meta name="robots" content="noindex">
{% endblock %}

{% block content %}
<div class="py-16 text-center">
  <p class="text-6xl font-semibold tracking-tight text-neutral-300 dark:text-neutral-700">404</p>

  <h1 class="mt-6 text-2xl font-semibold tracking-tight">This page does not exist</h1>

  <p class="mt-3 text-neutral-600 dark:text-neutral-400">
    The link may be out of date, or the page may have moved.
  </p>

  <p class="mt-8 flex flex-wrap justify-center gap-x-5 gap-y-2 text-sm">
    <a href="/index.html" class="underline underline-offset-2 hover:text-amber-700 dark:hover:text-amber-500">Home</a>
    <a href="/blog_index.html" class="underline underline-offset-2 hover:text-amber-700 dark:hover:text-amber-500">All posts</a>
  </p>
</div>
{% endblock %}