{% extends "default.html" %}
{% block title %}
    {% block error %}{% endblock %}
{% endblock %}
{% block content %}
    <x-vbox class="error-page-container">
        <iconify-icon style="font-size: 6em;" icon="{% block icon %}{% endblock %}"></iconify-icon>
        <h1>{% block heading %}{% endblock %}</h1>
        <p>{% block text %}{% endblock %}</p>
        <x-buttonbox>
            <button onclick="history.back();">{% trans %}go back{% endtrans %}</button>
            <button onclick="/">{% trans %}go home{% endtrans %}</button>
        </x-buttonbox>
    </x-vbox>
{% endblock %}