error.hbs

   1 {{!--
   2 This error template is used for all 400/500 errors, except 404, which might occur on your site.
   3 It's a good idea to keep this template as minimal as possible in terms of both file size and complexity.
   4 You'll notice that we *don't* use any JavsScript, or ghost_head / ghost_foot in this file.
   5 --}}
   6
   7 <!DOCTYPE html>
   8 <html>
   9 <head>
  10     <meta charset="utf-8" />
  11     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  12     <title>{{meta_title}}</title>
  13     <meta name="HandheldFriendly" content="True" />
  14     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  15     <link rel="stylesheet" type="text/css" href="{{asset "built/screen.css"}}" />
  16 </head>
  17 <body class="error-template">
  18     <div class="site-wrapper">
  19
  20         <header class="site-header outer {{#if feature_image}}" style="background-image: url({{feature_image}}){{else}}no-cover{{/if}}">
  21             <div class="inner">
  22                 <nav class="site-nav-center">
  23                     {{#if @blog.logo}}
  24                         <a class="site-nav-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>
  25                     {{else}}
  26                         <a class="site-nav-logo" href="{{@blog.url}}">{{@blog.title}}</a>
  27                     {{/if}}
  28                 </nav>
  29             </div>
  30         </header>
  31
  32         <main id="site-main" class="site-main outer">
  33             <div class="inner">
  34
  35                 <section class="error-message">
  36                     <h1 class="error-code">{{code}}</h1>
  37                     <p class="error-description">{{message}}</p>
  38                     <a class="error-link" href="{{@blog.url}}">Go to the front page →</a>
  39                 </section>
  40
  41                 {{#if errorDetails}}
  42                 <section class="error-stack">
  43                     <h3>Theme errors</h3>
  44                     <ul class="error-stack-list">
  45                         {{#each errorDetails}}
  46                             <li>
  47                                 <em class="error-stack-function">{{{rule}}}</em>
  48
  49                                 {{#each failures}}
  50                                     <p><span class="error-stack-file">Ref: {{ref}}</span></p>
  51                                     <p><span class="error-stack-file">Message: {{message}}</span></p>
  52                                 {{/each}}
  53                             </li>
  54                         {{/each}}
  55                     </ul>
  56                 </section>
  57                 {{/if}}
  58
  59             </div>
  60         </main>
  61     </div>
  62 </body>
  63 </html>