<header class="site-header outer {{if feature_image 'no-cover'}}" style="{{if feature_image coverImageStyle}}">
  <div class="inner">
    <nav class="site-nav-center">
      {{#if blog.logo}}
        <a class="site-nav-logo" href="{{blog.url}}"><img src="{{blog.logo}}" alt="{{blog.title}}" /></a>
      {{else}}
        <a class="site-nav-logo" href="{{blog.url}}">{{blog.title}}</a>
      {{/if}}
    </nav>
  </div>
</header>

<main id="site-main" class="site-main outer" role="main">
  <div class="inner">

    <section class="error-message">
      <h1 class="error-code">{{code}}</h1>
      <p class="error-description">{{message}}</p>
      <a class="error-link" href="{{blog.url}}">Go to the front page →</a>
    </section>

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

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

  </div>
</main>
