38 lines
1.4 KiB
HTML
38 lines
1.4 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}Registrieren{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="glassmorphism p-6 rounded shadow-lg w-full max-w-md mx-auto">
|
|
<h1 class="text-2xl font-bold mb-4">Registrieren</h1>
|
|
|
|
{% with messages = get_flashed_messages(with_categories=true) %}
|
|
{% if messages %}
|
|
{% for category, message in messages %}
|
|
<div class="bg-{{category}}-500 text-white p-2 rounded mb-2">
|
|
{{ message }}
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% endwith %}
|
|
|
|
<form action="{{ url_for('register') }}" method="POST">
|
|
<label for="username" class="block mb-2">Benutzername</label>
|
|
<input type="text" name="username" id="username"
|
|
class="p-2 border rounded w-full mb-4 text-gray-800" required>
|
|
|
|
<label for="email" class="block mb-2">E-Mail</label>
|
|
<input type="email" name="email" id="email"
|
|
class="p-2 border rounded w-full mb-4 text-gray-800" required>
|
|
|
|
<label for="password" class="block mb-2">Passwort</label>
|
|
<input type="password" name="password" id="password"
|
|
class="p-2 border rounded w-full mb-4 text-gray-800" required>
|
|
|
|
<button type="submit"
|
|
class="w-full bg-green-500 hover:bg-green-600 text-white font-bold py-2 px-4 rounded">
|
|
Registrieren
|
|
</button>
|
|
</form>
|
|
</div>
|
|
{% endblock content %}
|