PVR/gokarna
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add 404 page (#47)

Browse Source 
* Add 404 page

* changes

* Css changes and add html lang tag

* Fixes

Co-authored-by: Avijit 🚀 <526avijit@gmail.com>
This commit is contained in:
Yash Mehrotra
2021-08-13 23:21:40 +05:30
committed by GitHub
parent 673eb8633b
commit 7669857eed
4 changed files with 27 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
themes/gokarna/layouts/404.html
View File

@@ -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 }}

2
themes/gokarna/layouts/_default/baseof.html
View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
{{- partial "head.html" . -}} {{- partial "head.html" . -}}
<body> <body>
<script type="text/javascript"> <script type="text/javascript">

2
themes/gokarna/static/css/dark.css
View File

@@ -59,7 +59,7 @@ table th {
} }
:not(pre) > code { :not(pre) > code {
background-color: #272822 !important; background-color: var(--dark-secondary-color) !important;
color: var(--dark-text-color); color: var(--dark-text-color);
} }

7
themes/gokarna/static/css/main.css
View File

@@ -245,7 +245,7 @@ code {
} }
:not(pre) > code { :not(pre) > code {
background-color: #e0e0e0 !important; background-color: var(--light-secondary-color) !important;
color: var(--light-text-color); color: var(--light-text-color);
padding: 1px 4px; padding: 1px 4px;
} }
@@ -390,6 +390,11 @@ main#content .post {
color: rgb(var(--light-primary-color)); color: rgb(var(--light-primary-color));
} }
.text-404 {
margin-top: 125px;
text-align: center;
}
@media only screen and (max-width: 820px) { @media only screen and (max-width: 820px) {
body { body {
font-size: 0.95rem; font-size: 0.95rem;