39 lines
1.8 KiB
HTML
39 lines
1.8 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>花有出路 · HEX TRAILS 图案关测试</title>
|
|
<link rel="stylesheet" href="./style.css">
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<header>
|
|
<a class="back" href="../../">← 返回主线</a>
|
|
<span class="badge">图案关 · TEST 01 · REV 02</span>
|
|
</header>
|
|
<section class="intro">
|
|
<p class="eyebrow">A FLOWER IN MOTION</p>
|
|
<h1>花有出路 <small>重瓣</small></h1>
|
|
<p>双层花瓣，三重环带。一朵由长路线编织的花。</p>
|
|
</section>
|
|
<div class="status"><span>待离场 <strong id="remaining">10</strong></span><span id="progress">已放行 0 / 10</span></div>
|
|
<div class="board-wrap"><canvas id="board" aria-label="双层十二瓣花形轨道棋盘，点击箭头棋子离场"></canvas></div>
|
|
<p class="message" id="message" role="status">先放走朝外的两枚，给花瓣里的长路让位置。</p>
|
|
<nav class="controls" aria-label="棋盘操作">
|
|
<button id="left" type="button">↶ <span>左转</span></button>
|
|
<button id="undo" type="button">↩ <span>撤销</span></button>
|
|
<button id="hint" type="button">✧ <span>提示</span></button>
|
|
<button id="reset" type="button">↻ <span>重来</span></button>
|
|
<button id="right" type="button">↷ <span>右转</span></button>
|
|
</nav>
|
|
<footer>
|
|
<label><input id="pattern-only" type="checkbox"> 暂隐棋子，看完整花纹</label>
|
|
<label><input id="all-tracks" type="checkbox"> 全部轨道等粗显示</label>
|
|
<p>花瓣与环带都能通行，交叉处沿原轨道前进。旋转底盘，棋子与箭头留在原位。</p>
|
|
</footer>
|
|
</main>
|
|
<script type="module" src="./app.js"></script>
|
|
</body>
|
|
</html>
|