fixup

templates/404.html

@@ -0,0 +1,47 @@
+{% extends "base.html" %}
+{% block title %}404 找不到頁面 — alterdb{% endblock %}
+{% block style %}
+<style>
+    .not-found {
+        text-align: center;
+        max-width: 28rem;
+        margin: 3rem auto 0;
+        padding: 2.5rem 2rem;
+        border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
+        border-radius: 10px;
+    }
+    .not-found .status {
+        font-size: 4rem;
+        font-weight: 700;
+        line-height: 1;
+        margin: 0;
+        opacity: .85;
+    }
+    .not-found h2 { margin: .5rem 0 0; }
+    .not-found p { opacity: .8; margin: 1rem 0 0; }
+    .not-found a {
+        display: inline-block;
+        margin-top: 1.5rem;
+        padding: .5rem 1.2rem;
+        border: 1px solid color-mix(in srgb, currentColor 30%, transparent);
+        border-radius: 6px;
+        color: inherit;
+        text-decoration: none;
+    }
+    .not-found a:hover { background: color-mix(in srgb, currentColor 10%, transparent); }
+</style>
+{% endblock %}
+{% block content %}
+<div class="page">
+<header class="site-header">
+    <h1>alterdb</h1>
+    <button type="button" class="theme-toggle" data-theme-toggle>深色模式</button>
+</header>
+<div class="not-found">
+    <p class="status">404</p>
+    <h2>找不到頁面</h2>
+    <p>你訪問的頁面 <code>{{ path }}</code> 不存在或已被移動，請檢查網址是否正確。</p>
+    <a href="/">返回首頁</a>
+</div>
+</div>
+{% endblock %}