119 lines
3.8 KiB
HTML
119 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
||
<meta
|
||
name="description"
|
||
content="Domainflare：Cloudflare 域名与 DNS 记录管理面板。"
|
||
/>
|
||
<meta name="theme-color" content="#2f6feb" />
|
||
<meta name="application-name" content="Domainflare" />
|
||
<meta name="msapplication-TileColor" content="#2f6feb" />
|
||
<meta name="mobile-web-app-capable" content="yes" />
|
||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||
<meta
|
||
name="apple-mobile-web-app-title"
|
||
content="Domainflare"
|
||
/>
|
||
<title>Domainflare — Cloudflare DNS 控制台</title>
|
||
<style>
|
||
#df-splash-host {
|
||
position: fixed;
|
||
inset: 0;
|
||
z-index: 9999;
|
||
}
|
||
#df-splash-host .df-splash {
|
||
box-sizing: border-box;
|
||
width: 100%;
|
||
height: 100%;
|
||
min-height: 100vh;
|
||
min-height: 100dvh;
|
||
margin: 0;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 1.25rem;
|
||
font-family: "Literata", Georgia, "Times New Roman", serif;
|
||
color: #1c1b19;
|
||
background: linear-gradient(152deg, #faf7ef 0%, #f6f4ef 38%, #ebe4d8 72%, #dfeaf9 100%);
|
||
}
|
||
#df-splash-host .df-splash-inner {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
text-align: center;
|
||
gap: 1.35rem;
|
||
}
|
||
#df-splash-host .df-splash-logo {
|
||
width: 88px;
|
||
height: 88px;
|
||
border-radius: 12px;
|
||
object-fit: contain;
|
||
}
|
||
#df-splash-host .df-splash-title {
|
||
margin: 0;
|
||
font-size: clamp(1.55rem, 4.5vw, 2rem);
|
||
font-weight: 700;
|
||
}
|
||
#df-splash-host .df-splash-sub {
|
||
margin: -0.65rem 0 0;
|
||
font-size: 0.98rem;
|
||
color: #5c5954;
|
||
}
|
||
#df-splash-host .df-splash-dots {
|
||
display: flex;
|
||
gap: 0.45rem;
|
||
}
|
||
#df-splash-host .df-splash-dot {
|
||
width: 9px;
|
||
height: 9px;
|
||
border-radius: 50%;
|
||
background: #22c55e;
|
||
}
|
||
</style>
|
||
<link rel="icon" href="/favicon.ico" sizes="any" />
|
||
<link rel="apple-touch-icon" href="/logo192.png" sizes="192x192" />
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||
<link
|
||
href="https://fonts.googleapis.com/css2?family=Literata:ital,opsz,wght@0,7..72,400;0,7..72,600;0,7..72,700;1,7..72,400&family=JetBrains+Mono:wght@400;500&display=swap"
|
||
rel="stylesheet"
|
||
/>
|
||
</head>
|
||
<body>
|
||
<div id="df-splash-host">
|
||
<div class="df-splash" role="status" aria-busy="true" aria-label="正在加载 Domainflare">
|
||
<div class="df-splash-halo" aria-hidden="true"></div>
|
||
<div class="df-splash-inner">
|
||
<div class="df-splash-logo-wrap">
|
||
<div class="df-splash-rings" aria-hidden="true">
|
||
<span class="df-splash-ring"></span>
|
||
<span class="df-splash-ring"></span>
|
||
<span class="df-splash-ring"></span>
|
||
</div>
|
||
<img
|
||
class="df-splash-logo"
|
||
src="/logo192.png"
|
||
alt=""
|
||
width="192"
|
||
height="192"
|
||
decoding="async"
|
||
/>
|
||
</div>
|
||
<h1 class="df-splash-title">Domainflare</h1>
|
||
<p class="df-splash-sub">加载中</p>
|
||
<div class="df-splash-dots" aria-hidden="true">
|
||
<span class="df-splash-dot"></span>
|
||
<span class="df-splash-dot"></span>
|
||
<span class="df-splash-dot"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="root"></div>
|
||
<script type="module" src="/src/main.tsx"></script>
|
||
</body>
|
||
</html>
|