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 "main/css/main.css"}}" />
  16 </head>
  17 <body class="error-template">
  18     <div id="wrapper">
  19         <main id="main">
  20             <div class="error-page inner">
  21
  22                 <header id="header">
  23                     {{#if @site.logo}}
  24                     <a href="{{@site.url}}" class="logo image"><img src="{{@site.logo}}" alt="{{@site.title}}" /></a>
  25                     {{else}}
  26                     <a href="{{@site.url}}" class="logo">{{@site.title}}</a>
  27                     {{/if}}
  28                     <ul class="icons">
  29                         {{#if @site.twitter}}
  30                         <li><a href="{{twitter_url @site.facebook}}" class="icon fa-twitter" title="Twitter"><span class="label">Twitter</span></a></li>
  31                         {{/if}}
  32                         {{#if @site.facebook}}
  33                         <li><a href="{{facebook_url @site.facebook}}" class="icon fa-facebook" title="Facebook"><span class="label">Facebook</span></a></li>
  34                         {{/if}}
  35                         <li><a href="https://feedly.com/i/subscription/feed/{{@site.url}}/rss/" class="icon fa-rss" target="_blank" rel="noopener"><span
  36                                     class="label" title="RSS">RSS</span></a></li>
  37                     </ul>
  38                 </header>
  39
  40                 <section class="error-wrapper">
  41
  42                     <section class="error-message">
  43                         <h1 class="error-code">{{statusCode}}</h1>
  44                         <p class="error-description">{{message}}</p>
  45                         <a class="error-link" href="{{@site.url}}">Go to the front page →</a>
  46                     </section>
  47
  48                     {{#if errorDetails}}
  49                     <section class="error-stack">
  50                         <h3>Theme errors</h3>
  51                         <ul class="error-stack-list">
  52                             {{#foreach errorDetails}}
  53                                 <li>
  54                                     <em class="error-stack-function">{{{rule}}}</em>
  55
  56                                     {{#foreach failures}}
  57                                         <p><span class="error-stack-file">Ref: {{ref}}</span></p>
  58                                         <p><span class="error-stack-file">Message: {{message}}</span></p>
  59                                     {{/foreach}}
  60                                 </li>
  61                             {{/foreach}}
  62                         </ul>
  63                     </section>
  64                     {{/if}}
  65
  66                 </section>
  67             </div>
  68         </main>
  69     </div>
  70 </body>
  71 </html>