47 lines
2.3 KiB
HTML
47 lines
2.3 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Registrieren | Wissenschaftliche Mindmap{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="flex justify-center items-center min-h-[80vh]">
|
|
<div class="glass p-8 w-full max-w-md">
|
|
<h1 class="text-3xl font-bold text-white mb-6 text-center">Registrieren</h1>
|
|
|
|
<form method="POST" action="{{ url_for('register') }}" class="space-y-6">
|
|
<div>
|
|
<label for="username" class="block text-sm font-medium text-white mb-1">Benutzername</label>
|
|
<input type="text" id="username" name="username" required
|
|
class="w-full px-4 py-2 rounded-lg bg-white/10 border border-white/20 text-white focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition-all">
|
|
</div>
|
|
|
|
<div>
|
|
<label for="email" class="block text-sm font-medium text-white mb-1">E-Mail</label>
|
|
<input type="email" id="email" name="email" required
|
|
class="w-full px-4 py-2 rounded-lg bg-white/10 border border-white/20 text-white focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition-all">
|
|
</div>
|
|
|
|
<div>
|
|
<label for="password" class="block text-sm font-medium text-white mb-1">Passwort</label>
|
|
<input type="password" id="password" name="password" required
|
|
class="w-full px-4 py-2 rounded-lg bg-white/10 border border-white/20 text-white focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition-all">
|
|
</div>
|
|
|
|
<div>
|
|
<button type="submit"
|
|
class="w-full bg-gradient-to-r from-indigo-500 to-purple-600 hover:from-indigo-600 hover:to-purple-700 text-white font-semibold px-6 py-3 rounded-lg transition-all duration-300">
|
|
Registrieren
|
|
</button>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="mt-6 text-center">
|
|
<p class="text-white/70">
|
|
Bereits registriert?
|
|
<a href="{{ url_for('login') }}" class="text-indigo-300 hover:text-white font-medium transition-colors">
|
|
Anmelden
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %} |