[FEAT] Create Reset Password Email

src/app/core/theme.py

@@ -10,7 +10,7 @@ class Theme:
     card_foreground: str = "#f8fafc"
     border: str = "#1e293b"
 
-    primary: str = "#338f39"
+    primary: str = "#16a34a"
     primary_foreground: str = "#ffffff"
 
     secondary: str = "#1e293b"

src/app/locales/en.json

@@ -57,6 +57,17 @@
     "title": "We miss you!",
     "verify_text": "Click below to activate your account now:"
   },
+  "reset_password": {
+    "button": "Reset Password",
+    "expiry": "This link will expire in 30 minutes.",
+    "fallback_text": "If the button doesn't work, copy and paste the following link into your browser:",
+    "ignore": "If you didn't request this change, you can safely ignore this email. Your password will not change.",
+    "intro": "We received a request to reset the password for your Ideological Atlas account.",
+    "salutation": "Regards,",
+    "subject": "Password Reset Request",
+    "team": "The Ideological Atlas Team",
+    "title": "Reset Your Password"
+  },
   "user_deleted_due_no_verification": {
     "button": "Register Again",
     "intro": "As mentioned in our previous reminders, your account has been removed from our database due to lack of verification after 31 days.",

src/app/locales/es.json

@@ -57,6 +57,17 @@
     "title": "\u00a1Te echamos de menos!",
     "verify_text": "Haz clic abajo para activar tu cuenta ahora:"
   },
+  "reset_password": {
+    "button": "Restablecer contrase\u00f1a",
+    "expiry": "Este enlace expirar\u00e1 en 30 minutos.",
+    "fallback_text": "Si el bot\u00f3n no funciona, copia y pega el siguiente enlace en tu navegador:",
+    "ignore": "Si no has solicitado este cambio, puedes ignorar este correo con seguridad. Tu contrase\u00f1a no cambiar\u00e1.",
+    "intro": "Hemos recibido una solicitud para restablecer la contrase\u00f1a de tu cuenta en Ideological Atlas.",
+    "salutation": "Saludos,",
+    "subject": "Restablecimiento de contrase\u00f1a",
+    "team": "El equipo de Ideological Atlas",
+    "title": "Restablece tu contrase\u00f1a"
+  },
   "user_deleted_due_no_verification": {
     "button": "Registrarse de nuevo",
     "intro": "Como mencionamos en nuestros recordatorios anteriores, tu cuenta ha sido eliminada de nuestra base de datos debido a la falta de verificaci\u00f3n tras 31 d\u00edas.",

src/templates/reset_password/content.html

@@ -0,0 +1,34 @@
+{% extends "base.html" %}
+
+{% block subject %}{{ t.reset_password.subject }}{% endblock %}
+
+{% block content %}
+<h1 style="color: {{ theme.foreground }}; margin-top: 0; font-size: 24px; font-weight: bold; text-align: center;">{{ t.reset_password.title }}</h1>
+<p style="color: #cbd5e1; text-align: center; margin-bottom: 20px;">
+    {{ t.reset_password.intro|safe }}
+</p>
+
+<p style="color: {{ theme.destructive }}; text-align: center; margin-bottom: 30px; font-weight: bold;">
+    {{ t.reset_password.expiry }}
+</p>
+
+<p style="text-align: center; margin-bottom: 30px;">
+    <a href="{{site_url}}/reset-password/{{reset_token}}" style="background-color: {{ theme.primary }}; color: {{ theme.primary_foreground }}; padding: 14px 32px; text-decoration: none; border-radius: 8px; font-weight: bold; display: inline-block; font-size: 16px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);">
+        {{ t.reset_password.button }}
+    </a>
+</p>
+
+<p style="color: {{ theme.muted_foreground }}; text-align: center; margin-bottom: 20px; font-size: 14px;">
+    {{ t.reset_password.ignore }}
+</p>
+
+<p style="font-size: 14px; color: {{ theme.muted_foreground }}; border-top: 1px solid {{ theme.border }}; padding-top: 20px;">
+    {{ t.reset_password.fallback_text }}<br>
+    <a href="{{site_url}}/reset-password/{{reset_token}}" style="color: {{ theme.primary }}; word-break: break-all; text-decoration: none;">{{site_url}}/reset-password/{{reset_token}}</a>
+</p>
+
+<p style="margin-top: 30px; color: {{ theme.foreground }};">
+    {{ t.reset_password.salutation }}<br>
+    <strong style="color: {{ theme.primary }};">{{ t.reset_password.team }}</strong>
+</p>
+{% endblock %}