59 lines
2.0 KiB
HTML
59 lines
2.0 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
|
<meta name="theme-color" content="#f7f2e8" />
|
|
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='7' fill='%238c2f2b'/%3E%3Cpath d='M8 11h16M8 21h6m4 0h6' stroke='%23fffdf7' stroke-width='3'/%3E%3C/svg%3E" />
|
|
<meta
|
|
name="description"
|
|
content="Brainwave 东方文化反思工具的移动端高保真交互原型"
|
|
/>
|
|
<title>一问 · Brainwave 高保真原型</title>
|
|
<link rel="stylesheet" href="./styles.css" />
|
|
<script src="./app.js" defer></script>
|
|
</head>
|
|
<body>
|
|
<a class="skip-link" href="#screen">跳到主要内容</a>
|
|
|
|
<div class="prototype-stage">
|
|
<div class="app-shell" data-app-shell>
|
|
<header class="topbar" data-topbar>
|
|
<button
|
|
class="icon-button topbar__back"
|
|
type="button"
|
|
data-action="back"
|
|
aria-label="返回"
|
|
>
|
|
<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
<path d="M15 18l-6-6 6-6" />
|
|
</svg>
|
|
</button>
|
|
|
|
<div class="wordmark" aria-label="Brainwave 原型，工作名一问">
|
|
<span class="wordmark__name">一问</span>
|
|
<span class="wordmark__meta">BRAINWAVE · 原型</span>
|
|
</div>
|
|
|
|
<button
|
|
class="icon-button"
|
|
type="button"
|
|
data-action="open-method"
|
|
aria-label="查看起卦方法说明"
|
|
>
|
|
<svg aria-hidden="true" viewBox="0 0 24 24">
|
|
<circle cx="12" cy="12" r="8.5" />
|
|
<path d="M12 10.8v5.2M12 7.4v.1" />
|
|
</svg>
|
|
</button>
|
|
</header>
|
|
|
|
<main id="screen" class="screen" tabindex="-1"></main>
|
|
<div id="toast-region" class="toast-region" aria-live="polite"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modal-root"></div>
|
|
</body>
|
|
</html>
|