error.html.twig

{% extends 'base.html.twig' %}

{% block icon %}⛔️{% endblock %}

{% block title %}Error {{ status_code }}{% endblock %}

{% block body %}
    <section>
        <card>
            <h5>Oops! An Error {{ status_code }} occured!</h5>
            <hr>
            <p>Sorry, but an error <b>{{ status_text }}</b> ({{ status_code }}) occured.
            <br/>
            &raquo; About this error code: <a att="" href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/{{ status_code }}">
                https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/{{ status_code }}</a>
            </p>
            <hr>
            <p txt="c">
                <a att="" href="/">Homepage</a>
            </p>

            <hr/>

            <grid>
                <div col="1/3"></div>
                <div col="1/3">
                    <img src="https://frankenphp.dev/img/elephant_footer.svg" width="250" alt="The FrankenPHP elePHPant" />
                    <p txt="c">
                        Logo by <a att="" href="https://frankenphp.dev">FrankenPHP</a>
                    </p>
                </div>
                <div col="1/3"></div>
            </grid>
        </card>
    </section>
{% endblock %}