{{ define "tixe" }}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="/static/styles.css">
</head>
<body>
<main>
<div class="flex flex-col w-full items-center p-4">
<div class="flex w-full max-w-4xl items-center gap-4">
<div class="w-max">
<a class="bg-size-200 bg-pos-0 hover:bg-pos-100
bg-gradient-to-br from-slate-600 via-blue-400 to-rose-500
bg-clip-text text-lg font-bold text-transparent
transition-all duration-500"
href="/">
Tixë
</a>
</div>
<div class="flex w-full">
</div>
<div class="flex flex-col min-w-max">
{{ if eq .notauthed true }}
Not logged in
{{ else if ne .profile nil }}
Logged in as {{ .profile.name }}
<a class="self-end text-sm hover:underline" href="/auth/logout">Logout</a>
{{ end }}
</div>
</div>
<div class="flex flex-col w-full max-w-4xl items-center gap-2">
{{ template "content" . }}
</div>
</div>
</main>
</body>
</html>
{{ end }}