-
Notifications
You must be signed in to change notification settings - Fork 691
/
index.html
executable file
·37 lines (37 loc) · 1.64 KB
/
index.html
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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="./favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ZUI3 Development</title>
<script>
document.documentElement.classList.toggle('dark', localStorage.getItem('dark') === 'true');
window.$toggleDarkTheme = () => {
document.documentElement.classList.toggle('dark');
localStorage.setItem('dark', document.documentElement.classList.contains('dark'));
};
document.addEventListener('click', (event) => {
if (event.target.closest('[data-toggle="darkTheme"]')) {
$toggleDarkTheme();
event.preventDefault();
}
});
</script>
</head>
<body>
<aside class="-fixed -inset-y-0 -left-0 -z-10 -bg-primary-800 dark:-bg-primary-900">
<div class="-flex -flex-col -h-full">
<a href="/" class="-flex -items-center -p-4 -flex-none">
<img src="./favicon.svg" class="-mr-3 -h-6 -sm:h-7" alt="ZUI Logo" data-toggle="darkTheme" />
<span class="-self-center -text-xl -font-semibold -whitespace-nowrap -text-white">ZUI DEV</span><span class="-ml-2 -font-bold -text-sm -bg-white/50 -text-primary-900 -px-1 -rounded-full" id="libsCount"></span>
</a>
<div class="-flex-auto -overflow-y-auto -min-h-0 scrollbar-hover -p-3 -pt-0" style="overflow: overlay">
<ul class="-space-y-0.5 -text-lg -list-none -pl-0" id="libNav"></ul>
</div>
</div>
</aside>
<div id="libPage"></div>
<script type="module" id="mainModule" src="/src/main.ts"></script>
</body>
</html>