<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>{{.Strings.Signedup.title}}</title>
		<link rel="stylesheet" href="/static/style/style.css" />
		<link rel="icon" type="image/svg+xml" href="/static/img/logo.svg">
		<link rel="apple-touch-icon" type="image/svg+xml" href="/static/img/logo.svg">
	</head>
	<body class="flex flex-column height-all">
		<header class="w12 padding-bottom-_25 flex flex-row flex-justify-space flex-align-centre flex-content">
			<a href="/" class="decoration-none">
				<h1 class="inline valign-mid text sans margin-lr-1">a·muse</h1>
			</a>
		</header>
		<main class="margin-lr-1 flex-fill">
			<div class="flex flex-column height-fill flex-centre">
				<div class="w12 flex flex-centre border-box left">
					<div>
						<div class="sans italic centre">{{.Strings.Signedup.welcome}}</div>
						<hr/>
						{{if gt (len .Data) 0}}
						<p class="sans">{{.Strings.Signedup.sfa_codes}}<br/><br/>
						{{range .Data}}<span class="monospace font-1">{{.}}</span><br/>{{end}}
						<br/>
						{{.Strings.Signedup.copy_and_keep}}<br/>
						{{.Strings.Signedup.youll_need}}</p>
						{{end}}
						<p class="sans">{{.Strings.Signedup.now_you_can}} <a href="/login">{{.Strings.Signedup.log_in}}</a> {{.Strings.Signedup.and_be_amused}}</p>
					</div>
				</div>
			</div>
		</main>
	</body>
</html>
