Full port

[editorial.git] / error.hbs
diff --git a/error.hbs b/error.hbs

index d579456d7dbd50b98ba7583ed50b0a65b5ebf751..b968f9839c33a257f7a7951c1259cad189e9fb01 100644 (file)
--- a/error.hbs
+++ b/error.hbs
@@ -12,50 +12,58 @@ You'll notice that we *don't* use any JavsScript, or ghost_head / ghost_foot in
      <title>{{meta_title}}</title>
      <meta name="HandheldFriendly" content="True" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="stylesheet" type="text/css" href="{{asset "built/screen.css"}}" />
+    <link rel="stylesheet" type="text/css" href="{{asset "main/css/main.css"}}" />
  </head>
  <body class="error-template">
-    <div class="site-wrapper">
+    <div id="wrapper">
+        <main id="main">
+            <div class="error-page inner">
  
-        <header class="site-header outer {{#if feature_image}}" style="background-image: url({{feature_image}}){{else}}no-cover{{/if}}">
-            <div class="inner">
-                <nav class="site-nav-center">
+                <header id="header">
                      {{#if @blog.logo}}
-                        <a class="site-nav-logo" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>
+                    <a href="{{@blog.url}}" class="logo image"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>
                      {{else}}
-                        <a class="site-nav-logo" href="{{@blog.url}}">{{@blog.title}}</a>
+                    <a href="{{@blog.url}}" class="logo">{{@blog.title}}</a>
                      {{/if}}
-                </nav>
-            </div>
-        </header>
+                    <ul class="icons">
+                        {{#if @blog.twitter}}
+                        <li><a href="{{twitter_url @blog.facebook}}" class="icon fa-twitter" title="Twitter"><span class="label">Twitter</span></a></li>
+                        {{/if}}
+                        {{#if @blog.facebook}}
+                        <li><a href="{{facebook_url @blog.facebook}}" class="icon fa-facebook" title="Facebook"><span class="label">Facebook</span></a></li>
+                        {{/if}}
+                        <li><a href="https://feedly.com/i/subscription/feed/{{@blog.url}}/rss/" class="icon fa-rss" target="_blank" rel="noopener"><span
+                                    class="label" title="RSS">RSS</span></a></li>
+                    </ul>
+                </header>
  
-        <main id="site-main" class="site-main outer">
-            <div class="inner">
+                <section class="error-wrapper">
  
-                <section class="error-message">
-                    <h1 class="error-code">{{code}}</h1>
-                    <p class="error-description">{{message}}</p>
-                    <a class="error-link" href="{{@blog.url}}">Go to the front page →</a>
-                </section>
+                    <section class="error-message">
+                        <h1 class="error-code">{{code}}</h1>
+                        <p class="error-description">{{message}}</p>
+                        <a class="error-link" href="{{@blog.url}}">Go to the front page →</a>
+                    </section>
  
-                {{#if errorDetails}}
-                <section class="error-stack">
-                    <h3>Theme errors</h3>
-                    <ul class="error-stack-list">
-                        {{#each errorDetails}}
-                            <li>
-                                <em class="error-stack-function">{{{rule}}}</em>
+                    {{#if errorDetails}}
+                    <section class="error-stack">
+                        <h3>Theme errors</h3>
+                        <ul class="error-stack-list">
+                            {{#each errorDetails}}
+                                <li>
+                                    <em class="error-stack-function">{{{rule}}}</em>
  
-                                {{#each failures}}
-                                    <p><span class="error-stack-file">Ref: {{ref}}</span></p>
-                                    <p><span class="error-stack-file">Message: {{message}}</span></p>
-                                {{/each}}
-                            </li>
-                        {{/each}}
-                    </ul>
-                </section>
-                {{/if}}
+                                    {{#each failures}}
+                                        <p><span class="error-stack-file">Ref: {{ref}}</span></p>
+                                        <p><span class="error-stack-file">Message: {{message}}</span></p>
+                                    {{/each}}
+                                </li>
+                            {{/each}}
+                        </ul>
+                    </section>
+                    {{/if}}
  
+                </section>
              </div>
          </main>
      </div>