<!DOCTYPE html>
<html lang="en">
	<head>
		<title>{{ title }}</title>

		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta
			name="viewport"
			content="width=device-width, initial-scale=1, user-scalable=no"
		/>
		<meta
			name="keywords"
			content="music, {{ title }}, musare, songs, song catalogue, listen, station, station, radio, open source"
		/>
		<meta
			name="description"
			content="{{ title }} is an open-source collaborative music listening and catalogue curation application. Currently supporting YouTube based content."
		/>
		<meta
			name="copyright"
			content="© Copyright Musare 2015-2022 All Right Reserved"
		/>

		<link
			rel="apple-touch-icon"
			sizes="57x57"
			href="/assets/favicon/apple-touch-icon-57x57.png?v=06042016"
		/>
		<link
			rel="apple-touch-icon"
			sizes="60x60"
			href="/assets/favicon/apple-touch-icon-60x60.png?v=06042016"
		/>
		<link
			rel="apple-touch-icon"
			sizes="72x72"
			href="/assets/favicon/apple-touch-icon-72x72.png?v=06042016"
		/>
		<link
			rel="apple-touch-icon"
			sizes="76x76"
			href="/assets/favicon/apple-touch-icon-76x76.png?v=06042016"
		/>
		<link
			rel="apple-touch-icon"
			sizes="114x114"
			href="/assets/favicon/apple-touch-icon-114x114.png?v=06042016"
		/>
		<link
			rel="apple-touch-icon"
			sizes="120x120"
			href="/assets/favicon/apple-touch-icon-120x120.png?v=06042016"
		/>
		<link
			rel="apple-touch-icon"
			sizes="144x144"
			href="/assets/favicon/apple-touch-icon-144x144.png?v=06042016"
		/>
		<link
			rel="apple-touch-icon"
			sizes="152x152"
			href="/assets/favicon/apple-touch-icon-152x152.png?v=06042016"
		/>
		<link
			rel="apple-touch-icon"
			sizes="180x180"
			href="/assets/favicon/apple-touch-icon-180x180.png?v=06042016"
		/>
		<link
			rel="icon"
			type="image/png"
			href="/assets/favicon/favicon-32x32.png?v=06042016"
			sizes="32x32"
		/>
		<link
			rel="icon"
			type="image/png"
			href="/assets/favicon/favicon-194x194.png?v=06042016"
			sizes="194x194"
		/>
		<link
			rel="icon"
			type="image/png"
			href="/assets/favicon/favicon-96x96.png?v=06042016"
			sizes="96x96"
		/>
		<link
			rel="icon"
			type="image/png"
			href="/assets/favicon/android-chrome-192x192.png?v=06042016"
			sizes="192x192"
		/>
		<link
			rel="icon"
			type="image/png"
			href="/assets/favicon/favicon-16x16.png?v=06042016"
			sizes="16x16"
		/>
		<link rel="manifest" href="/assets/favicon/manifest.json?v=06042016" />
		<link
			rel="mask-icon"
			href="/assets/favicon/safari-pinned-tab.svg?v=06042016"
			color="#03a9f4"
		/>
		<link
			rel="shortcut icon"
			href="/assets/favicon/favicon.ico?v=06042016"
		/>
		<meta name="msapplication-TileColor" content="#03a9f4" />
		<meta
			name="msapplication-TileImage"
			content="/assets/favicon/mstile-144x144.png?v=06042016"
		/>
		<meta name="theme-color" content="#03a9f4" />
		<meta name="google" content="nositelinkssearchbox" />

		<script src="https://www.youtube.com/iframe_api"></script>

		<!--Musare version: {{ version }}-->
		<!--
			Git info
			Remote: {{ gitRemote }}
			Remote URL: {{ gitRemoteUrl }}
			Branch: {{ gitBranch }}
			Latest commit: {{ gitLatestCommit }}
			Latest commit short: {{ gitLatestCommitShort }}
		-->
	</head>

	<body>
		<div id="root"></div>
		<div id="toasts-container" class="position-right position-bottom">
			<div id="toasts-content"></div>
		</div>
		<script type="module" src="/main.js"></script>
	</body>
</html>
