{% extends 'html.twig' %}

{% set error_string = 'HTTP %03d %s'|format(error_code, error_text) %}
{% set master_title = error_string ~ ' // flash.moe' %}

{% block master_head %}
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="{{ error_blerb }}">
    <link href="{{ globals.assetsInfo.get('errors.css') }}" rel="stylesheet">
    <style>
        :root {
            --error-colour: {{ error_colour }};
        }
    </style>
{% endblock %}

{% block master_body %}
    <div class="http-error">
        <div class="http-error-container">
            <nav class="http-error-top">
                <div class="http-error-home"><a href="/">flash.moe</a></div>
                <div class="http-error-nav">
                    <a href="mailto:contact@flash.moe" rel="noopener" target="_blank">E-mail</a>
                    <a href="https://bsky.app/profile/flash.moe" rel="noopener" target="_blank">Bluesky</a>
                </div>
            </nav>
            <article class="http-error-body">
                <h1 class="http-error-header">{{ error_string }}</h1>
                <div class="http-error-image">
                    <img src="{{ error_image }}" alt="{{ '%03d'|format(error_code) }}">
                </div>
                <p class="http-error-blerb">{{ error_blerb }}</p>
            </article>
            <footer class="http-error-footer">
                <p>flash.moe is the personal website of flashwave</p>
                <p><a href="https://vndb.org/v33" rel="noopener" target="_blank">KANON</a> is &copy; 1999 <a href="https://visual-arts.jp/" rel="noopener" target="_blank">VirtualArts</a>/<a href="https://key.visualarts.gr.jp/" rel="noopener" target="_blank">Key</a></p>
                <p>KANON HTTP Error illustrations are &copy; Woody-RINN</p>
            </footer>
        </div>
    </div>
{% endblock %}