69 lines
2.2 KiB
HTML
69 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="viewport-fit=cover, width=device-width, height=device-height, initial-scale=1, maximum-scale=1">
|
|
<meta name="application-name" content="cobalt">
|
|
<meta name="og:type" content="article">
|
|
<meta name="twitter:card" content="summary">
|
|
|
|
%sveltekit.head%
|
|
|
|
<meta name="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">
|
|
<link type="application/activity+json" href="" />
|
|
|
|
<link crossorigin="use-credentials" rel="manifest" href="%sveltekit.assets%/manifest.json">
|
|
|
|
<noscript>
|
|
<style>
|
|
#cobalt { opacity: 1 !important }
|
|
</style>
|
|
</noscript>
|
|
|
|
<style>
|
|
body, #body-dark {
|
|
background-color: black;
|
|
}
|
|
|
|
#body-light {
|
|
background-color: white;
|
|
}
|
|
|
|
@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}`;
|
|
}
|
|
});
|
|
</script>
|
|
</head>
|
|
<body data-sveltekit-preload-data="hover" data-sveltekit-preload-code="eager">
|
|
<div style="display: contents">
|
|
%sveltekit.body%
|
|
</div>
|
|
</body>
|
|
</html>
|