From 735159aaa32c21c62d028179ebf1c893fe901d4b Mon Sep 17 00:00:00 2001
From: horhik <horhik@tuta.io>
Date: Mon, 7 Jun 2021 19:47:54 +0300
Subject: [PATCH] add 404 page

---
 assets/css/basic.scss    |  4 +++-
 assets/css/page-404.scss | 18 ++++++++++++++++++
 layouts/404.html         | 15 +++++++++++++++
 3 files changed, 36 insertions(+), 1 deletion(-)
 create mode 100644 assets/css/page-404.scss
 create mode 100644 layouts/404.html

diff --git a/assets/css/basic.scss b/assets/css/basic.scss
index 2e7f63f..f7ab76c 100644
--- a/assets/css/basic.scss
+++ b/assets/css/basic.scss
@@ -7,7 +7,7 @@ body {
   padding: 0;
   background-color: var(--background);
   color: var(--foreground);
-  font-family: 'Ubuntu', 'Twemoji' sans-serif;
+  font-family:  'Mononoki', 'Ubuntu', 'Twemoji' sans-serif;
   max-width: 1000px;
   margin: 0 auto;
   box-shadow: 0px -30px 20px rgba(0, 0, 0, 0.5);
@@ -49,7 +49,9 @@ p code, quote code, q code{
 img {
     width: 100%;
 }
+
 @import "logo";
+@import "page-404";
 @import "elements/page-links";
 @import "elements/recent-list";
 @import "elements/contacts";
diff --git a/assets/css/page-404.scss b/assets/css/page-404.scss
new file mode 100644
index 0000000..e6d6db2
--- /dev/null
+++ b/assets/css/page-404.scss
@@ -0,0 +1,18 @@
+.not-found{
+    display: flex;			     
+    justify-content: center;
+    font-size: 25px;
+    line-height: 28px;
+    color: var(--selection);
+    tansition: 0.3s;
+}
+
+
+@media screen and (max-width: 500px) {
+    .not-found {
+	font-size: 14px;
+	line-height: 14px;
+    }
+}
+
+
diff --git a/layouts/404.html b/layouts/404.html
new file mode 100644
index 0000000..5388f72
--- /dev/null
+++ b/layouts/404.html
@@ -0,0 +1,15 @@
+
+{{ define "main"}}
+    <main id="main">
+      <div class="not-found" >
+	<pre>
+░░░░░░░░░░░█░█░▄▀▄░█░█░░░░░░░░░░░░░
+░░░░░░░░░░░░▀█░█░█░░▀█░░░░░░░░░░░░░
+░░░░░░░░░░░░░▀░░▀░░░░▀░░░░░░░░░░░░░
+░█▀█░█▀█░▀█▀░░░█▀▀░█▀█░█░█░█▀█░█▀▄░
+░█░█░█░█░░█░░░░█▀▀░█░█░█░█░█░█░█░█░
+░▀░▀░▀▀▀░░▀░░░░▀░░░▀▀▀░▀▀▀░▀░▀░▀▀░░
+	</pre>
+      </div>
+    </main>
+{{ end }}