8dc354ae0b
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 44s
Replace standalone base.html with the shared _types/root layout. Social pages get a second nav row via _types/social/index.html. Root / becomes a blank page with shared chrome. Auth pages use the shared layout without the social nav bar. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
55 lines
1.8 KiB
HTML
55 lines
1.8 KiB
HTML
{% extends "_types/social/index.html" %}
|
|
{% block title %}Choose Username — Rose Ash{% endblock %}
|
|
{% block social_content %}
|
|
<div class="py-8 max-w-md mx-auto">
|
|
<h1 class="text-2xl font-bold mb-2">Choose your username</h1>
|
|
<p class="text-stone-600 mb-6">
|
|
This will be your identity on the fediverse:
|
|
<strong>@username@{{ config.get('ap_domain', 'rose-ash.com') }}</strong>
|
|
</p>
|
|
|
|
{% if error %}
|
|
<div class="bg-red-50 border border-red-200 text-red-700 p-3 rounded mb-4">
|
|
{{ error }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<form method="post" class="space-y-4">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
|
<div>
|
|
<label for="username" class="block text-sm font-medium mb-1">Username</label>
|
|
<div class="flex items-center">
|
|
<span class="text-stone-400 mr-1">@</span>
|
|
<input
|
|
type="text"
|
|
name="username"
|
|
id="username"
|
|
value="{{ username | default('') }}"
|
|
pattern="[a-z][a-z0-9_]{2,31}"
|
|
minlength="3"
|
|
maxlength="32"
|
|
required
|
|
autocomplete="off"
|
|
class="flex-1 border border-stone-300 rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-stone-500"
|
|
hx-get="{{ url_for('identity.check_username') }}"
|
|
hx-trigger="keyup changed delay:300ms"
|
|
hx-target="#username-status"
|
|
hx-include="[name='username']"
|
|
>
|
|
</div>
|
|
<div id="username-status" class="text-sm mt-1"></div>
|
|
<p class="text-xs text-stone-400 mt-1">
|
|
3-32 characters. Lowercase letters, numbers, underscores. Must start with a letter.
|
|
</p>
|
|
</div>
|
|
|
|
<button
|
|
type="submit"
|
|
class="w-full bg-stone-800 text-white py-2 px-4 rounded hover:bg-stone-700 transition"
|
|
>
|
|
Claim username
|
|
</button>
|
|
</form>
|
|
</div>
|
|
{% endblock %}
|