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.
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"}}" />
17 <body class="error-template">
18 <div class="site-wrapper">
20 <header class="site-header outer {{#if feature_image}}" style="background-image: url({{feature_image}}){{else}}no-cover{{/if}}">
22 <nav class="site-nav-center">
24 <a class="site-nav-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>
26 <a class="site-nav-logo" href="{{@blog.url}}">{{@blog.title}}</a>
32 <main id="site-main" class="site-main outer">
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>
42 <section class="error-stack">
44 <ul class="error-stack-list">
45 {{#each errorDetails}}
47 <em class="error-stack-function">{{{rule}}}</em>
50 <p><span class="error-stack-file">Ref: {{ref}}</span></p>
51 <p><span class="error-stack-file">Message: {{message}}</span></p>