36 lines
1.8 KiB
Plaintext
36 lines
1.8 KiB
Plaintext
<%~ include('./partials/head', { title: 'Account Created' }) %>
|
|
|
|
<div class="min-h-screen flex items-center justify-center p-4">
|
|
<div class="w-full max-w-md">
|
|
<div class="text-center mb-8">
|
|
<h1 class="text-3xl font-bold tracking-tight">Ping<span class="text-blue-400">QL</span></h1>
|
|
</div>
|
|
|
|
<div class="card-static p-6" style="box-shadow:0 0 60px rgba(59,130,246,0.08)">
|
|
<div class="flex items-center gap-3 mb-5">
|
|
<div class="w-8 h-8 rounded-full bg-green-500/20 flex items-center justify-center text-green-400 text-lg">✓</div>
|
|
<div>
|
|
<p class="font-semibold text-white">Account created</p>
|
|
<p class="text-xs text-gray-500">Save your key - it's how you access your account</p>
|
|
</div>
|
|
</div>
|
|
|
|
<label class="block text-xs text-gray-500 uppercase tracking-wider mb-2">Your Account Key</label>
|
|
<code class="block bg-surface-solid border border-border-subtle rounded-lg px-4 py-3 text-blue-400 text-sm font-mono select-all break-all mb-5"><%= it.key %></code>
|
|
|
|
<div class="pt-5 border-t divider">
|
|
<form action="/account/email" method="POST" class="space-y-3">
|
|
<input type="hidden" name="_form" value="1">
|
|
<label class="block text-xs text-gray-500 uppercase tracking-wider mb-1">Email <span class="text-gray-600 normal-case">(optional, recovery only)</span></label>
|
|
<input name="email" type="email" placeholder="you@example.com"
|
|
class="w-full input-base px-4 py-3 text-gray-100 placeholder-gray-600 text-sm">
|
|
<div class="flex gap-2">
|
|
<button type="submit" class="flex-1 btn-primary py-2.5 text-sm">Save & Continue</button>
|
|
<a href="/dashboard/home" class="btn-secondary px-4 text-sm flex items-center">Skip</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|