mirror of
https://github.com/pacnpal/thrillwiki_django_no_react.git
synced 2025-12-22 09:11:09 -05:00
first commit
This commit is contained in:
pacnpal
19
templates/accounts/email/password_changed.html
Normal file
19
templates/accounts/email/password_changed.html
Normal file
@@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Password Changed - ThrillWiki</title>
|
||||
</head>
|
||||
<body>
|
||||
<div style="max-width: 600px; margin: 0 auto; padding: 20px;">
|
||||
<h1 style="color: #2b3a4a;">Password Changed</h1>
|
||||
|
||||
<p>Hi {{ user.username }},</p>
|
||||
|
||||
<p>Your password has been successfully changed on ThrillWiki.</p>
|
||||
|
||||
<p>If you did not make this change, please contact us immediately.</p>
|
||||
|
||||
<p>Best regards,<br>The ThrillWiki Team</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
47
templates/accounts/email/password_reset.html
Normal file
47
templates/accounts/email/password_reset.html
Normal file
@@ -0,0 +1,47 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Reset Your Password</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
line-height: 1.6;
|
||||
color: #333;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 10px 20px;
|
||||
background-color: #007bff;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
.footer {
|
||||
margin-top: 30px;
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid #eee;
|
||||
font-size: 0.9em;
|
||||
color: #666;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Reset Your Password</h2>
|
||||
<p>Hello {{ user.get_display_name }},</p>
|
||||
<p>We received a request to reset your password. Click the button below to set a new password:</p>
|
||||
<p>
|
||||
<a href="{{ reset_url }}" class="button">Reset Password</a>
|
||||
</p>
|
||||
<p>This link will expire in 24 hours for security reasons.</p>
|
||||
<p>If you didn't request this password reset, you can safely ignore this email. Your password will remain unchanged.</p>
|
||||
<div class="footer">
|
||||
<p>Best regards,<br>ThrillWiki Team</p>
|
||||
<p>If you're having trouble clicking the button, copy and paste this URL into your browser:<br>
|
||||
{{ reset_url }}</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
41
templates/accounts/email/password_reset_complete.html
Normal file
41
templates/accounts/email/password_reset_complete.html
Normal file
@@ -0,0 +1,41 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Password Reset Complete</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
line-height: 1.6;
|
||||
color: #333;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
.success {
|
||||
color: #28a745;
|
||||
font-weight: bold;
|
||||
}
|
||||
.warning {
|
||||
color: #dc3545;
|
||||
font-weight: bold;
|
||||
}
|
||||
.footer {
|
||||
margin-top: 30px;
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid #eee;
|
||||
font-size: 0.9em;
|
||||
color: #666;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Password Reset Complete</h2>
|
||||
<p>Hello {{ user.get_display_name }},</p>
|
||||
<p class="success">Your password has been successfully reset.</p>
|
||||
<p>You can now log in to your account with your new password.</p>
|
||||
<p class="warning">If you did not make this change, please contact us immediately as your account may have been compromised.</p>
|
||||
<div class="footer">
|
||||
<p>Best regards,<br>ThrillWiki Team</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
51
templates/accounts/email/verify_email_change.html
Normal file
51
templates/accounts/email/verify_email_change.html
Normal file
@@ -0,0 +1,51 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Verify Your New Email Address</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
line-height: 1.6;
|
||||
color: #333;
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 10px 20px;
|
||||
background-color: #007bff;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
.footer {
|
||||
margin-top: 30px;
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid #eee;
|
||||
font-size: 0.9em;
|
||||
color: #666;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Hello {{ user.username }},</h2>
|
||||
|
||||
<p>We received a request to change your email address on ThrillWiki. To complete this change, please click the button below:</p>
|
||||
|
||||
<a href="{{ verification_url }}" class="button">Verify Email Address</a>
|
||||
|
||||
<p>If the button doesn't work, you can copy and paste this link into your browser:</p>
|
||||
<p>{{ verification_url }}</p>
|
||||
|
||||
<p>This link will expire in 24 hours for security reasons.</p>
|
||||
|
||||
<p>If you did not request this change, please ignore this email or contact support if you have concerns.</p>
|
||||
|
||||
<div class="footer">
|
||||
<p>Best regards,<br>The ThrillWiki Team</p>
|
||||
<p>This is an automated message, please do not reply to this email.</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
33
templates/accounts/email_required.html
Normal file
33
templates/accounts/email_required.html
Normal file
@@ -0,0 +1,33 @@
|
||||
{% extends "base/base.html" %}
|
||||
|
||||
{% block title %}Email Required{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container mx-auto px-4 py-16">
|
||||
<div class="max-w-md mx-auto bg-white rounded-lg shadow-md p-8">
|
||||
<h1 class="text-2xl font-bold mb-6">Email Required</h1>
|
||||
|
||||
{% if error %}
|
||||
<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4" role="alert">
|
||||
<p>{{ error }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<p class="mb-6">Please provide your email address to complete the registration process.</p>
|
||||
|
||||
<form method="post" class="space-y-4">
|
||||
{% csrf_token %}
|
||||
<div>
|
||||
<label for="email" class="block text-sm font-medium text-gray-700">Email Address</label>
|
||||
<input type="email" name="email" id="email" required
|
||||
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">
|
||||
</div>
|
||||
|
||||
<button type="submit"
|
||||
class="w-full bg-blue-600 text-white py-2 px-4 rounded hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2">
|
||||
Submit
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
147
templates/accounts/profile.html
Normal file
147
templates/accounts/profile.html
Normal file
@@ -0,0 +1,147 @@
|
||||
{% extends 'base/base.html' %}
|
||||
{% load static %}
|
||||
|
||||
{% block title %}{{ profile_user.username }}'s Profile - ThrillWiki{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container mx-auto px-4">
|
||||
<!-- Profile Header -->
|
||||
<div class="bg-white dark:bg-gray-800 shadow rounded-lg overflow-hidden">
|
||||
<div class="p-6">
|
||||
<div class="flex items-center">
|
||||
<img src="{{ profile_user.profile.avatar.url|default:'/static/images/default-avatar.png' }}"
|
||||
alt="{{ profile_user.username }}"
|
||||
class="w-24 h-24 rounded-full object-cover">
|
||||
<div class="ml-6">
|
||||
<h1 class="text-2xl font-bold">
|
||||
{{ profile_user.profile.display_name|default:profile_user.username }}
|
||||
</h1>
|
||||
{% if profile_user.profile.pronouns %}
|
||||
<p class="text-gray-600 dark:text-gray-400">{{ profile_user.profile.pronouns }}</p>
|
||||
{% endif %}
|
||||
<div class="mt-2">
|
||||
{% if profile_user.role != 'USER' %}
|
||||
<span class="role-badge role-{{ profile_user.role|lower }}">
|
||||
{{ profile_user.get_role_display }}
|
||||
</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if profile_user.profile.bio %}
|
||||
<div class="mt-6">
|
||||
<h2 class="text-lg font-semibold mb-2">About Me</h2>
|
||||
<p class="text-gray-600 dark:text-gray-400">{{ profile_user.profile.bio }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<!-- Social Links -->
|
||||
{% if profile_user.profile.twitter or profile_user.profile.instagram or profile_user.profile.youtube or profile_user.profile.discord %}
|
||||
<div class="mt-4 flex space-x-4">
|
||||
{% if profile_user.profile.twitter %}
|
||||
<a href="{{ profile_user.profile.twitter }}" target="_blank" rel="noopener noreferrer"
|
||||
class="text-gray-600 dark:text-gray-400 hover:text-blue-500">
|
||||
<i class="material-icons">link</i> Twitter
|
||||
</a>
|
||||
{% endif %}
|
||||
{% if profile_user.profile.instagram %}
|
||||
<a href="{{ profile_user.profile.instagram }}" target="_blank" rel="noopener noreferrer"
|
||||
class="text-gray-600 dark:text-gray-400 hover:text-blue-500">
|
||||
<i class="material-icons">link</i> Instagram
|
||||
</a>
|
||||
{% endif %}
|
||||
{% if profile_user.profile.youtube %}
|
||||
<a href="{{ profile_user.profile.youtube }}" target="_blank" rel="noopener noreferrer"
|
||||
class="text-gray-600 dark:text-gray-400 hover:text-blue-500">
|
||||
<i class="material-icons">link</i> YouTube
|
||||
</a>
|
||||
{% endif %}
|
||||
{% if profile_user.profile.discord %}
|
||||
<span class="text-gray-600 dark:text-gray-400">
|
||||
<i class="material-icons">discord</i> {{ profile_user.profile.discord }}
|
||||
</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Statistics -->
|
||||
<div class="grid grid-cols-1 md:grid-cols-4 gap-4 mt-6">
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<div class="stat-value">{{ profile_user.profile.coaster_credits }}</div>
|
||||
<div class="stat-label">Coaster Credits</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<div class="stat-value">{{ profile_user.profile.dark_ride_credits }}</div>
|
||||
<div class="stat-label">Dark Ride Credits</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<div class="stat-value">{{ profile_user.profile.flat_ride_credits }}</div>
|
||||
<div class="stat-label">Flat Ride Credits</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body text-center">
|
||||
<div class="stat-value">{{ profile_user.profile.water_ride_credits }}</div>
|
||||
<div class="stat-label">Water Ride Credits</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Recent Activity -->
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-6">
|
||||
<!-- Recent Reviews -->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h2 class="text-xl font-semibold">Recent Reviews</h2>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
{% for review in recent_reviews %}
|
||||
<div class="mb-4 last:mb-0">
|
||||
<div class="flex justify-between items-start">
|
||||
<div>
|
||||
<h3 class="font-medium">{{ review.title }}</h3>
|
||||
<p class="text-sm text-gray-600 dark:text-gray-400">
|
||||
{{ review.content_object.name }}
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<span class="text-yellow-400 mr-1">★</span>
|
||||
<span>{{ review.rating }}/10</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% empty %}
|
||||
<p class="text-gray-500 dark:text-gray-400">No reviews yet.</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Top Lists -->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h2 class="text-xl font-semibold">Top Lists</h2>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
{% for list in top_lists %}
|
||||
<div class="mb-4 last:mb-0">
|
||||
<h3 class="font-medium">{{ list.title }}</h3>
|
||||
<p class="text-sm text-gray-600 dark:text-gray-400">
|
||||
{{ list.get_category_display }}
|
||||
</p>
|
||||
</div>
|
||||
{% empty %}
|
||||
<p class="text-gray-500 dark:text-gray-400">No top lists created yet.</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user