<!DOCTYPE html>
<html lang="{{@site.locale}}">
<head>

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="{{asset "built/index.css"}}" />
    <script src="{{asset "built/index.js"}}" defer></script>

    <title>{{meta_title}}</title>

    {{ghost_head}}
    {{!-- Outputs important meta data and settings, should always be in <head> --}}

</head>

<body class="{{body_class}}">
<div class="gh-viewport">

    <header id="gh-head" class="gh-head">
        <nav class="gh-head-inner gh-container">

            <div class="gh-head-brand">
                <a class="gh-burger" role="button" aria-label="menu">
                    <div class="gh-burger-box">
                        <div class="gh-burger-inner"></div>
                    </div>
                </a>
                <img src="{{asset "menu-logo.png"}}"/>
            </div>
            <div class="gh-head-menu">
                <img src="{{asset "menu-logo.png"}}"/>
                <div>
                    {{navigation}}
                </div>
            </div>
            <div class="gh-head-actions">
                <div class="gh-head-actions-list">
                    {{#if @site.members_enabled}}
                        {{^if @member}}
                            <a class="gh-button menu-login-button"
                               href="#/portal/signin">Login</a>
                        {{else}}
                            <a class="gh-button menu-account-button" href="#/portal/account">Account</a>
                        {{/if}}
                    {{/if}}
                </div>
            </div>
        </nav>
    </header>

    <main class="gh-main">

        <section class="gh-page gh-error">
            <div class="gh-container">

                <section class="gh-error-content">

                    <h1 class="gh-error-code">{{statusCode}}</h1>
                    <p class="gh-error-description">{{message}}</p>
                    <p class="gh-error-link"><a href="{{@site.url}}">Return to the Home 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}}

                </section>

            </div>
        </section>

    </main>

    <footer class="lol-footer">
        <div class="">
            <div class="gh-foot-menu">
                {{navigation type="secondary"}}
            </div>
            <div class="gh-foot-meta">
                <div>LOL set up a 503(c)(3) nonprofit foundation or “public charity” in 2011, which is a separate organization from LOL and has a separate board of directors.</div>
                <div class="contact-info">
                    <div>P.O. Box 14942, Atlanta, GA  30324</div>
                    <div>someemail@gmail.com</div>
                </div>
            </div>
        </div>
    </footer>

</div>

{{!-- <foot> --}}
{{ghost_foot}}
{{!-- Outputs important scripts - should always be included before closing body tag --}}

</body>
</html>