src/app.html

<!doctype html>
<html lang="en" class="dark">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width" />
		%sveltekit.head%

		<link rel="icon" type="%sveltekit.assets%/image/svg+xml" href="/favicon.svg" />

		<!-- Canonical URL -->
		<link rel="canonical" href="https://sveltefirebase.com/" />

		<!-- Primary Meta Tags -->
		<title>Build Purrfect Websites with Svelte and Firebase.</title>
		<meta name="title" content="Build Purrfect Websites with Svelte and Firebase." />
		<meta
			name="description"
			content="Learn to build Purrfect websites with SvelteKit and Firebase, the crown of backends."
		/>

		<!-- Open Graph / Facebook -->
		<meta property="og:type" content="website" />
		<meta property="og:url" content="https://sveltefirebase.com/" />
		<meta property="og:title" content="Build Purrfect Websites with Svelte and Firebase." />
		<meta
			property="og:description"
			content="Learn to build Purrfect websites with SvelteKit and Firebase, the crown of backends."
		/>
		<meta property="og:image" content="https://sveltefirebase.com/cover.jpg" />

		<!-- Twitter -->
		<meta name="twitter:card" content="summary_large_image" />
		<meta name="twitter:site" content="@CodingCatDev" />
		<meta name="twitter:creator" content="@CodingCatDev" />
		<meta property="twitter:title" content="Build Purrfect Websites with Svelte and Firebase." />
		<meta
			property="twitter:description"
			content="Learn to build Purrfect websites with SvelteKit and Firebase, the crown of backends."
		/>
		<meta property="twitter:image" content="https://sveltefirebase.com/cover.jpg" />

		<link
			rel="preload"
			href="%sveltekit.assets%/fonts/Nunito-VariableFont_wght.ttf"
			as="font"
			type="font/ttf"
			crossorigin
		/>
	</head>
	<body data-sveltekit-preload-data="hover" data-theme="custom-theme">
		<div style="display: contents" class="h-full overflow-hidden">%sveltekit.body%</div>
	</body>
</html>