<!DOCTYPE html>
<html lang="en">
		<head>
			<meta charset="utf-8">
			<link rel="stylesheet" type="text/css" href="/dist/css/bootstrap.min.css">
			<link rel="stylesheet" type="text/css" href="/dist/css/index.css">
			<title>IcyTV Private Livestreaming Server</title>
		</head>
		<body class="text-center">
			<div class="cover-container d-flex h-100 p-3 mx-auto flex-column">
				<header class="masthead mb-auto">
					<div class="inner">
						<h3 class="masthead-brand">IcyTV</h3>
						<nav class="nav nav-masthead justify-content-center">
							<a class="nav-link active" href="/">Home</a>
							{% if user.uuid %}
							<a class="nav-link" href="/dashboard">{{ user.username }}</a>
							{% else %}
							<a class="nav-link" href="/login">Login</a>
							{% endif %}
						</nav>
					</div>
				</header>

				<main role="main" class="inner cover">
					<h1 class="cover-heading">IcyTV</h1>
					<p class="lead">This is a private livestreaming server for Icy Network members.</p>
					{% if streamer %}
					<p class="lead">Welcome back, {{ user.username }}!</p>
					<p class="lead">
						<a href="/dashboard" class="btn btn-lg btn-secondary">My Dashboard</a>
					</p>
					{% else %}
					<p class="lead">Email me at <code>evert(at)lunasqu.ee</code> if you're interested.</p>
					{% endif %}
				</main>

				<footer class="mastfoot mt-auto">
					<div class="inner">
						<p>Copyleft &copy; 2019 - <a href="https://icynet.eu/" target="_blank">Icy Network</a></p>
					</div>
				</footer>
			</div>
			<script src="/dist/main.bundle.js"></script>
		</body>
</html>