Spaces:
Running
Running
<html lang="en" class="h-full"> | |
<head> | |
<meta charset="utf-8" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> | |
<meta name="theme-color" content="rgb(249, 250, 251)" /> | |
<script> | |
if ( | |
localStorage.theme === "dark" || | |
(!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches) | |
) { | |
document.documentElement.classList.add("dark"); | |
document | |
.querySelector('meta[name="theme-color"]') | |
.setAttribute("content", "rgb(26, 36, 50)"); | |
} | |
// For some reason, Sveltekit doesn't let us load env variables from .env here, so we load it from hooks.server.ts | |
window.gaId = "%gaId%"; | |
</script> | |
%sveltekit.head% | |
</head> | |
<body data-sveltekit-preload-data="hover" class="h-full dark:bg-gray-900"> | |
<div id="app" class="contents h-full">%sveltekit.body%</div> | |
<!-- Google Tag Manager --> | |
<script> | |
if (window.gaId) { | |
const script = document.createElement("script"); | |
script.src = "https://www.googletagmanager.com/gtag/js?id=" + window.gaId; | |
script.async = true; | |
document.head.appendChild(script); | |
window.dataLayer = window.dataLayer || []; | |
function gtag() { | |
dataLayer.push(arguments); | |
} | |
gtag("js", new Date()); | |
/// ^ See https://developers.google.com/tag-platform/gtagjs/install | |
gtag("config", window.gaId); | |
gtag("consent", "default", { ad_storage: "denied", analytics_storage: "denied" }); | |
/// ^ See https://developers.google.com/tag-platform/gtagjs/reference#consent | |
/// TODO: ask the user for their consent and update this with gtag('consent', 'update') | |
} | |
</script> | |
</body> | |
</html> | |