Add account deletion confirmation page, privacy settings template, and profile view template

- Created a new HTML template for account deletion confirmation with user-friendly messaging and a return link.
- Developed a privacy settings page allowing users to control visibility of their personal information with appropriate messaging for success and error states.
- Implemented a profile view template displaying user information, statistics, teams, and achievements based on user permissions.
- Added responsive design elements and improved user interface with Tailwind CSS classes for better aesthetics and usability.
This commit is contained in:
Christian Krakau-Louis
2025-04-16 21:45:33 +02:00
parent 9815a1a3e0
commit 6c260c5936
16 changed files with 1169 additions and 145 deletions
+11 -3
View File
@@ -1,6 +1,6 @@
{% extends "base.html" %}
{% block content %}
<div class="space-y-6">
<div class="max-w-4xl mx-auto space-y-6">
<!-- Team Header -->
<div class="bg-white rounded-lg shadow-md overflow-hidden">
<div class="bg-irish-green p-6">
@@ -88,10 +88,18 @@
<div class="flex items-center justify-between">
<div class="flex items-center">
<div class="w-10 h-10 rounded-full bg-gray-200 mr-3 overflow-hidden">
<img src="https://picsum.photos/40" alt="User" class="w-full h-full object-cover">
{% if member.user.picture %}
<img src="{{ member.user.picture }}" alt="User" class="w-full h-full object-cover">
{% else %}
<div class="w-full h-full bg-irish-green flex items-center justify-center text-white text-sm">
{{ member.user.username[0]|upper }}
</div>
{% endif %}
</div>
<div>
<p class="font-medium">{{ member.user.username }}</p>
<p class="font-medium">
<a href="/auth/user/{{ member.user.id }}" class="hover:text-irish-green">{{ member.user.username }}</a>
</p>
<p class="text-xs text-gray-500">Joined {{ member.joined }}</p>
</div>
</div>