johnandersen777.bsky.social/knotless
git that lives in your Atmosphere account
Forked from chadtmiller.com/knotless
0
0
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="color-scheme" content="light dark" />
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<!--
Draws the page in the half of its pair of themes the system's light
or dark says: `data-day` while it is light, `data-night` while it is
dark, as `data-theme`, with `data-half` naming which
(src/lib/theme.ts). Run before the page is drawn, and again as the
system changes; a page with no pair is left as it is. Here rather
than a file of its own, so that a page asks for nothing before it is
drawn: vite.config.ts lets it run by its hash.
-->
<script>
(() => {
const html = document.documentElement;
const dark = matchMedia('(prefers-color-scheme: dark)');
const flip = () => {
const half = dark.matches ? 'night' : 'day';
const id = html.dataset[half];
if (!id) return;
html.dataset.half = half;
html.dataset.theme = id;
};
flip();
dark.addEventListener('change', flip);
})();
</script>
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>