dekun
89 lines
3.1 KiB
HTML
89 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>云端浏览器</title>
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
</head>
|
|
<body>
|
|
<main class="container">
|
|
<header class="header">
|
|
<h1>云端浏览器</h1>
|
|
<p class="subtitle">输入网址，在境外服务器上打开并远程操作</p>
|
|
</header>
|
|
|
|
<!-- 登录 -->
|
|
<section id="login-section" class="panel hidden">
|
|
<h2>登录</h2>
|
|
<form id="login-form" class="stack-form">
|
|
<label for="login-user">用户名</label>
|
|
<input id="login-user" type="text" autocomplete="username" required>
|
|
<label for="login-pass">密码</label>
|
|
<input id="login-pass" type="password" autocomplete="current-password" required>
|
|
<button type="submit">登录</button>
|
|
<p id="login-error" class="error hidden"></p>
|
|
</form>
|
|
<p class="hint">默认账号：admin / admin，登录后请尽快修改</p>
|
|
</section>
|
|
|
|
<!-- 主界面 -->
|
|
<section id="main-section" class="hidden">
|
|
<div class="top-bar">
|
|
<span id="welcome-user" class="welcome"></span>
|
|
<button id="btn-settings" type="button" class="btn-secondary">账号设置</button>
|
|
<button id="btn-logout" type="button" class="btn-secondary">退出</button>
|
|
</div>
|
|
|
|
<form id="start-form" class="start-form">
|
|
<label for="url-input">目标网址</label>
|
|
<div class="input-row">
|
|
<input
|
|
id="url-input"
|
|
type="text"
|
|
placeholder="https://example.com"
|
|
autocomplete="off"
|
|
required
|
|
>
|
|
<button type="submit" id="start-btn">进入</button>
|
|
</div>
|
|
<p id="error-msg" class="error hidden"></p>
|
|
</form>
|
|
|
|
<section class="tips">
|
|
<h2>使用说明</h2>
|
|
<ul>
|
|
<li>页面将在云服务器 Chromium 中加载，画面实时回传</li>
|
|
<li>可同时登录账号、搜索和浏览你的数据</li>
|
|
<li>会话空闲 30 分钟后自动关闭</li>
|
|
</ul>
|
|
</section>
|
|
</section>
|
|
|
|
<!-- 修改账号 -->
|
|
<section id="settings-section" class="panel hidden">
|
|
<h2>修改用户名和密码</h2>
|
|
<form id="settings-form" class="stack-form">
|
|
<label for="cur-user">当前用户名</label>
|
|
<input id="cur-user" type="text" required>
|
|
<label for="cur-pass">当前密码</label>
|
|
<input id="cur-pass" type="password" required>
|
|
<label for="new-user">新用户名</label>
|
|
<input id="new-user" type="text" required>
|
|
<label for="new-pass">新密码</label>
|
|
<input id="new-pass" type="password" required>
|
|
<div class="btn-row">
|
|
<button type="submit">保存</button>
|
|
<button id="btn-settings-cancel" type="button" class="btn-secondary">取消</button>
|
|
</div>
|
|
<p id="settings-error" class="error hidden"></p>
|
|
<p id="settings-success" class="success hidden"></p>
|
|
</form>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="/static/auth.js"></script>
|
|
<script src="/static/index.js"></script>
|
|
</body>
|
|
</html>
|