Update 404 page

2024-06-30 17:18:24 +01:00
parent 72f1850510
commit 681ce5a094
1 changed files with 50 additions and 19 deletions
--- a/404.html
+++ b/404.html
@@ -1,25 +1,56 @@
 ---
 permalink: /404.html
-layout: default
+layout: none
 title: Page Not Found | Error 404
 ---
-<style type="text/css" media="screen">
+<!DOCTYPE html>
-  .container {
+<html lang="en">
    margin: 10px auto;
    max-width: 600px;
    text-align: center;
  }
  h1 {
    margin: 30px 0;
    font-size: 4em;
    line-height: 1;
    letter-spacing: -1px;
  }
 </style>
-<div class="container">
+{% include head.html %}
  <h1>404</h1>
-  <p><strong>Page not found :(</strong></p>
+<body>
-  <p>The requested page could not be found.</p>
+  <main>
-</div>
+
    {% include sidebar.html %}
    <!--
      - #main-content
    -->
    <div class="main-content">
      <!--
        - #NAVBAR
      -->
      <article class="active">
        <header>
            <h2 class="h2 article-title">{{ page.title }}</h2>
        </header>
        We can't find that... How about going to the homepage? <a href="/">Click here.</a>
      </article>
    </div>
  </main>
  <!--
    - custom js link
  -->
  <script src="/assets/js/script.js"></script>
  <!--
    - ionicon link
  -->
  <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
  <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
 </body>
 </html>