-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
131 lines (131 loc) · 26.7 KB
/
index.html
File metadata and controls
131 lines (131 loc) · 26.7 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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>📄</text></svg>" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>DocView</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+JP:wght@300;400;500;600;700&family=Lora:wght@400;500;600;700&family=Kalam:wght@400;700&family=Caveat:wght@500;700&family=Architects+Daughter&family=Permanent+Marker&family=Playfair+Display:wght@400;600;700&family=Courier+Prime:wght@400;700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="/highlight-api.css" />
</head>
<body>
<div id="app">
<header id="toolbar">
<div class="toolbar-left">
<h1 class="app-title">
<span class="logo">D.</span>
DocView
</h1>
<nav id="breadcrumb" class="breadcrumb"></nav>
</div>
<div class="toolbar-right">
<button id="btn-sidebar" class="toolbar-btn" title="Toggle Sidebar (Cmd+B)">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><line x1="9" y1="3" x2="9" y2="21"/></svg>
<span class="btn-label">Files</span>
</button>
<button id="btn-toc" class="toolbar-btn" title="Toggle TOC (Cmd+J)" aria-label="Toggle table of contents" aria-pressed="false">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="15" y2="12"/><line x1="3" y1="18" x2="18" y2="18"/></svg>
<span class="btn-label">TOC</span>
</button>
<button id="btn-collapse-code" class="toolbar-btn" title="Toggle all code blocks" aria-label="Toggle all code blocks" aria-pressed="false">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="4 14 10 14 10 20"/><polyline points="20 10 14 10 14 4"/><line x1="14" y1="10" x2="21" y2="3"/><line x1="3" y1="21" x2="10" y2="14"/></svg>
<span class="btn-label">Code</span>
</button>
<button id="btn-search" class="toolbar-btn" title="Search Files (Cmd+P)">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
<span class="btn-label">Search</span>
</button>
<button id="btn-open" class="toolbar-btn" title="Open File (Cmd+O)">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/></svg>
<span class="btn-label">Open</span>
</button>
<button id="btn-open-url" class="toolbar-btn" title="Open by URL or path (Cmd+L)" aria-label="Open by URL or path">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
<span class="btn-label">URL</span>
</button>
<button id="btn-print" class="toolbar-btn" title="Print / PDF">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 6 2 18 2 18 9"/><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"/><rect x="6" y="14" width="12" height="8"/></svg>
</button>
<button id="btn-export" class="toolbar-btn" title="Export Image">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>
</button>
<button id="btn-help" class="toolbar-btn" title="Keyboard shortcuts (?)" aria-label="Show keyboard shortcuts">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
</button>
<div class="theme-picker">
<button id="btn-theme" class="toolbar-btn" title="Change Theme" aria-haspopup="menu" aria-expanded="false" aria-controls="theme-menu">
<svg id="icon-theme-light" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>
<svg id="icon-theme-dark" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>
<svg id="icon-theme-paper" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="8" y1="13" x2="16" y2="13"/><line x1="8" y1="17" x2="14" y2="17"/></svg>
<svg id="icon-theme-whiteboard" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><rect x="3" y="4" width="18" height="14" rx="1"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="18" x2="12" y2="21"/></svg>
<svg id="icon-theme-handwritten" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><path d="M12 19l7-7 3 3-7 7-3-3z"/><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"/><path d="M2 2l7.586 7.586"/><circle cx="11" cy="11" r="2"/></svg>
<svg id="icon-theme-terminal" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><polyline points="4 17 10 11 4 5"/><line x1="12" y1="19" x2="20" y2="19"/></svg>
<svg id="icon-theme-sakura" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="4" fill="currentColor" stroke="none"/></svg>
<svg id="icon-theme-matrix" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><line x1="5" y1="3" x2="5" y2="21"/><line x1="10" y1="6" x2="10" y2="18"/><line x1="15" y1="3" x2="15" y2="21"/><line x1="20" y1="8" x2="20" y2="16"/></svg>
<svg id="icon-theme-cyberpunk" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>
<svg id="icon-theme-hackerman" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>
<svg id="icon-theme-ascii" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><line x1="4" y1="9" x2="20" y2="9"/><line x1="4" y1="15" x2="20" y2="15"/><line x1="10" y1="3" x2="8" y2="21"/><line x1="16" y1="3" x2="14" y2="21"/></svg>
<svg id="icon-theme-origami" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><polygon points="12 3 21 12 12 21 3 12"/><polyline points="12 3 12 21"/><polyline points="3 12 21 12"/></svg>
<svg id="icon-theme-brutalist" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><rect x="3" y="3" width="8" height="8"/><rect x="13" y="3" width="8" height="18"/><rect x="3" y="13" width="8" height="8"/></svg>
<svg id="icon-theme-newspaper" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><rect x="3" y="4" width="18" height="16" rx="1"/><line x1="7" y1="8" x2="17" y2="8"/><line x1="7" y1="12" x2="11" y2="12"/><line x1="13" y1="12" x2="17" y2="12"/><line x1="7" y1="16" x2="11" y2="16"/><line x1="13" y1="16" x2="17" y2="16"/></svg>
<svg id="icon-theme-sumi" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><path d="M5 6 C 9 9, 9 15, 5 18"/><path d="M11 4 C 16 9, 16 15, 11 20"/><circle cx="19" cy="6" r="2" fill="currentColor" stroke="none"/></svg>
<svg id="icon-theme-galaxy" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="2" fill="currentColor" stroke="none"/><circle cx="6" cy="7" r="0.8" fill="currentColor" stroke="none"/><circle cx="18" cy="9" r="0.6" fill="currentColor" stroke="none"/><circle cx="16" cy="17" r="0.8" fill="currentColor" stroke="none"/></svg>
<svg id="icon-theme-codex" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><path d="M4 4h12a3 3 0 0 1 3 3v13H7a3 3 0 0 1-3-3z"/><path d="M4 4v13a3 3 0 0 0 3 3"/><line x1="9" y1="9" x2="14" y2="9"/></svg>
<svg id="icon-theme-spotlight" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><circle cx="12" cy="12" r="4"/><path d="M4 4 L8 8"/><path d="M20 4 L16 8"/><path d="M4 20 L8 16"/><path d="M20 20 L16 16"/></svg>
<svg id="icon-theme-blueprint" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><rect x="3" y="3" width="18" height="18" rx="1"/><line x1="3" y1="9" x2="21" y2="9"/><line x1="3" y1="15" x2="21" y2="15"/><line x1="9" y1="3" x2="9" y2="21"/><line x1="15" y1="3" x2="15" y2="21"/></svg>
<svg id="icon-theme-solarized" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><circle cx="12" cy="14" r="4"/><line x1="2" y1="20" x2="22" y2="20"/><line x1="12" y1="4" x2="12" y2="6"/><line x1="5" y1="9" x2="6.5" y2="10.5"/><line x1="19" y1="9" x2="17.5" y2="10.5"/><line x1="2" y1="14" x2="4" y2="14"/><line x1="20" y1="14" x2="22" y2="14"/></svg>
<svg id="icon-theme-tokyo" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><polyline points="3 21 3 13 7 13 7 9 11 9 11 6 15 6 15 11 19 11 19 15 21 15 21 21"/><circle cx="6" cy="5" r="0.7" fill="currentColor" stroke="none"/><circle cx="18" cy="4" r="0.7" fill="currentColor" stroke="none"/><circle cx="14" cy="3" r="0.5" fill="currentColor" stroke="none"/></svg>
<svg id="icon-theme-aurora" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><path d="M3 16c2-6 5-9 9-9s7 3 9 9"/><path d="M5 19c2-5 4-7 7-7s5 2 7 7"/><circle cx="7" cy="4" r="0.6" fill="currentColor" stroke="none"/><circle cx="17" cy="3" r="0.5" fill="currentColor" stroke="none"/></svg>
<svg id="icon-theme-glass" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><rect x="4" y="4" width="16" height="16" rx="4"/><path d="M6 7c2 1 4 0 6 2s5 2 6 0"/><circle cx="8" cy="9" r="0.7" fill="currentColor" stroke="none"/></svg>
<svg id="icon-theme-holo" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><circle cx="12" cy="12" r="9"/><path d="M3 12h18"/><path d="M12 3a14 14 0 0 1 0 18"/><path d="M12 3a14 14 0 0 0 0 18"/></svg>
</button>
<ul id="theme-menu" class="theme-menu" role="menu" hidden>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="light"><span class="theme-menu-item-swatch theme-menu-item-swatch-light" aria-hidden="true"></span>Light<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="dark"><span class="theme-menu-item-swatch theme-menu-item-swatch-dark" aria-hidden="true"></span>Dark<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="paper"><span class="theme-menu-item-swatch theme-menu-item-swatch-paper" aria-hidden="true"></span>Paper<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="whiteboard"><span class="theme-menu-item-swatch theme-menu-item-swatch-whiteboard" aria-hidden="true"></span>Whiteboard<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="handwritten"><span class="theme-menu-item-swatch theme-menu-item-swatch-handwritten" aria-hidden="true"></span>Handwritten<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="terminal"><span class="theme-menu-item-swatch theme-menu-item-swatch-terminal" aria-hidden="true"></span>Terminal<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="sakura"><span class="theme-menu-item-swatch theme-menu-item-swatch-sakura" aria-hidden="true"></span>Sakura<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="matrix"><span class="theme-menu-item-swatch theme-menu-item-swatch-matrix" aria-hidden="true"></span>Matrix<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="cyberpunk"><span class="theme-menu-item-swatch theme-menu-item-swatch-cyberpunk" aria-hidden="true"></span>Cyberpunk<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="hackerman"><span class="theme-menu-item-swatch theme-menu-item-swatch-hackerman" aria-hidden="true"></span>Hackerman<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="ascii"><span class="theme-menu-item-swatch theme-menu-item-swatch-ascii" aria-hidden="true"></span>ASCII<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="origami"><span class="theme-menu-item-swatch theme-menu-item-swatch-origami" aria-hidden="true"></span>Origami<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="brutalist"><span class="theme-menu-item-swatch theme-menu-item-swatch-brutalist" aria-hidden="true"></span>Brutalist<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="newspaper"><span class="theme-menu-item-swatch theme-menu-item-swatch-newspaper" aria-hidden="true"></span>Newspaper<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="sumi"><span class="theme-menu-item-swatch theme-menu-item-swatch-sumi" aria-hidden="true"></span>Sumi<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="galaxy"><span class="theme-menu-item-swatch theme-menu-item-swatch-galaxy" aria-hidden="true"></span>Galaxy<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="codex"><span class="theme-menu-item-swatch theme-menu-item-swatch-codex" aria-hidden="true"></span>Codex<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="spotlight"><span class="theme-menu-item-swatch theme-menu-item-swatch-spotlight" aria-hidden="true"></span>Spotlight<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="blueprint"><span class="theme-menu-item-swatch theme-menu-item-swatch-blueprint" aria-hidden="true"></span>Blueprint<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="solarized"><span class="theme-menu-item-swatch theme-menu-item-swatch-solarized" aria-hidden="true"></span>Solarized<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="tokyo"><span class="theme-menu-item-swatch theme-menu-item-swatch-tokyo" aria-hidden="true"></span>Tokyo Night<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="aurora"><span class="theme-menu-item-swatch theme-menu-item-swatch-aurora" aria-hidden="true"></span>Aurora<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="glass"><span class="theme-menu-item-swatch theme-menu-item-swatch-glass" aria-hidden="true"></span>Liquid Glass<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
<li role="none"><button type="button" role="menuitemradio" aria-checked="false" class="theme-menu-item" data-theme-value="holo"><span class="theme-menu-item-swatch theme-menu-item-swatch-holo" aria-hidden="true"></span>Holographic<svg class="theme-menu-item-check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg></button></li>
</ul>
</div>
</div>
</header>
<main id="workspace">
<aside id="sidebar" class="sidebar-hidden">
<div class="pane-header">
<span class="pane-title">Files</span>
</div>
<div id="filetree"></div>
</aside>
<div id="viewer-pane">
<div id="tab-bar" class="tab-bar" style="display:none" role="tablist"></div>
<div id="progress-bar" class="progress-bar"></div>
<div id="viewer" class="markdown-body" role="main" aria-label="Document viewer"></div>
</div>
<aside id="toc-sidebar"></aside>
</main>
</div>
<input type="file" id="file-input" accept=".md,.markdown,.mdx,.txt,.yaml,.yml,.json,.csv,.tsv,.toml,.ini,.conf,.env,.cfg,.properties,.png,.jpg,.jpeg,.gif,.svg,.webp,.bmp,.ico" style="display:none" />
<script type="module" src="/src/main.ts"></script>
</body>
</html>