error.hbs

{{!< default}}
{{!--
This error template is used for all 400/500 errors, except 404, which might occur on your site.
It's a good idea to keep this template as minimal as possible in terms of both file size and complexity.
You'll notice that we *don't* use any JavsScript, or ghost_head / ghost_foot in this file.
--}}

<div class="container mt-5 mb-5">
    <div class="row">

        <article class="col main-content" style="max-width: 100%;">
            <div class="main-content-body">

                <div class="docs-box">
                    <section class="error-message text-center">
                        <h1 class="error-code">{{statusCode}}</h1>
                        <p class="error-description">{{message}}</p>
                        <a class="error-link" href="{{@site.url}}">Go to the front page →</a>
                    </section>

                    {{#if errorDetails}}
                    <section class="error-stack">
                        <h3>Theme errors</h3>
                        <ul class="error-stack-list">
                            {{#foreach errorDetails}}
                                <li>
                                    <em class="error-stack-function">{{{rule}}}</em>

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

            </div>
        </article>

    </div>
</div>