57 lines
1.3 KiB
HTML
57 lines
1.3 KiB
HTML
<!doctype html>
|
|
<html lang="">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>zashboard</title>
|
|
<meta
|
|
name="viewport"
|
|
content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover"
|
|
/>
|
|
<meta
|
|
name="description"
|
|
content="A dashboard using clash API"
|
|
/>
|
|
<link
|
|
rel="apple-touch-icon"
|
|
href="./apple-touch-icon.png"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
href="./favicon.ico"
|
|
sizes="48x48"
|
|
/>
|
|
<link
|
|
id="favicon"
|
|
rel="icon"
|
|
href="./favicon.svg"
|
|
sizes="any"
|
|
type="image/svg+xml"
|
|
/>
|
|
<meta
|
|
name="theme-color"
|
|
content="#FFFFFF"
|
|
/>
|
|
</head>
|
|
<body class="h-dvh w-screen">
|
|
<div id="app"></div>
|
|
<script>
|
|
;(function () {
|
|
const media = window.matchMedia('(prefers-color-scheme: dark)')
|
|
const favicon = document.getElementById('favicon')
|
|
const setFavicon = (isDark) => {
|
|
favicon.href = isDark ? './favicon-dark.svg' : './favicon.svg'
|
|
}
|
|
|
|
media.addEventListener('change', () => {
|
|
setFavicon(media.matches)
|
|
})
|
|
setFavicon(media.matches)
|
|
})()
|
|
</script>
|
|
<script
|
|
type="module"
|
|
src="/src/main.ts"
|
|
></script>
|
|
</body>
|
|
</html>
|