\r
#banner {\r
@include vendor('align-items', 'center');\r
- @include vendor('background-image', 'url("../bg/bg2.jpg")');\r
+ @include vendor('background-image', 'url("../img/bg2.jpg")');\r
@include vendor('display', 'flex');\r
@include padding(4em, 0, (2em, 0, 0, 0));\r
background-attachment: fixed;\r
<!DOCTYPE html>
<html lang="{{ $.Site.LanguageCode | default "en" }}">
{{- partial "head.html" . -}}
- <body class="not-found 404 error">
- <div id="page">
- <a class="skip-link screen-reader-text" href="#primary">skip to content</a>
+ <body class="not-found 404 error is-preload">
+ <a id="top" class="scrolly skip-link screen-reader-text" href="#main">skip to content</a>
+ <div id="wrapper">
{{- partial "header.html" . -}}
- <div id="content" class="site-content">
- <div id="primary" class="content-area">
- <main id="main" class="site-main">
- {{- block "404-main" . }}{{- end }}
- </main>
- </div>
- <div id="secondary" class="related-content">
- {{- partial "tag-cloud.html" . -}}
- {{- partial "home-latest-posts.html" . -}}
+ <section id="banner">
+ <div class="inner">
+ <header>
+ <h1>{{ .Site.Title }}</h1>
+ </header>
+ <div class="content">
+ <p>{{ .Site.Params.Description }}</p>
+ </div>
</div>
+ </section>
+ <div id="main">
+ <section id="one">
+ {{- block "404-main" . }}{{- end }}
+ </section>
+ <section id="two">
+ <div class="inner">
+ {{- partial "tag-cloud.html" . -}}
+ {{- partial "home-latest-posts.html" . -}}
+ </div>
+ </section>
</div>
{{- partial "footer.html" . -}}
</div>
+ {{- partial "footer-addition.html" . -}}
</body>
</html>
{{ define "404-main" }}
-<article class="found-not">
- <blockquote cite="Obiwan Kenobi">
- These aren't the droids you're looking for.
- </blockquote>
-</article>
+<div class="inner">
+ <img src="/img/yoda.jpg" alt="nothing found we have. mmmmh..." class="image center fit">
+
+ <article class="found-not">
+ <blockquote class="blockquote">
+ <p>Nothing found we have. mmmh... Perhaps the archives we should check.</p>
+ <footer class="blockquote-footer">
+ <cite title="by: Master Yoda">Master Yoda</cite>
+ </footer>
+ </blockquote>
+ </article>
+</div>
{{ end }}
