error-404.hbs

   1 {{!--
   2 This error template is used for all 404 errors, 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 --}}
   5
   6 <!DOCTYPE html>
   7 <html>
   8 <head>
   9     <meta charset="utf-8" />
  10     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  11     <title>{{meta_title}}</title>
  12     <meta name="HandheldFriendly" content="True" />
  13     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  14     <link rel="stylesheet" type="text/css" href="{{asset "built/screen.css"}}" />
  15 </head>
  16 <body class="error-template">
  17     <div class="site-wrapper">
  18
  19         <header class="site-header outer {{#if feature_image}}" style="background-image: url({{feature_image}}){{else}}no-cover{{/if}}">
  20             <div class="inner">
  21                 <nav class="site-nav-center">
  22                     {{#if @blog.logo}}
  23                         <a class="site-nav-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>
  24                     {{else}}
  25                         <a class="site-nav-logo" href="{{@blog.url}}">{{@blog.title}}</a>
  26                     {{/if}}
  27                 </nav>
  28             </div>
  29         </header>
  30
  31         <main id="site-main" class="site-main outer">
  32             <div class="inner">
  33
  34                 <section class="error-message">
  35                     <h1 class="error-code">{{code}}</h1>
  36                     <p class="error-description">{{message}}</p>
  37                     <a class="error-link" href="{{@blog.url}}">Go to the front page →</a>
  38                 </section>
  39             </div>
  40         </main>
  41
  42         {{#get "posts" limit="3"}}
  43         <aside class="outer">
  44             <div class="inner">
  45                 <div class="post-feed">
  46                     {{#foreach posts}}
  47                         {{> "post-card"}}
  48                     {{/foreach}}
  49                 </div>
  50             </div>
  51         </aside>
  52         {{/get}}
  53
  54     </div>
  55 </body>
  56 </html>