src/app.html

<!DOCTYPE html>
<html lang="%lang%">
	<head>
		<meta charset="utf-8" />
		<meta
			name="viewport"
			content="width=device-width, initial-scale=1.0, user-scalable=yes"
		/>
		<meta name="theme-color" content="#292929" />
		<!-- 
    [ℹ] Website Icons & Favicons 
    -->
		<link
			rel="icon"
			type="image/png"
			href="/assets/img/favicon/48x48.png"
			sizes="48x48"
		/>
		<link
			rel="icon"
			type="image/png"
			href="/assets/img/favicon/57x57.png"
			sizes="57x57"
		/>
		<link
			rel="icon"
			type="image/png"
			href="/assets/img/favicon/72x72.png"
			sizes="72x72"
		/>
		<!-- https://web.dev/codelab-apple-touch-icon/#:~:text=Safari%20for%20iOS%20users%20can,touch%20icon%20to%20a%20PWA. -->
		<link
			rel="apple-touch-icon"
			href="/assets/img/pwa/180x180 (iOS).png"
			sizes="180x180"
		/>
		<!-- 
    [ℹ] PWA - MANIFEST 
    -->
		<link
			rel="manifest"
			crossorigin="use-credentials"
			href="/manifest.json"
		/>
		<!-- 
    [ℹ] Website Fonts
    -->
		<link
			rel="preconnect"
			href="https://fonts.googleapis.com"
		/>
		<link
			rel="preconnect"
			href="https://fonts.gstatic.com"
			crossorigin
		/>
		<link
			href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
			rel="stylesheet"
		/>
		<!-- 
    [ℹ] ANALYTICS TAGS
    <-contents->
    [ℹ] YANDEX - ORIGINAL
    [ℹ] GOOGLE V1 - ORIGINAL
    [ℹ] GOOGLE V2 - NONCE BASED
    -->
		<script type="text/javascript">
			window.smartlook ||
				(function (d) {
					var o = (smartlook = function () {
							o.api.push(arguments);
						}),
						h = d.getElementsByTagName('head')[0];
					var c = d.createElement('script');
					o.api = new Array();
					c.async = true;
					c.type = 'text/javascript';
					c.charset = 'utf-8';
					c.src =
						'https://web-sdk.smartlook.com/recorder.js';
					h.appendChild(c);
				})(document);
			smartlook(
				'init',
				'd532d8ff8750a3614eebabdb41c0964ba3623154',
				{ region: 'eu' }
			);
		</script>
		<!-- V2 -->
		<script
			async
			src="https://www.googletagmanager.com/gtag/js?id=UA-60160331-9"
		></script>
		<script>
			window.dataLayer = window.dataLayer || [];
			function gtag() {
				dataLayer.push(arguments);
			}
			gtag('js', new Date());
			gtag('config', 'UA-60160331-9');
		</script>

		%sveltekit.head%
	</head>
	<body
    data-sveltekit-preload-data="hover" 
    class="no-scrollbar">
		<div id="svelte">
      %sveltekit.body%
    </div>
	</body>
</html>