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 "main/css/main.css"}}" />
17 <body class="error-template">
20 <div class="error-page inner">
24 <a href="{{@site.url}}" class="logo image"><img src="{{@site.logo}}" alt="{{@site.title}}" /></a>
26 <a href="{{@site.url}}" class="logo">{{@site.title}}</a>
30 <li><a href="{{twitter_url @site.facebook}}" class="icon fa-twitter" title="Twitter"><span class="label">Twitter</span></a></li>
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>
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>
40 <section class="error-wrapper">
42 <section class="error-message">
43 <h1 class="error-code">{{code}}</h1>
44 <p class="error-description">{{message}}</p>
45 <a class="error-link" href="{{@site.url}}">Go to the front page →</a>
49 <section class="error-stack">
51 <ul class="error-stack-list">
52 {{#each errorDetails}}
54 <em class="error-stack-function">{{{rule}}}</em>
57 <p><span class="error-stack-file">Ref: {{ref}}</span></p>
58 <p><span class="error-stack-file">Message: {{message}}</span></p>