{{!< default}}

<div class="prose prose-slate lg:max-w-4xl m-auto">
    <h1 class="text-white">{{statusCode}}</h1>
    <h2 class="text-zinc-200">{{message}}</h2>
    <p><a href="{{@site.url}}" class="text-slate-200">Go to the front page →</a></p>

    {{#if errorDetails}}
    <section class="gh-error-stack">
        <h4>Theme errors:</h4>
        <ul class="gh-error-stack-list">
            {{#foreach errorDetails}}
            <li>
                <h5 class="gh-error-stack-function">{{{rule}}}</h5>

                {{#foreach failures}}
                <span class="gh-error-stack-file"><strong>Ref:</strong> {{ref}}</span><br>
                <span class="gh-error-stack-file"><strong>Message:</strong> {{message}}</span>
                {{/foreach}}
            </li>
            {{/foreach}}
        </ul>
    </section>
    {{/if}}
</div>