From 7669857eed0a6e966182f42295ca11fb63839643 Mon Sep 17 00:00:00 2001
From: Yash Mehrotra <yashmehrotra95@gmail.com>
Date: Fri, 13 Aug 2021 23:21:40 +0530
Subject: [PATCH] Add 404 page (#47)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Add 404 page

* changes

* Css changes and add html lang tag

* Fixes

Co-authored-by: Avijit 🚀 <526avijit@gmail.com>
---
 themes/gokarna/layouts/404.html             | 19 +++++++++++++++++++
 themes/gokarna/layouts/_default/baseof.html |  2 +-
 themes/gokarna/static/css/dark.css          |  2 +-
 themes/gokarna/static/css/main.css          |  7 ++++++-
 4 files changed, 27 insertions(+), 3 deletions(-)
diff --git a/themes/gokarna/layouts/404.html b/themes/gokarna/layouts/404.html
index e69de29..e572eff 100644
--- a/themes/gokarna/layouts/404.html
+++ b/themes/gokarna/layouts/404.html
@@ -0,0 +1,19 @@
+{{ define "main"}}
+
+<div class="text-404">
+  <h1 class="error-emoji"></h1>
+  <h2>
+      404 ... This page does not exist, go <a href="{{ "/" | relURL }}">home</a>
+  </h2>
+</div>
+<script>
+  const errorEmojiContainer = document.getElementsByClassName('error-emoji')[0];
+  const emojiArray = [
+    '\\(o_o)/', '(o^^)o', '(˚Δ˚)b', '(^-^*)', '(≥o≤)', '(^_^)b', '(·_·)',
+    '(=\'X\'=)', '(>_<)', '(;-;)', '\\(^Д^)/',
+  ];
+  const errorEmoji = emojiArray[Math.floor(Math.random() * emojiArray.length)];
+  errorEmojiContainer.appendChild(document.createTextNode(errorEmoji));
+</script>
+
+{{ end }}
diff --git a/themes/gokarna/layouts/_default/baseof.html b/themes/gokarna/layouts/_default/baseof.html
index da0afe2..b8fd784 100644
--- a/themes/gokarna/layouts/_default/baseof.html
+++ b/themes/gokarna/layouts/_default/baseof.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
     {{- partial "head.html" . -}}
     <body>
         <script type="text/javascript">
diff --git a/themes/gokarna/static/css/dark.css b/themes/gokarna/static/css/dark.css
index 3a2540f..6e0ab65 100644
--- a/themes/gokarna/static/css/dark.css
+++ b/themes/gokarna/static/css/dark.css
@@ -59,7 +59,7 @@ table th {
 }
 
 :not(pre) > code {
-  background-color: #272822 !important;
+  background-color: var(--dark-secondary-color) !important;
   color: var(--dark-text-color);
 }
 
diff --git a/themes/gokarna/static/css/main.css b/themes/gokarna/static/css/main.css
index 8dbbc77..5a33274 100644
--- a/themes/gokarna/static/css/main.css
+++ b/themes/gokarna/static/css/main.css
@@ -245,7 +245,7 @@ code {
 }
 
 :not(pre) > code {
-  background-color: #e0e0e0 !important;
+  background-color: var(--light-secondary-color) !important;
   color: var(--light-text-color);
   padding: 1px 4px;
 }
@@ -390,6 +390,11 @@ main#content .post {
   color: rgb(var(--light-primary-color));
 }
 
+.text-404 {
+  margin-top: 125px;
+  text-align: center;
+}
+
 @media only screen and (max-width: 820px) {
   body {
     font-size: 0.95rem;
