{{!--
This error template is used for all 404 errors, 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.
--}}

{{!< default}}
{{!-- The tag above means: insert everything in this file
into the {body} of the default.hbs template --}}

<header class="site-header">
    {{> site-header}}
</header>

<main id="site-main" class="site-main outer error-content">
    <div class="inner">
        <section class="error-message">
            <img class="face404" src="/assets/404-face.png" alt="404-face" />
            {{!-- <h1 class="error-code">{{statusCode}}</h1> --}}
            <p class="error-description">{{statusCode}} - {{message}}</p>
            <a class="error-link" href="{{@site.url}}">Take me home →</a>
        </section>

        {{#get "posts" limit="3" include="authors,tags"}}
        <div class="post-feed">
            {{#foreach posts}}
            {{> "post-card"}}
            {{/foreach}}
        </div>
        {{/get}}
    </div>
</main>

<style>
    .face404 {
        max-width: 265px;
        width: 265px;
    }
</style>