add shortcuts traner

shortcut_trainer/static/index.html

@@ -0,0 +1,13 @@
+<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>快捷键训练场</title><link rel="stylesheet" href="/style.css"></head><body>
+<header class="topbar"><div class="brand"><i class="brand-mark">键</i><span>Windows 快捷键训练比赛</span></div><div class="toolbar hidden" id="toolbar"><span class="chip" id="userChip"></span><button class="ghost" id="logout">退出</button></div></header>
+<main class="page">
+ <section id="loginArea"><form class="login-card" id="loginForm" style="max-width:440px;margin:8vh auto"><h1 class="title">学生登录</h1><p class="subtitle">使用分组系统的学号和密码登录</p><label>学号</label><input id="username" autocomplete="username" required><label>密码</label><input id="password" type="password" autocomplete="current-password" required><button class="full success">进入训练场</button><div class="notice" id="notice"></div></form><form id="passwordChange" class="hidden"><label>原密码</label><input id="oldPassword" type="password"><label>新密码</label><input id="newPassword" type="password"><button class="full">修改密码</button></form></section>
+ <section id="mainArea" class="hidden"><div class="command"><small>教师指令 / 当前任务</small><h2 id="commandText">等待老师开始比赛…</h2><div class="chip" id="roundState">未开始</div><div id="taskResult" class="task-result hidden"></div></div>
+ <h2>打开训练页 <span class="chip">4–6 个标签</span></h2><p class="hint">点击按钮，或按 <span class="kbd">Alt</span>+<span class="kbd">P / Q / R / T / Y / U</span>。若 Chrome 拦截弹窗，请允许“始终允许弹出式窗口”。</p>
+ <div class="pages-grid" id="pages"></div>
+ <section class="panel"><h2>快捷键帮助</h2><div class="help">
+  <div><span class="kbd">Ctrl</span>+<span class="kbd">T</span><br>新建标签页</div><div><span class="kbd">Ctrl</span>+<span class="kbd">3</span><br>切到第3个标签</div><div><span class="kbd">Ctrl</span>+<span class="kbd">W</span><br>关闭当前标签</div><div><span class="kbd">Ctrl</span>+<span class="kbd">Tab</span><br>下一个标签</div>
+  <div><span class="kbd">Alt</span>+<span class="kbd">←</span><br>后退</div><div><span class="kbd">Alt</span>+<span class="kbd">→</span><br>前进</div><div><span class="kbd">F5</span><br>刷新页面</div><div><span class="kbd">Ctrl</span>+<span class="kbd">F</span><br>页内查找</div>
+  <div><span class="kbd">Ctrl</span>+<span class="kbd">D</span><br>收藏</div><div><span class="kbd">Ctrl</span>+<span class="kbd">J</span><br>下载列表</div><div><span class="kbd">Alt</span>+<span class="kbd">F4</span><br>关闭当前窗口</div><div><span class="kbd">Win</span>+<span class="kbd">D</span><br>显示桌面</div></div>
+ <p class="hint">说明：Ctrl+T/W/N、Alt+F4、Win+D 这类系统级快捷键常被 Windows/浏览器优先接管，网页不能可靠检测，只能用于讲解和人工观察。</p></section></section>
+</main><script src="/common.js"></script><script src="/home.js"></script></body></html>