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>