awesome/design/prototype/login.html

77 lines
3.4 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>管理台登录 · Awesome Index</title>
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='4' y='4' width='20' height='20' rx='5' fill='%232436E8'/%3E%3Crect x='10' y='10' width='18' height='18' rx='5' fill='none' stroke='%23FF4D2E' stroke-width='2.5'/%3E%3C/svg%3E" />
<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=Bricolage+Grotesque:opsz,wght@12..96,800&family=Hanken+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
<header class="topbar">
<div class="container topbar-inner">
<a class="brand" href="index.html">
<span class="brand-mark"><i></i><i></i></span>
AWESOME·INDEX
</a>
<nav class="topnav" aria-label="主导航">
<a href="index.html">首页</a>
<a href="list.html">浏览全部</a>
<a href="login.html" aria-current="page">管理入口</a>
</nav>
<button class="btn btn-sm nav-toggle" aria-expanded="false">菜单</button>
</div>
</header>
<main>
<div class="auth-wrap container">
<section class="auth-card rise" aria-labelledby="auth-title">
<p class="anno">// route: /admin/login · auth: session cookie</p>
<h1 id="auth-title">管理台登录</h1>
<p class="auth-sub">人工通道。AI Agent 请走 <a href="index.html#mcp">MCP 接口</a>——这扇门不对机器开放。</p>
<form id="login-form" novalidate>
<div class="field">
<label for="login-user">用户名</label>
<input class="input" id="login-user" name="username" type="text"
placeholder="admin" autocomplete="username" required />
</div>
<div class="field">
<label for="login-pass">密码</label>
<input class="input" id="login-pass" name="password" type="password"
placeholder="••••••••" autocomplete="current-password" required />
</div>
<div class="auth-row">
<label class="checkline" style="padding:0">
<input type="checkbox" checked /> 记住这台设备
</label>
<a href="mailto:admin@honor3.com">忘记密码?</a>
</div>
<button class="btn btn-primary btn-block" type="submit">登 录</button>
</form>
<div class="auth-note mono">
<span>// demo 账号admin / admin</span>
<span>// agents: POST /mcp · 此处返回 403</span>
</div>
</section>
</div>
</main>
<footer class="footer-bar" style="background:transparent;border-top:2px solid var(--ink);color:var(--ink-dim)">
<div class="container" style="display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 0 26px;font-family:var(--font-mono);font-size:12px">
<span>© 2026 honor3.com · Awesome Index Admin</span>
<span><a href="index.html" style="color:inherit;text-decoration:none">← 返回首页</a></span>
</div>
</footer>
<div class="toast" role="status"></div>
<script src="assets/js/main.js"></script>
</body>
</html>