2023-01-22 00:13:42 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
2023-01-28 19:31:58 +00:00
|
|
|
<meta name="description" content="Bored? Find a game! Bored Game!" />
|
|
|
|
|
<link rel="icon" href="%sveltekit.assets%/b_shell_nut_favicon.gif" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
|
<script>
|
|
|
|
|
const htmlElement = document.documentElement;
|
|
|
|
|
const userTheme = localStorage.theme;
|
|
|
|
|
const userFont = localStorage.font;
|
|
|
|
|
|
|
|
|
|
const prefersDarkMode = window.matchMedia('prefers-color-scheme: dark').matches;
|
|
|
|
|
const prefersLightMode = window.matchMedia('prefers-color-scheme: light').matches;
|
|
|
|
|
|
|
|
|
|
// check if the user set a theme
|
|
|
|
|
if (userTheme) {
|
|
|
|
|
htmlElement.dataset.theme = userTheme;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// otherwise check for user preference
|
|
|
|
|
if (!userTheme && prefersDarkMode) {
|
|
|
|
|
htmlElement.dataset.theme = '🌛 Night';
|
|
|
|
|
localStorage.theme = '🌛 Night';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (!userTheme && prefersLightMode) {
|
|
|
|
|
htmlElement.dataset.theme = '☀️ Light';
|
|
|
|
|
localStorage.theme = '☀️ Light';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// if nothing is set default to dark mode
|
|
|
|
|
if (!userTheme && !prefersDarkMode && !prefersLightMode) {
|
|
|
|
|
htmlElement.dataset.theme = '🌛 Night';
|
|
|
|
|
localStorage.theme = '🌛 Night';
|
|
|
|
|
}
|
|
|
|
|
</script>
|
2023-01-22 00:13:42 +00:00
|
|
|
%sveltekit.head%
|
|
|
|
|
</head>
|
2023-01-28 19:31:58 +00:00
|
|
|
|
2023-01-22 00:13:42 +00:00
|
|
|
<body data-sveltekit-preload-data="hover">
|
|
|
|
|
<div style="display: contents">%sveltekit.body%</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
