| <!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> |
|
|
