cobalt-7/web/src/app.html

66 lines
2 KiB
HTML
Raw Normal View History

2024-06-13 09:32:17 +00:00
<!DOCTYPE html>
<html>
2024-06-13 09:32:17 +00:00
<head>
<meta charset="utf-8">
<meta name="viewport" content="viewport-fit=cover, width=device-width, height=device-height, initial-scale=1, maximum-scale=1">
2024-08-31 17:46:47 +00:00
%sveltekit.head%
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="cobalt">
<meta name="darkreader-lock">
<meta name="color-scheme" content="only light">
<link rel="icon" href="%sveltekit.assets%/favicon.png">
<link rel="apple-touch-icon" sizes="180x180" href="%sveltekit.assets%/icons/apple-touch-icon.png">
2024-07-09 15:16:40 +00:00
<link crossorigin="use-credentials" rel="manifest" href="%sveltekit.assets%/manifest.json">
2024-09-02 14:16:21 +00:00
<noscript>
<style>
#cobalt { opacity: 1 !important }
</style>
</noscript>
<style>
body, #body-dark {
background-color: black;
}
#body-light {
background-color: white;
}
2024-09-02 14:16:21 +00:00
@media (prefers-color-scheme: light) {
body {
background-color: white;
}
}
#cobalt {
opacity: 0;
}
#cobalt.loaded {
opacity: 1;
transition: opacity .2s ease-out;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
let settings = localStorage.getItem('settings'), appearance;
if (settings && ({ appearance } = JSON.parse(settings)) && appearance?.theme) {
document.body.id = `body-${appearance.theme}`;
2024-09-02 14:16:21 +00:00
}
});
</script>
</head>
<body data-sveltekit-preload-data="hover" data-sveltekit-preload-code="eager">
<div style="display: contents">
%sveltekit.body%
</div>
2024-06-13 09:32:17 +00:00
</body>
</html>