kdletters
f4153ebfa7
新增品牌维护页和404页面并补齐网关路由 将临时维护公告迁到release外运行态覆盖并增加构建门禁 同步Nginx、Pingora、部署脚本与生产运维文档 隐藏移动端顶部SEO介绍并保留桌面端与H1语义 增加维护页、404页和移动端回归测试
199 lines
4.0 KiB
HTML
199 lines
4.0 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="robots" content="noindex, nofollow" />
|
|
<link rel="icon" type="image/png" href="/branding/taonier-product-ip.png" />
|
|
<title>服务维护中 - 陶泥儿</title>
|
|
<style>
|
|
:root {
|
|
color-scheme: light;
|
|
font-family:
|
|
Inter,
|
|
system-ui,
|
|
-apple-system,
|
|
BlinkMacSystemFont,
|
|
"Segoe UI",
|
|
sans-serif;
|
|
color: #5d2c13;
|
|
background: #fff9f5;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
width: 100%;
|
|
min-height: 100%;
|
|
margin: 0;
|
|
}
|
|
|
|
body {
|
|
min-height: 100vh;
|
|
min-height: 100dvh;
|
|
overflow: hidden;
|
|
background: #fff9f5;
|
|
}
|
|
|
|
.page-art {
|
|
position: fixed;
|
|
inset: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
object-position: center;
|
|
}
|
|
|
|
main {
|
|
position: relative;
|
|
z-index: 1;
|
|
display: flex;
|
|
min-height: 100vh;
|
|
min-height: 100dvh;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 72px 24px 120px;
|
|
text-align: center;
|
|
}
|
|
|
|
.content {
|
|
width: min(100%, 680px);
|
|
}
|
|
|
|
.status {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
margin-bottom: 20px;
|
|
color: #e76d2f;
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.status-mark {
|
|
width: 10px;
|
|
height: 10px;
|
|
flex: 0 0 10px;
|
|
border-radius: 50%;
|
|
background: #f27a35;
|
|
box-shadow: 0 0 0 6px rgb(242 122 53 / 13%);
|
|
}
|
|
|
|
h1 {
|
|
margin: 0;
|
|
color: #6a3216;
|
|
font-size: 42px;
|
|
line-height: 1.25;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
p {
|
|
margin: 18px 0 0;
|
|
color: #86563d;
|
|
font-size: 18px;
|
|
line-height: 1.8;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
button {
|
|
min-width: 132px;
|
|
height: 44px;
|
|
margin-top: 30px;
|
|
padding: 0 24px;
|
|
border: 1px solid #ed8a51;
|
|
border-radius: 8px;
|
|
background: #ef7939;
|
|
color: #fff;
|
|
font: inherit;
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
letter-spacing: 0;
|
|
cursor: pointer;
|
|
box-shadow: 0 8px 20px rgb(205 100 44 / 16%);
|
|
}
|
|
|
|
button:hover {
|
|
background: #df682d;
|
|
}
|
|
|
|
button:focus-visible {
|
|
outline: 3px solid rgb(239 121 57 / 28%);
|
|
outline-offset: 3px;
|
|
}
|
|
|
|
@media (max-width: 680px) {
|
|
main {
|
|
padding: 52px 38px 108px;
|
|
}
|
|
|
|
.status {
|
|
margin-bottom: 16px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 32px;
|
|
}
|
|
|
|
p {
|
|
margin-top: 14px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
button {
|
|
margin-top: 24px;
|
|
}
|
|
}
|
|
|
|
@media (max-height: 620px) {
|
|
main {
|
|
padding-top: 44px;
|
|
padding-bottom: 76px;
|
|
}
|
|
|
|
.status {
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 30px;
|
|
}
|
|
|
|
p {
|
|
margin-top: 10px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
button {
|
|
height: 40px;
|
|
margin-top: 18px;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<img
|
|
class="page-art"
|
|
src="/branding/taonier-maintenance-page.png"
|
|
alt=""
|
|
aria-hidden="true"
|
|
width="1672"
|
|
height="941"
|
|
/>
|
|
<main>
|
|
<div class="content">
|
|
<div class="status">
|
|
<span class="status-mark" aria-hidden="true"></span>
|
|
<span>系统维护中</span>
|
|
</div>
|
|
<h1>服务维护中</h1>
|
|
<p>我们正在更新系统，稍后请重新访问。</p>
|
|
<button type="button" onclick="window.location.reload()">刷新页面</button>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html>
|