A templates/404.html => templates/404.html +6 -0
@@ 0,0 1,6 @@
+{% extends "layouts/base.html" %}
+{% block content %}
+<div class="flex flex-col gap-1 items-center">
+ <p class="font-bold text-xl lg:text-2xl">404</p>
+</div>
+{% endblock content %}
M templates/layouts/base.html => templates/layouts/base.html +5 -0
@@ 25,12 25,17 @@
>
<div class="flex gap-1">
<a class="hover:underline" href="/">{{ config.title }}</a>
+ {% if current_url %}
{% set_global path = "" %}
{% for c in this.components %}
{% set_global path = path ~ "/" ~ c %}
<span>/</span>
<a class="hover:underline" href="{{ path }}/">{{ c }}</a>
{% endfor %}
+ {% else %}
+ <span>/</span>
+ <p>404</p>
+ {% endif %}
</div>
</div>
</div>