From 6ef2f003ff91d2395f74016adafa197cd1d24f5c Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Fri, 9 May 2025 15:29:51 +0800
Subject: feat: 404 page

Former-commit-id: 09f020f0c7b8382ae4953041e32221b827fbb82f
---
 layouts/404.html            | 50 ++++++++++++++++++++++++++++++++------
 static/img/ghost-window.svg | 59 +++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 102 insertions(+), 7 deletions(-)
 create mode 100644 static/img/ghost-window.svg

diff --git a/layouts/404.html b/layouts/404.html
index b58ec77b..3fe16be5 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -1,7 +1,43 @@
-{{ define "main"}}
-    <main id="main">
-      <div>
-       <h1 id="title"><a href="{{ "/" | relURL }}">Go Home</a></h1>
-      </div>
-    </main>
-{{ end }}
\ No newline at end of file
+{{ define "main" }}
+    <style>
+    .page-404 {
+        position: relative;
+        height: calc(100dvh - var(--page-margin-y) * 2)
+    }
+    .page-404 .title-404 {
+        position: absolute;
+        bottom: 0;
+        right: 0;
+        font-size: 5rem;
+        font-style: italic;
+        filter: url(#x);
+        color: var(--secondary-text-color);
+        margin: 0;
+    }
+    .image-404 {
+        width: 10rem;
+        filter: url(#xs)
+    }
+
+    @media screen and (min-width: 768px) {
+        .page-404 {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 5rem;
+        }
+        .image-404 {
+            width: 15rem;
+        }
+    }
+    </style>
+    <article class="page-404">
+        <img src="/img/ghost-window.svg" class="image-404" />
+        <div class="markdown-body">
+            <h1 class="title-404">404</h1>
+            <p>Windows 和幽灵偷走了你的页面</p>
+            <p>可恶的微软和能量体生物！</p>
+            <p><a href="/">Mac 和骷髅为你祈祷</a></p>
+        </div>
+    </article>
+{{ end }}
diff --git a/static/img/ghost-window.svg b/static/img/ghost-window.svg
new file mode 100644
index 00000000..3a4c0a94
--- /dev/null
+++ b/static/img/ghost-window.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg fill="#000000" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 width="800px" height="800px" viewBox="0 0 588.12 588.121"
+	 xml:space="preserve">
+<g>
+	<g>
+		<path d="M248.965,25.335c0-3.672-2.448-7.038-6.12-7.956c-67.014-16.524-135.558,4.59-202.878-4.896
+			c-7.344-0.918-14.076,9.792-5.814,13.464c48.042,20.808,119.952-0.612,171.36,2.142c34.272,1.53,26.928,20.808,27.54,48.654
+			c-45.9-19.584-95.166-13.77-129.438,26.928c-40.392,48.348-44.676,125.766-36.72,185.13c-26.928,0-48.042-0.612-47.736-2.448
+			c2.754-36.72,3.06-73.746,3.672-110.772c0.612-33.66,0.918-67.32,0.612-100.98c0-15.3,4.59-32.742-7.65-43.758l0,0
+			c-18.666,16.524-8.262,68.238-8.568,90.882c-1.224,57.834-1.53,115.974-5.814,173.502c-0.306,4.896,4.284,8.262,8.568,8.568
+			c74.97,4.59,149.94,0.306,224.91-0.307c3.366,0,7.344-2.447,7.956-6.12C258.757,207.405,249.578,116.217,248.965,25.335z
+			 M235.195,207.099h-0.306c-25.092,1.53-67.626-3.366-59.364-39.168c2.448-10.404,10.098-18.666,20.196-21.726
+			c15.3-4.896,26.622,4.284,40.086,7.65C236.113,171.603,235.808,189.351,235.195,207.099z M125.036,288.801
+			c-10.098-7.956-19.278-18.666-20.196-31.824c-0.918-10.098,3.978-19.89,12.546-25.398c9.18-5.508,19.584-2.142,26.928,4.59
+			c14.994,13.158,20.196,33.354,25.398,52.02C161.144,288.189,144.313,288.495,125.036,288.801z M234.89,224.847
+			c-0.612,11.934-1.53,23.868-2.754,35.802c-3.06,30.906-26.622,28.458-47.736,27.54c-6.732-33.354-33.354-92.718-74.052-68.85
+			c-12.24,7.344-18.36,22.338-17.442,36.108c0.918,13.77,8.568,24.786,18.666,33.048c-11.628,0-23.562,0-34.884,0
+			c-1.224-53.244,1.53-106.794,25.398-155.448c27.846-56.304,78.948-58.14,131.58-45.594c0.612,16.218,0.918,32.742,1.53,48.96
+			c-12.546-7.344-31.212-8.568-43.452-4.896c-14.994,4.284-26.316,17.136-30.294,32.13s1.224,31.518,13.158,41.31
+			c16.83,13.77,40.392,14.382,60.588,9.792C234.89,218.421,234.89,221.481,234.89,224.847z"/>
+		<path d="M561.392,17.991C540.89-6.183,485.197,5.445,459.493,8.811c-44.981,6.12-93.023,12.24-136.17,26.928
+			c-1.836,0.612-3.365,2.448-3.978,4.284c-1.53-5.508-10.71-4.896-11.322,1.836c-7.038,82.62,1.836,164.934,2.754,247.554
+			c0,3.672,2.448,7.65,6.426,8.262c80.479,16.523,162.486,11.934,244.188,11.321c3.366,0,7.65-2.447,8.262-6.119
+			c9.486-52.938,16.218-106.183,18.054-160.039C588.932,102.447,589.237,51.039,561.392,17.991z M326.077,229.743
+			c-1.836-37.638-3.978-74.97-5.508-112.302c0.307,0.918,0.918,1.53,1.836,2.142c71.91,37.332,88.435,108.018,123.318,173.808
+			c-18.36-0.306-36.72-0.918-55.08-1.836C335.563,287.883,328.525,281.763,326.077,229.743z M570.571,143.451
+			c-0.611,36.72-4.896,73.746-10.098,110.16c-1.836,12.852-3.979,25.398-6.12,37.944c-0.612,4.59-79.866,2.142-87.516,2.142
+			c-2.143,0-4.591,0-6.732,0c0-0.306,0-0.918-0.306-1.224c-30.294-70.992-57.223-149.022-133.723-181.152
+			c-2.754-1.224-4.896,0.918-5.508,3.366c-0.918-22.644-1.53-45.288-1.224-67.932c0.611,1.224,1.836,2.142,3.672,2.448
+			c39.78,5.508,89.658-15.3,129.132-21.114c24.786-3.672,75.276-14.994,97.002,3.06C576.386,52.263,570.878,112.545,570.571,143.451
+			z"/>
+		<path d="M245.905,351.531c0-2.447-1.53-3.978-3.366-4.896c0.306-4.284-2.142-8.568-7.65-8.874
+			c-74.664-1.836-147.492-14.076-221.544,0c-3.672,0.612-6.12,4.59-6.12,8.262c-0.918,74.97-10.404,149.94-6.12,224.91
+			c0.306,4.896,3.672,8.874,8.874,8.874c74.97,0,149.94,0,224.91-0.306c4.896,0,8.262-3.979,8.568-8.568
+			C248.66,498.105,249.883,424.666,245.905,351.531z M234.89,353.979L234.89,353.979c-0.306,15.606,0.306,68.544-1.53,117.198
+			c-39.168,7.956-72.828-11.322-100.368-37.638c-26.928-25.704-35.496-55.08-48.042-87.211
+			C134.828,345.411,185.624,353.673,234.89,353.979z M218.06,562.365c-21.114,0-199.206,7.956-200.124-8.262
+			c-1.53-24.786-7.956-198.288,16.83-202.878c12.546-2.448,25.092-3.672,37.638-4.284c-0.918,35.802,27.54,73.44,50.49,97.309
+			c28.764,29.987,69.462,47.43,110.466,36.413C230.912,524.421,226.934,562.365,218.06,562.365z"/>
+		<path d="M563.84,368.361c-0.307-4.59-3.673-8.567-8.263-8.262c-69.462,0.918-138.006,8.874-205.938-11.016
+			c-10.404-3.061-14.994,13.157-4.59,16.218c35.189,10.404,69.462,13.77,106.182,14.382c7.344,0,14.382,0,21.726-0.306
+			c-5.201,6.731-7.956,14.993-18.972,15.912c-5.508,0.306-9.792,7.649-4.896,11.934c5.508,4.896,11.628,9.18,18.054,12.546
+			c-7.65,3.978-15.3,8.568-24.174,9.486c-7.344,0.918-9.486,10.71-1.836,13.158c7.956,2.447,29.682,6.426,21.42,17.747
+			c-3.979,5.509-7.65,10.711-11.017,16.524c-41.31,8.262-83.538,12.546-125.153,2.754c-1.225-0.306-2.143-0.306-3.061,0
+			c-0.306-2.754-0.306-5.202-0.611-7.344c-4.284-41.616,3.672-84.456,7.344-126.072c0.611-6.12-9.792-7.649-10.71-1.53
+			c-12.24,70.074-17.748,137.7-0.307,207.469c9.486,37.943,65.484,33.048,94.86,32.742c51.408,0,125.766,3.06,159.732-43.452
+			C602.09,503.001,565.676,410.589,563.84,368.361z M512.126,559.917c-31.213,8.567-65.484,7.956-97.614,8.262
+			c-18.054,0-62.73,4.284-75.582-12.546c-9.486-12.546-12.546-40.086-14.076-61.812c43.146,11.322,89.046,5.814,130.662-8.567
+			c1.836-0.612,2.754-1.836,3.06-3.061c6.427-9.485,18.36-16.83,19.584-28.458c0.918-7.649-6.731-13.158-15.3-17.136
+			c8.874-4.284,17.136-9.18,26.928-10.71c8.263-1.225,5.202-12.853-1.836-13.464c-6.426-0.612-12.239-3.366-18.054-6.732
+			c0.612-0.306,1.53-0.918,2.142-1.53c5.814-4.896,7.345-14.075,13.771-18.359c2.448-1.836,3.366-4.284,3.06-6.732
+			c5.202-0.306,10.099-0.306,15.301-0.611c14.993-0.612,42.84-9.792,44.37,7.649c2.142,24.48,7.344,48.96,11.016,73.44
+			C566.899,508.509,568.124,544.617,512.126,559.917z"/>
+	</g>
+</g>
+</svg>
\ No newline at end of file
-- 
cgit v1.2.3