2022-01-28 05:27:12 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
2022-07-07 19:32:55 +00:00
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<meta name="description" content="Bored? Find a game! Bored Game!" />
|
2022-07-07 22:17:05 +00:00
|
|
|
<link rel="icon" href="%sveltekit.assets%/favicon-bored.png" />
|
2022-07-07 19:32:55 +00:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
|
<script>
|
|
|
|
|
const htmlElement = document.documentElement;
|
|
|
|
|
const userTheme = localStorage.theme;
|
|
|
|
|
const userFont = localStorage.font;
|
2022-05-16 06:42:50 +00:00
|
|
|
|
2022-07-07 19:32:55 +00:00
|
|
|
// check if the user set a theme
|
|
|
|
|
if (userTheme) {
|
|
|
|
|
htmlElement.dataset.theme = userTheme;
|
|
|
|
|
}
|
2022-05-16 06:42:50 +00:00
|
|
|
|
2022-07-07 19:32:55 +00:00
|
|
|
// otherwise check for user preference
|
|
|
|
|
if (!userTheme && prefersDarkMode) {
|
|
|
|
|
htmlElement.dataset.theme = '🌛 Night';
|
|
|
|
|
localStorage.theme = '🌛 Night';
|
|
|
|
|
}
|
2022-05-16 06:42:50 +00:00
|
|
|
|
2022-07-07 19:32:55 +00:00
|
|
|
if (!userTheme && prefersLightMode) {
|
|
|
|
|
htmlElement.dataset.theme = '☀️ Daylight';
|
|
|
|
|
localStorage.theme = '☀️ Daylight';
|
|
|
|
|
}
|
2022-05-16 06:42:50 +00:00
|
|
|
|
2022-07-07 19:32:55 +00:00
|
|
|
// if nothing is set default to dark mode
|
|
|
|
|
if (!userTheme && !prefersDarkMode && !prefersLightMode) {
|
|
|
|
|
htmlElement.dataset.theme = '🌛 Night';
|
|
|
|
|
localStorage.theme = '🌛 Night';
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
%sveltekit.head%
|
|
|
|
|
</head>
|
2022-05-16 06:42:50 +00:00
|
|
|
|
2022-07-07 19:32:55 +00:00
|
|
|
<body>
|
|
|
|
|
<div id="svelte">%sveltekit.body%</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
