<!doctype html>
<html style="width: 100%">
	<head>
		<script>
			const g_data = $data;
		</script>
		<link rel="stylesheet" href="w3.css" />
		<!-- prettier-ignore -->
		<style>
			/* 2018 Valiant Poppy */
			.w3-theme-l5 {color:#000 !important; background-color:#fbf3f3 !important}
			.w3-theme-l4 {color:#000 !important; background-color:#f3d7d6 !important}
			.w3-theme-l3 {color:#000 !important; background-color:#e6afae !important}
			.w3-theme-l2 {color:#fff !important; background-color:#da8785 !important}
			.w3-theme-l1 {color:#fff !important; background-color:#cd5f5d !important}
			.w3-theme-d1 {color:#fff !important; background-color:#a93634 !important}
			.w3-theme-d2 {color:#fff !important; background-color:#96302e !important}
			.w3-theme-d3 {color:#fff !important; background-color:#832a28 !important}
			.w3-theme-d4 {color:#fff !important; background-color:#702423 !important}
			.w3-theme-d5 {color:#fff !important; background-color:#5e1e1d !important}

			.w3-theme-light {color:#000 !important; background-color:#fbf3f3 !important}
			.w3-theme-dark {color:#fff !important; background-color:#5e1e1d !important}
			.w3-theme-action {color:#fff !important; background-color:#5e1e1d !important}

			.w3-theme {color:#fff !important; background-color:#bd3d3a !important}
			.w3-text-theme {color:#bd3d3a !important}
			.w3-border-theme {border-color:#bd3d3a !important}

			.w3-hover-theme:hover {color:#fff !important; background-color:#bd3d3a !important}
			.w3-hover-text-theme:hover {color:#bd3d3a !important}
			.w3-hover-border-theme:hover {border-color:#bd3d3a !important}
		</style>
	</head>
	<body class="w3-theme-l4">
		<header class="w3-row w3-padding w3-header w3-theme-l1">
			<h1>Tilde Friends Administration</h1>
		</header>
	</body>
	<script type="module" src="script.js"></script>
</html>