add shortcuts traner

shortcut_trainer/static/page.html

@@ -0,0 +1,7 @@
+<!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 data-trainer-page="1"><header class="topbar"><div class="brand"><i class="brand-mark" id="mark">1</i><span id="pageTitle">训练页</span></div><div class="toolbar"><span class="chip" id="who">加载中</span><a href="/" target="_blank"><button class="ghost">控制台</button></a></div></header>
+<main class="page"><div class="command"><small>当前指令</small><h2 id="commandText">等待老师开始…</h2><div id="taskResult" class="task-result hidden"></div></div>
+<section class="panel"><h2 id="pageHeading">页面信息</h2><p id="pageDesc" class="subtitle">正在准备本页内容…</p><div id="pageFacts" class="help"></div></section>
+<div class="grid page-main"><section class="panel"><h2>功能面板</h2><p class="hint">类似 Word 功能区：先按 <span class="kbd">Alt</span>+<span class="kbd">K</span> / <span class="kbd">H</span> / <span class="kbd">B</span> 展开对应面板，再按面板里的字母。</p><div id="ribbon" class="ribbon"></div></section>
+<section class="panel"><h2>本页练习</h2><p class="hint">外部链接：按 <span class="kbd">Alt</span>+<span class="kbd">B</span> 展开保障面板，再按 <span class="kbd">L</span>，然后按 <span class="kbd">D</span> 打开百度，或按 <span class="kbd">F</span> 打开 Bilibili。不必继续按着 Alt。</p><p class="hint">在页面空白处右键，可打开练习菜单；菜单打开后按 <span class="kbd">E</span>/<span class="kbd">R</span>/<span class="kbd">C</span>。</p></section></div></main>
+<div id="contextMenu" class="panel hidden" style="position:fixed;z-index:99;width:190px;padding:6px"><button class="full ghost" data-menu="refresh">刷新 <span class="kbd">E</span></button><button class="full ghost" data-menu="rename">重命名 <span class="kbd">R</span></button><button class="full ghost" data-menu="copy">复制 <span class="kbd">C</span></button></div>
+<script src="/common.js"></script><script src="/page.js"></script></body></html>