Spaces:
Sleeping
Sleeping
<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 } | |
</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> | |