95 lines
2.8 KiB
HTML
95 lines
2.8 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<!-- FOLLOW VITE BUILD INJECT -->
|
|
|
|
<script>
|
|
const host = "https://localhost:2233"
|
|
|
|
const createRefreshRuntimeScript = `
|
|
import RefreshRuntime from "${host}/@react-refresh";
|
|
RefreshRuntime.injectIntoGlobalHook(window);
|
|
window.$RefreshReg$ = () => {};
|
|
window.$RefreshSig$ = () => (type) => type;
|
|
window.__vite_plugin_react_preamble_installed__ = true;
|
|
`
|
|
|
|
const $script = document.createElement("script")
|
|
$script.innerHTML = createRefreshRuntimeScript
|
|
$script.type = "module"
|
|
document.head.appendChild($script)
|
|
|
|
createModuleScript(`${host}/@vite/client`)
|
|
createModuleScript(`${host}/src/main.tsx`)
|
|
function createModuleScript(src) {
|
|
const $script = document.createElement("script")
|
|
$script.src = src
|
|
$script.type = "module"
|
|
document.head.appendChild($script)
|
|
}
|
|
|
|
globalThis["__DEBUG_PROXY__"] = true
|
|
</script>
|
|
|
|
<meta charset="UTF-8" />
|
|
<meta name="referrer" content="no-referrer" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"
|
|
/>
|
|
|
|
<meta name="theme-color" content="#ff5c00" />
|
|
<!-- favicon -->
|
|
<link rel="icon" href="/favicon-dev.ico" type="image/x-icon" />
|
|
<title>Follow</title>
|
|
<script>
|
|
function setTheme() {
|
|
let e = "follow:color-mode",
|
|
t = document.documentElement,
|
|
a = localStorage.getItem(e)
|
|
function h() {
|
|
return window.matchMedia
|
|
? window.matchMedia("(prefers-color-scheme: dark)").matches
|
|
? "dark"
|
|
: window.matchMedia("(prefers-color-scheme: light)").matches
|
|
? "light"
|
|
: void 0
|
|
: void 0
|
|
}
|
|
if (!a) {
|
|
t.dataset.theme = h() || "light"
|
|
return
|
|
}
|
|
switch ((a = JSON.parse(a))) {
|
|
case "dark":
|
|
t.dataset.theme = "dark"
|
|
break
|
|
case "light":
|
|
t.dataset.theme = "light"
|
|
break
|
|
case "system":
|
|
t.dataset.theme = h() || "light"
|
|
}
|
|
}
|
|
setTheme()
|
|
</script>
|
|
<script>
|
|
;(function () {
|
|
var e = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches,
|
|
t = localStorage.getItem("theme") || '"system"'
|
|
t && t !== '"system"' && (document.documentElement.dataset.theme = t)
|
|
t && t === '"system"' && e && (document.documentElement.dataset.theme = "dark")
|
|
})()
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="root">
|
|
<!-- Skeleton -->
|
|
<div class="h-full w-full flex">
|
|
<div class="w-64 shrink-0 h-full"></div>
|
|
<div class="grow w-full h-full bg-theme-background"></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|