cfadda9d23
mainPage 已把白板页签从 iframe 嵌入改为构建期组件 import zWhiteBoard， 独立页注释里的「会被 iframe 嵌入到浅色站点」理由已过时。改为说明本独立页 与 zWhiteBoard 组件共享样式与视觉，强制浅色样式本身保留不变。
37 lines
1.6 KiB
HTML
37 lines
1.6 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||
<meta name="theme-color" content="#1565c0">
|
||
<!-- 强制浅色：本独立页与 zWhiteBoard 组件（被 mainPage 构建期 import 到浅色主题站点）共享样式与视觉，
|
||
禁用 common.css 的 prefers-color-scheme: dark，保持背景与浅色站点一致 -->
|
||
<meta name="color-scheme" content="light">
|
||
<title>记事本 - zikai</title>
|
||
<link rel="stylesheet" href="/api/static/common.css">
|
||
<link rel="stylesheet" href="/api/static/whiteboard.css">
|
||
</head>
|
||
<body>
|
||
<div class="wb-app">
|
||
<header class="wb-bar">
|
||
<div class="wb-bar-left">
|
||
<span class="wb-title">记事本</span>
|
||
<code class="wb-id mono" id="boardId" title="记事本 ID"></code>
|
||
<span class="wb-online" id="online" title="在线人数">●</span>
|
||
</div>
|
||
<div class="wb-bar-right">
|
||
<button class="btn" id="copyLinkBtn" title="复制分享链接">复制链接</button>
|
||
<button class="btn" id="copyBtn" title="复制全部文本">复制文本</button>
|
||
<button class="btn danger" id="clearBtn" title="清空全部内容（所有人）">清空</button>
|
||
</div>
|
||
</header>
|
||
<main class="wb-stage">
|
||
<textarea id="editor" class="wb-editor" placeholder="在此输入文本，所有人会实时看到你的编辑…" spellcheck="false" autocomplete="off"></textarea>
|
||
<div class="wb-status" id="status">连接中…</div>
|
||
</main>
|
||
</div>
|
||
<script src="/api/static/common.js"></script>
|
||
<script src="/api/static/whiteboard.js"></script>
|
||
</body>
|
||
</html>
|