melosh/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(auth): implement strict and secure user registration

Browse Source
This commit is contained in:
mkelvers
2026-04-08 15:37:32 +02:00
parent fd9aca9ffc
commit 91e10560a6
8 changed files with 304 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
internal/templates/auth.templ
View File

@@ -7,7 +7,7 @@ templ Login() {
<p class="login-subtitle">enter your credentials to continue</p>
<form action="/login" method="POST" class="login-form">
<div class="form-group">
<label for="username">email</label>
<label for="username">username / email</label>
<input type="text" id="username" name="username" required placeholder="you@example.com"/>
</div>
<div class="form-group">
@@ -16,6 +16,35 @@ templ Login() {
</div>
<button type="submit" class="login-button">sign in</button>
</form>
<p style="margin-top: 1rem; text-align: center; color: var(--text-muted); font-size: var(--text-sm);">
don't have an account? <a href="/register" style="color: var(--primary);">register</a>
</p>
</div>
}
}
templ Register() {
@Layout("Register") {
<div class="login-container">
<h2>register</h2>
<p class="login-subtitle">create a new account to track anime</p>
<form action="/register" method="POST" class="login-form">
<div class="form-group">
<label for="username">username / email</label>
<input type="text" id="username" name="username" required placeholder="you@example.com"/>
</div>
<div class="form-group">
<label for="password">password</label>
<input type="password" id="password" name="password" required placeholder="minimum 12 chars"/>
</div>
<p style="font-size: 0.75rem; color: var(--text-muted); margin-bottom: 1rem; line-height: 1.4;">
Password must be at least 12 characters and include an uppercase letter, lowercase letter, number, and special character.
</p>
<button type="submit" class="login-button">create account</button>
</form>
<p style="margin-top: 1rem; text-align: center; color: var(--text-muted); font-size: var(--text-sm);">
already have an account? <a href="/login" style="color: var(--primary);">sign in</a>
</p>
</div>
}
}