Files
at-container-registry/pkg/appview/templates/pages/signup-continue.html
T
2026-04-21 22:29:23 -05:00

53 lines
2.3 KiB
HTML

{{ define "signup-continue" }}
<!DOCTYPE html>
<html lang="en">
<head>
{{ template "head" . }}
{{ template "meta" .Meta }}
</head>
<body>
{{ template "nav-simple" . }}
<main id="main-content" class="flex-1 flex items-start justify-center px-4 pt-16 sm:pt-24 pb-20">
<div class="w-full max-w-md">
<div class="signup-handoff-mark mb-8">
{{ if .Provider.AvatarMono }}
<span class="provider-mark-mono" style="--mark-url: url('{{ .Provider.AvatarPath }}')" role="img" aria-label="{{ .Provider.Domain }}"></span>
{{ else }}
<img src="{{ .Provider.AvatarPath }}" alt="" width="64" height="64" loading="lazy" decoding="async">
{{ end }}
</div>
<h1 class="text-2xl sm:text-3xl font-display font-semibold tracking-tight leading-[1.15]">
Create your account on<br>
<span class="font-mono font-semibold text-primary tracking-tight">{{ .Provider.Domain }}</span>
</h1>
<p class="mt-5 text-base-content/75 leading-relaxed">
You're being sent to
<span class="font-mono">{{ .Provider.Domain }}</span>
to create your account.
The same account works on {{ .ClientShortName }} and every other app on the Atmosphere,
including Bluesky, Tangled, and dozens more.
</p>
<form action="/signup/continue" method="POST" class="mt-8 flex flex-col gap-3"
onsubmit="var b=this.querySelector('button[type=submit]');if(b){b.disabled=true;b.querySelector('.cta-label').textContent='Redirecting…';}">
<input type="hidden" name="to" value="{{ .Provider.Domain }}">
<button type="submit" autofocus class="btn btn-primary btn-lg">
<span class="cta-label">Continue to {{ .Provider.Domain }}</span>
{{ icon "arrow-right" "size-4" }}
</button>
<a href="/signup" class="btn btn-ghost btn-sm self-start mt-1 -ml-3">
{{ icon "chevron-left" "size-4" }}
Pick a different provider
</a>
</form>
</div>
</main>
{{ template "footer" . }}
</body>
</html>
{{ end }}