130 lines
5.5 KiB
HTML
130 lines
5.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="zh-CN">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>sunvpy 文档</title>
|
||
|
|
<link rel="stylesheet" href="css/style.css">
|
||
|
|
<link rel="stylesheet" href="libs/github.min.css" id="hljs-light-theme">
|
||
|
|
<link rel="stylesheet" href="libs/github-dark.min.css" id="hljs-dark-theme" disabled>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<!-- Mobile header -->
|
||
|
|
<header class="mobile-header">
|
||
|
|
<button class="hamburger" id="hamburger" aria-label="菜单">
|
||
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||
|
|
<line x1="3" y1="6" x2="21" y2="6"></line>
|
||
|
|
<line x1="3" y1="12" x2="21" y2="12"></line>
|
||
|
|
<line x1="3" y1="18" x2="21" y2="18"></line>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
<span class="mobile-title">sunvpy 文档</span>
|
||
|
|
<div class="mobile-actions">
|
||
|
|
<button class="search-btn-mobile" id="searchBtnMobile" aria-label="搜索">
|
||
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||
|
|
<circle cx="11" cy="11" r="8"></circle>
|
||
|
|
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
<button class="theme-toggle-mobile" id="themeToggleMobile" aria-label="切换主题">
|
||
|
|
<svg class="icon-sun" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||
|
|
<circle cx="12" cy="12" r="5"></circle>
|
||
|
|
<line x1="12" y1="1" x2="12" y2="3"></line>
|
||
|
|
<line x1="12" y1="21" x2="12" y2="23"></line>
|
||
|
|
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
|
||
|
|
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
|
||
|
|
<line x1="1" y1="12" x2="3" y2="12"></line>
|
||
|
|
<line x1="21" y1="12" x2="23" y2="12"></line>
|
||
|
|
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
|
||
|
|
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
|
||
|
|
</svg>
|
||
|
|
<svg class="icon-moon" width="20" height="20" 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"></path>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<!-- Sidebar overlay backdrop -->
|
||
|
|
<div class="sidebar-backdrop" id="sidebarBackdrop"></div>
|
||
|
|
|
||
|
|
<div class="layout">
|
||
|
|
<!-- LEFT: Sidebar navigation -->
|
||
|
|
<aside class="sidebar" id="sidebar">
|
||
|
|
<div class="sidebar-header">
|
||
|
|
<span class="logo">sunvpy 文档</span>
|
||
|
|
<button class="theme-toggle" id="themeToggle" aria-label="切换主题" title="切换深色/浅色主题">
|
||
|
|
<svg class="icon-sun" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||
|
|
<circle cx="12" cy="12" r="5"></circle>
|
||
|
|
<line x1="12" y1="1" x2="12" y2="3"></line>
|
||
|
|
<line x1="12" y1="21" x2="12" y2="23"></line>
|
||
|
|
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
|
||
|
|
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
|
||
|
|
<line x1="1" y1="12" x2="3" y2="12"></line>
|
||
|
|
<line x1="21" y1="12" x2="23" y2="12"></line>
|
||
|
|
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
|
||
|
|
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
|
||
|
|
</svg>
|
||
|
|
<svg class="icon-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"></path>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div class="sidebar-search">
|
||
|
|
<button class="sidebar-search-btn" id="sidebarSearchBtn">
|
||
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||
|
|
<circle cx="11" cy="11" r="8"></circle>
|
||
|
|
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
|
||
|
|
</svg>
|
||
|
|
<span>搜索文档</span>
|
||
|
|
<kbd>Ctrl K</kbd>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<nav class="sidebar-nav" id="sidebarNav"></nav>
|
||
|
|
</aside>
|
||
|
|
|
||
|
|
<!-- CENTER: Content area -->
|
||
|
|
<main class="content" id="content">
|
||
|
|
<article id="article">
|
||
|
|
<div class="loading">加载中...</div>
|
||
|
|
</article>
|
||
|
|
<div class="page-nav" id="pageNav"></div>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<!-- RIGHT: Table of Contents -->
|
||
|
|
<aside class="toc" id="toc">
|
||
|
|
<div class="toc-title">本页目录</div>
|
||
|
|
<nav class="toc-nav" id="tocNav"></nav>
|
||
|
|
</aside>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Search modal -->
|
||
|
|
<div class="search-overlay" id="searchOverlay">
|
||
|
|
<div class="search-modal">
|
||
|
|
<div class="search-input-wrap">
|
||
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||
|
|
<circle cx="11" cy="11" r="8"></circle>
|
||
|
|
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
|
||
|
|
</svg>
|
||
|
|
<input type="text" id="searchInput" placeholder="搜索文档..." autocomplete="off">
|
||
|
|
<button class="search-close" id="searchClose" aria-label="关闭搜索">ESC</button>
|
||
|
|
</div>
|
||
|
|
<div class="search-results" id="searchResults">
|
||
|
|
<div class="search-hint">输入关键词开始搜索</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Local Dependencies -->
|
||
|
|
<script src="libs/marked.min.js"></script>
|
||
|
|
<script src="libs/mermaid.min.js"></script>
|
||
|
|
<script src="libs/highlight.min.js"></script>
|
||
|
|
<script src="libs/python.min.js"></script>
|
||
|
|
<script src="libs/fuse.min.js"></script>
|
||
|
|
|
||
|
|
<!-- App scripts -->
|
||
|
|
<script src="js/app.js"></script>
|
||
|
|
<script src="js/search.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|