<script lang="ts">
	import '../app.css';

	import { page } from '$app/stores';

	$: origin = $page.url.origin;
	$: domain = $page.url.hostname;
</script>

<svelte:head>
	<title>Peer-at Code</title>

	<meta name="title" content="Peer-at Code" />
	<meta name="description" content="Apprendre la programmation et la cybersécurité en s'amusant." />
	<meta name="theme-color" content="#110F15" />

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="language" content="French" />

	<!-- Open Graph / Facebook -->
	<meta property="og:type" content="website" />
	<meta property="og:url" content={origin} />
	<meta property="og:title" content="Peer-at Code" />
	<meta
		property="og:description"
		content="Apprendre la programmation et la cybersécurité en s'amusant."
	/>

	<!-- Twitter -->
	<meta property="twitter:card" content="summary_large_image" />
	<meta property="twitter:url" content={origin} />
	<meta property="twitter:title" content="Peer-at Code" />
	<meta
		property="twitter:description"
		content="Apprendre la programmation et la cybersécurité en s'amusant."
	/>

	<script defer data-domain={domain} src="https://plosibl.peerat.dev/js/script.js"></script>
</svelte:head>

<slot />
