atash/chronus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

Moar
All checks were successful
Docker Deploy / build-and-push (push) Successful in 4m6s
Details

Browse Source
This commit is contained in:
Atridad Lahiji
2026-02-09 02:28:54 -07:00
parent 12d59bb42f
commit caf763aa1e
24 changed files with 1003 additions and 1169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
src/pages/signup.astro
View File

@@ -34,92 +34,82 @@ const errorMessage =
<Layout title="Sign Up - Chronus">
<div class="flex justify-center items-center flex-1 bg-base-100">
<div class="card bg-base-100 shadow-2xl w-full max-w-md mx-4">
<div class="card-body">
<img src="/logo.webp" alt="Chronus" class="h-16 w-16 mx-auto mb-4" />
<h2 class="text-3xl font-bold text-center mb-2">Create Account</h2>
<p class="text-center text-base-content/60 mb-6">Join Chronus to start tracking time</p>
<div class="card card-border bg-base-100 w-full max-w-sm mx-4">
<div class="card-body gap-0">
<img src="/logo.webp" alt="Chronus" class="h-14 w-14 mx-auto mb-3" />
<h2 class="text-2xl font-extrabold tracking-tight text-center">Create Account</h2>
<p class="text-center text-base-content/60 text-sm mt-1 mb-5">Join Chronus to start tracking time</p>
{errorMessage && (
<div role="alert" class="alert alert-error mb-4">
<Icon name="heroicons:exclamation-circle" class="w-6 h-6" />
<div role="alert" class="alert alert-error mb-4 text-sm">
<Icon name="heroicons:exclamation-circle" class="w-5 h-5" />
<span>{errorMessage}</span>
</div>
)}
{registrationDisabled ? (
<>
<div class="alert alert-warning">
<Icon name="heroicons:exclamation-triangle" class="w-6 h-6" />
<div class="alert alert-warning text-sm">
<Icon name="heroicons:exclamation-triangle" class="w-5 h-5" />
<span>Registration is currently disabled by the site administrator.</span>
</div>
<div class="divider"></div>
<div class="text-center">
<p class="text-sm text-base-content/70">
Already have an account?
<a href="/login" class="link link-primary font-semibold">Sign in</a>
</p>
</div>
<div class="divider text-xs"></div>
<p class="text-center text-sm text-base-content/60">
Already have an account?
<a href="/login" class="link link-primary font-semibold">Sign in</a>
</p>
</>
) : (
<>
<form action="/api/auth/signup" method="POST" class="space-y-4">
<div class="form-control">
<label class="label font-medium" for="name">
Full Name
</label>
<form action="/api/auth/signup" method="POST" class="space-y-3">
<fieldset class="fieldset">
<legend class="fieldset-legend text-xs">Full Name</legend>
<input
type="text"
id="name"
name="name"
placeholder="John Doe"
class="input input-bordered w-full"
class="input w-full"
autocomplete="name"
required
/>
</div>
</fieldset>
<div class="form-control">
<label class="label font-medium" for="email">
Email
</label>
<fieldset class="fieldset">
<legend class="fieldset-legend text-xs">Email</legend>
<input
type="email"
id="email"
name="email"
placeholder="your@email.com"
class="input input-bordered w-full"
class="input w-full"
autocomplete="email"
required
/>
</div>
</fieldset>
<div class="form-control">
<label class="label font-medium" for="password">
Password
</label>
<fieldset class="fieldset">
<legend class="fieldset-legend text-xs">Password</legend>
<input
type="password"
id="password"
name="password"
placeholder="Create a strong password"
class="input input-bordered w-full"
class="input w-full"
autocomplete="new-password"
required
/>
</div>
</fieldset>
<button class="btn btn-primary w-full mt-6">Create Account</button>
<button class="btn btn-primary w-full mt-4">Create Account</button>
</form>
<div class="divider">OR</div>
<div class="divider text-xs">OR</div>
<div class="text-center">
<p class="text-sm text-base-content/70">
Already have an account?
<a href="/login" class="link link-primary font-semibold">Sign in</a>
</p>
</div>
<p class="text-center text-sm text-base-content/60">
Already have an account?
<a href="/login" class="link link-primary font-semibold">Sign in</a>
</p>
</>
)}
</div>