48 lines
1.4 KiB
HTML
48 lines
1.4 KiB
HTML
{% 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 %}
|