error.hbs

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <title>404 Page not found</title>
        {{> meta}}
        <link rel="stylesheet" type="text/css" href="{{asset "css/caffeine-theme.css"}}" />
        {{> head-css}}
        {{ghost_head}}
    </head>
  <body class="page-error">
    <article>
        <section>
            <div class="error-body">
                <h1>
                    Whoops, looks like that path leads nowhere. 
                    <br><strong>404</strong>
                </h1>
                <hr class="divider short">
                <h2>
                    The page you were looking for has either been moved, deleted, or doesn't exist. Click <a href="/">here </a> or the button below to go back home.
                </h2>
                <div class="call-to-action-container">
                    <nav class="navigation left">
                        <ul class="links">
                            <li class="nav-blog expanded">
                                <a href="/" title="{{meta_title}}">Take me home!</a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </section>
    </article>
    {{ghost_foot}}
    <script type="text/javascript" src="{{asset "js/caffeine-theme.js"}}"></script>
    {{> google-analytics}}
  </body>
</html>