index.html
2.46 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html>
<html lang="zh-CN" data-theme="light">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>LemonBoss — PRD + SDD</title>
<link rel="stylesheet" href="./assets/app.css" />
</head>
<body>
<header class="topbar">
<button id="burger" class="burger" aria-label="Toggle menu">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
</button>
<div class="brand">
<span class="lemon">🍋</span>
<span class="title">LemonBoss</span>
<span class="subtitle">PRD + SDD · 多智能体自主开发系统</span>
</div>
<div class="search-wrap">
<input id="search" type="search" placeholder="搜索章节、API、组件… (按 / 聚焦)" autocomplete="off" />
<kbd class="kbd">/</kbd>
</div>
<button id="theme" class="theme-toggle" aria-label="Toggle theme">
<svg class="ico-sun" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"/></svg>
<svg class="ico-moon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>
</button>
</header>
<div class="layout">
<aside class="sidebar" id="sidebar">
<nav class="menu" id="menu" aria-label="Chapters"></nav>
</aside>
<main class="content">
<div class="tabs">
<button class="tab active" data-pane="reader">📖 阅读</button>
<button class="tab" data-pane="search" id="tab-search">🔎 搜索结果 <span class="badge" id="search-count">0</span></button>
</div>
<div class="pane pane-reader active">
<iframe id="reader" name="reader" src="./chapters/01-overview/index.html" title="Chapter reader"></iframe>
</div>
<div class="pane pane-search">
<div class="search-header">
<div id="search-summary">输入关键词开始搜索</div>
<button class="clear-btn" id="clear-search">清空</button>
</div>
<ul class="results" id="results"></ul>
</div>
</main>
</div>
<script src="./assets/app.js" defer></script>
</body>
</html>