<!DOCTYPE html>
<html lang="{{dataset:language}}" dir="ltr" data-content-name="{{name}}">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
		
		<style media="screen">
			* {
				box-sizing: border-box;
			}
			body {
				margin: 8px;
				
				background-color: #21252b;
				color: #c5cad3;
				font-family: "Helvetica Neue", "Segoe UI", Helvetica, sans-serif;
			}
			
			table {
				border-collapse: collapse;
			}
			hr {
				margin: 24px 0;
				border-color: #5c6370;
			}
			a {
				text-decoration: none;
				color: #98c379;
			}
			a:hover {
				text-decoration: underline;
			}
			br.gone {
				display: none;
			}
			
			.gray {
				color: #828997;
			}
			
			.page-container {
				max-width: 512px;
				margin: 32px auto;
			}
			.page {
				padding: 32px;
				margin-bottom: 48px;
				
				border-radius: 32px;
				background-color: #2c313a;
				color: #c5cad3;
			}
			.footer {
				color: #828997;
			}
			.footer a {
				color: #618349;
			}
			.footer .gray {
				color: #454b54;
			}
			.footer center {
				margin-top: 8px;
			}
		</style>
	</head>
	<body>
		<div class="page-container">
			<div class="page">
				<center>
					<table>
						<tbody>
							<tr>
								<td><img src="{{const:url_prefix}}/static/logo-256.png" alt="" style="height: 64px;" /></td>
								<td><h1>SBGG.jetzt</h1></td>
							</tr>
						</tbody>
					</table>
				</center>
				
				<hr />
				{{main}}
				<hr />
				
				{{template-if-isset-dataset:unsubscribe_key,unsubscribe_link}}
				{{template-if-isset-dataset:verify_key,verify_link}}
			</div>
			
			<div class="footer">
				<center>SBGG.jetzt&ensp;<a href="https://git.tjdev.de/kimendisch/sbgg.jetzt">{{text_sourcecode}}</a>&ensp;<span class="gray">v{{const:version}}</span></center><br class="gone" />
				
				<center>&copy; 2024 Kim Endisch&ensp;<span class="gray">|</span>&ensp;<a href="{{link_imprint}}">{{text_imprint}}</a>&ensp;<span class="gray">|</span>&ensp;<a href="{{link_privacy_policy}}">{{text_privacy_policy}}</a></center>
			</div>
		</div>
	</body>
</html>
