chahine/rebreak-monorepo
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat(mail-templates): Nunito font, app-icon header, DSGVO footer

Browse Source 
- App-Icon (128x128, resized von 1024x1024, 6.7KB) im dunklen Header
  über dem 'ReBreak'-Wordmark, abgerundete Ecken (border-radius:14px)
- Nunito (Google Fonts, weights 400/600/700) für allen Body-Text,
  Inline font-family auf jedem Element wegen Gmail-Style-Stripping.
  OTP-Code bleibt monospace (Apple SF Mono / Menlo)
- DSGVO-Footer: rebreak.org + Datenschutz-Link (i18n'd: Datenschutz /
  Privacy / Confidentialité / الخصوصية)
- 5 Templates konsistent: confirmation, recovery, magic_link, invite,
  email_change
This commit is contained in:
chahinebrini 2026-05-19 11:10:49 +02:00
parent 12e140e25b
commit f2545738ee
6 changed files with 140 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
backend/public/email-assets/icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

45
backend/public/templates/confirmation.html
View File

@ -4,29 +4,35 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>ReBreak</title>
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap');
body, h1, h2, p, div, a, span { font-family: 'Nunito', 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
</style>
</head>
<body style="margin:0;padding:0;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#0a0a0a;">
<body style="margin:0;padding:0;background:#f5f5f5;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#0a0a0a;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr><td align="center" style="padding:32px 16px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:480px;background:#ffffff;border-radius:16px;overflow:hidden;">
<tr><td align="center" style="padding:32px 24px 24px;background:#0a0a0a;">
<div style="color:#ffffff;font-size:26px;font-weight:700;letter-spacing:-0.5px;line-height:1;">Re<span style="color:#f59e0b;">B</span>reak</div>
<tr><td align="center" style="padding:32px 24px 20px;background:#0a0a0a;">
<img src="https://api.staging.rebreak.org/email-assets/icon.png" width="64" height="64" alt="ReBreak" style="display:block;margin:0 auto 12px;border-radius:14px;">
<div style="color:#ffffff;font-size:26px;font-weight:700;letter-spacing:-0.5px;line-height:1;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">Re<span style="color:#f59e0b;">B</span>reak</div>
</td></tr>
<tr><td style="padding:32px 24px;">
{{ if eq .Data.locale "de" }}
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;">Willkommen bei ReBreak</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;">Gib diesen Code in der App ein, um deine E-Mail-Adresse zu bestätigen:</p>
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Willkommen bei ReBreak</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Gib diesen Code in der App ein, um deine E-Mail-Adresse zu bestätigen:</p>
{{ else if eq .Data.locale "fr" }}
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;">Bienvenue sur ReBreak</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;">Saisis ce code dans l'application pour confirmer ton adresse e-mail :</p>
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Bienvenue sur ReBreak</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Saisis ce code dans l'application pour confirmer ton adresse e-mail :</p>
{{ else if eq .Data.locale "ar" }}
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;text-align:right;">مرحبًا بك في ReBreak</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;text-align:right;">أدخل هذا الرمز في التطبيق لتأكيد بريدك الإلكتروني:</p>
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;text-align:right;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">مرحبًا بك في ReBreak</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;text-align:right;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">أدخل هذا الرمز في التطبيق لتأكيد بريدك الإلكتروني:</p>
{{ else }}
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;">Welcome to ReBreak</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;">Enter this code in the app to confirm your email address:</p>
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Welcome to ReBreak</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Enter this code in the app to confirm your email address:</p>
{{ end }}
<div style="background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;padding:24px 16px;text-align:center;margin:0 0 24px;">
@ -34,18 +40,23 @@
</div>
{{ if eq .Data.locale "de" }}
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;">Falls du dich nicht bei ReBreak registriert hast, kannst du diese E-Mail ignorieren.</p>
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Falls du dich nicht bei ReBreak registriert hast, kannst du diese E-Mail ignorieren.</p>
{{ else if eq .Data.locale "fr" }}
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;">Si tu n'as pas créé de compte ReBreak, tu peux ignorer ce message.</p>
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Si tu n'as pas créé de compte ReBreak, tu peux ignorer ce message.</p>
{{ else if eq .Data.locale "ar" }}
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;text-align:right;">إذا لم تقم بإنشاء حساب على ReBreak، يمكنك تجاهل هذه الرسالة.</p>
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;text-align:right;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">إذا لم تقم بإنشاء حساب على ReBreak، يمكنك تجاهل هذه الرسالة.</p>
{{ else }}
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;">If you didn't sign up for ReBreak, you can safely ignore this email.</p>
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">If you didn't sign up for ReBreak, you can safely ignore this email.</p>
{{ end }}
</td></tr>
<tr><td align="center" style="padding:16px 24px 24px;background:#fafafa;border-top:1px solid #f0f0f0;">
<p style="font-size:11px;color:#a3a3a3;margin:0;">© ReBreak</p>
<tr><td align="center" style="padding:24px 24px 28px;background:#fafafa;border-top:1px solid #f0f0f0;">
<p style="font-size:12px;line-height:18px;color:#737373;margin:0 0 6px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">
<a href="https://rebreak.org" style="color:#525252;text-decoration:none;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">rebreak.org</a>
&nbsp;·&nbsp;
<a href="https://rebreak.org/datenschutz" style="color:#525252;text-decoration:none;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">{{ if eq .Data.locale "de" }}Datenschutz{{ else if eq .Data.locale "fr" }}Confidentialité{{ else if eq .Data.locale "ar" }}الخصوصية{{ else }}Privacy{{ end }}</a>
</p>
<p style="font-size:11px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">© ReBreak</p>
</td></tr>
</table>

45
backend/public/templates/email_change.html
View File

@ -4,29 +4,35 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>ReBreak</title>
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap');
body, h1, h2, p, div, a, span { font-family: 'Nunito', 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
</style>
</head>
<body style="margin:0;padding:0;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#0a0a0a;">
<body style="margin:0;padding:0;background:#f5f5f5;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#0a0a0a;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr><td align="center" style="padding:32px 16px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:480px;background:#ffffff;border-radius:16px;overflow:hidden;">
<tr><td align="center" style="padding:32px 24px 24px;background:#0a0a0a;">
<div style="color:#ffffff;font-size:26px;font-weight:700;letter-spacing:-0.5px;line-height:1;">Re<span style="color:#f59e0b;">B</span>reak</div>
<tr><td align="center" style="padding:32px 24px 20px;background:#0a0a0a;">
<img src="https://api.staging.rebreak.org/email-assets/icon.png" width="64" height="64" alt="ReBreak" style="display:block;margin:0 auto 12px;border-radius:14px;">
<div style="color:#ffffff;font-size:26px;font-weight:700;letter-spacing:-0.5px;line-height:1;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">Re<span style="color:#f59e0b;">B</span>reak</div>
</td></tr>
<tr><td style="padding:32px 24px;">
{{ if eq .Data.locale "de" }}
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;">E-Mail-Adresse ändern</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;">Gib diesen Code in der App ein, um die Änderung deiner E-Mail-Adresse zu bestätigen:</p>
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">E-Mail-Adresse ändern</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Gib diesen Code in der App ein, um die Änderung deiner E-Mail-Adresse zu bestätigen:</p>
{{ else if eq .Data.locale "fr" }}
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;">Modifier ton adresse e-mail</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;">Saisis ce code dans l'application pour confirmer la modification de ton adresse e-mail :</p>
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Modifier ton adresse e-mail</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Saisis ce code dans l'application pour confirmer la modification de ton adresse e-mail :</p>
{{ else if eq .Data.locale "ar" }}
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;text-align:right;">تغيير عنوان البريد الإلكتروني</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;text-align:right;">أدخل هذا الرمز في التطبيق لتأكيد تغيير عنوان بريدك الإلكتروني:</p>
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;text-align:right;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">تغيير عنوان البريد الإلكتروني</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;text-align:right;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">أدخل هذا الرمز في التطبيق لتأكيد تغيير عنوان بريدك الإلكتروني:</p>
{{ else }}
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;">Change your email address</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;">Enter this code in the app to confirm your new email address:</p>
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Change your email address</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Enter this code in the app to confirm your new email address:</p>
{{ end }}
<div style="background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;padding:24px 16px;text-align:center;margin:0 0 24px;">
@ -34,18 +40,23 @@
</div>
{{ if eq .Data.locale "de" }}
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;">Falls du diese Änderung nicht angefordert hast, kannst du diese E-Mail ignorieren — deine alte E-Mail-Adresse bleibt erhalten.</p>
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Falls du diese Änderung nicht angefordert hast, kannst du diese E-Mail ignorieren — deine alte E-Mail-Adresse bleibt erhalten.</p>
{{ else if eq .Data.locale "fr" }}
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;">Si tu n'as pas demandé ce changement, ignore ce message — ton adresse actuelle reste inchangée.</p>
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Si tu n'as pas demandé ce changement, ignore ce message — ton adresse actuelle reste inchangée.</p>
{{ else if eq .Data.locale "ar" }}
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;text-align:right;">إذا لم تطلب هذا التغيير، يمكنك تجاهل هذه الرسالة — سيبقى بريدك الحالي دون تغيير.</p>
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;text-align:right;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">إذا لم تطلب هذا التغيير، يمكنك تجاهل هذه الرسالة — سيبقى بريدك الحالي دون تغيير.</p>
{{ else }}
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;">If you didn't request this change, you can ignore this email — your current address stays the same.</p>
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">If you didn't request this change, you can ignore this email — your current address stays the same.</p>
{{ end }}
</td></tr>
<tr><td align="center" style="padding:16px 24px 24px;background:#fafafa;border-top:1px solid #f0f0f0;">
<p style="font-size:11px;color:#a3a3a3;margin:0;">© ReBreak</p>
<tr><td align="center" style="padding:24px 24px 28px;background:#fafafa;border-top:1px solid #f0f0f0;">
<p style="font-size:12px;line-height:18px;color:#737373;margin:0 0 6px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">
<a href="https://rebreak.org" style="color:#525252;text-decoration:none;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">rebreak.org</a>
&nbsp;·&nbsp;
<a href="https://rebreak.org/datenschutz" style="color:#525252;text-decoration:none;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">{{ if eq .Data.locale "de" }}Datenschutz{{ else if eq .Data.locale "fr" }}Confidentialité{{ else if eq .Data.locale "ar" }}الخصوصية{{ else }}Privacy{{ end }}</a>
</p>
<p style="font-size:11px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">© ReBreak</p>
</td></tr>
</table>

45
backend/public/templates/invite.html
View File

@ -4,29 +4,35 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>ReBreak</title>
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap');
body, h1, h2, p, div, a, span { font-family: 'Nunito', 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
</style>
</head>
<body style="margin:0;padding:0;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#0a0a0a;">
<body style="margin:0;padding:0;background:#f5f5f5;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#0a0a0a;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr><td align="center" style="padding:32px 16px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:480px;background:#ffffff;border-radius:16px;overflow:hidden;">
<tr><td align="center" style="padding:32px 24px 24px;background:#0a0a0a;">
<div style="color:#ffffff;font-size:26px;font-weight:700;letter-spacing:-0.5px;line-height:1;">Re<span style="color:#f59e0b;">B</span>reak</div>
<tr><td align="center" style="padding:32px 24px 20px;background:#0a0a0a;">
<img src="https://api.staging.rebreak.org/email-assets/icon.png" width="64" height="64" alt="ReBreak" style="display:block;margin:0 auto 12px;border-radius:14px;">
<div style="color:#ffffff;font-size:26px;font-weight:700;letter-spacing:-0.5px;line-height:1;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">Re<span style="color:#f59e0b;">B</span>reak</div>
</td></tr>
<tr><td style="padding:32px 24px;">
{{ if eq .Data.locale "de" }}
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;">Du wurdest zu ReBreak eingeladen</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;">Verwende diesen Code in der App, um deinen Account zu aktivieren:</p>
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Du wurdest zu ReBreak eingeladen</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Verwende diesen Code in der App, um deinen Account zu aktivieren:</p>
{{ else if eq .Data.locale "fr" }}
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;">Tu as été invité·e sur ReBreak</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;">Utilise ce code dans l'application pour activer ton compte :</p>
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Tu as été invité·e sur ReBreak</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Utilise ce code dans l'application pour activer ton compte :</p>
{{ else if eq .Data.locale "ar" }}
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;text-align:right;">تمت دعوتك إلى ReBreak</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;text-align:right;">استخدم هذا الرمز في التطبيق لتفعيل حسابك:</p>
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;text-align:right;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">تمت دعوتك إلى ReBreak</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;text-align:right;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">استخدم هذا الرمز في التطبيق لتفعيل حسابك:</p>
{{ else }}
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;">You've been invited to ReBreak</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;">Use this code in the app to activate your account:</p>
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">You've been invited to ReBreak</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Use this code in the app to activate your account:</p>
{{ end }}
<div style="background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;padding:24px 16px;text-align:center;margin:0 0 24px;">
@ -34,18 +40,23 @@
</div>
{{ if eq .Data.locale "de" }}
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;">Falls du diese Einladung nicht erwartet hast, kannst du diese E-Mail ignorieren.</p>
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Falls du diese Einladung nicht erwartet hast, kannst du diese E-Mail ignorieren.</p>
{{ else if eq .Data.locale "fr" }}
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;">Si tu n'attendais pas cette invitation, tu peux ignorer ce message.</p>
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Si tu n'attendais pas cette invitation, tu peux ignorer ce message.</p>
{{ else if eq .Data.locale "ar" }}
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;text-align:right;">إذا لم تكن تتوقع هذه الدعوة، يمكنك تجاهل هذه الرسالة.</p>
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;text-align:right;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">إذا لم تكن تتوقع هذه الدعوة، يمكنك تجاهل هذه الرسالة.</p>
{{ else }}
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;">If you weren't expecting this invite, you can ignore this email.</p>
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">If you weren't expecting this invite, you can ignore this email.</p>
{{ end }}
</td></tr>
<tr><td align="center" style="padding:16px 24px 24px;background:#fafafa;border-top:1px solid #f0f0f0;">
<p style="font-size:11px;color:#a3a3a3;margin:0;">© ReBreak</p>
<tr><td align="center" style="padding:24px 24px 28px;background:#fafafa;border-top:1px solid #f0f0f0;">
<p style="font-size:12px;line-height:18px;color:#737373;margin:0 0 6px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">
<a href="https://rebreak.org" style="color:#525252;text-decoration:none;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">rebreak.org</a>
&nbsp;·&nbsp;
<a href="https://rebreak.org/datenschutz" style="color:#525252;text-decoration:none;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">{{ if eq .Data.locale "de" }}Datenschutz{{ else if eq .Data.locale "fr" }}Confidentialité{{ else if eq .Data.locale "ar" }}الخصوصية{{ else }}Privacy{{ end }}</a>
</p>
<p style="font-size:11px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">© ReBreak</p>
</td></tr>
</table>

45
backend/public/templates/magic_link.html
View File

@ -4,29 +4,35 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>ReBreak</title>
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap');
body, h1, h2, p, div, a, span { font-family: 'Nunito', 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
</style>
</head>
<body style="margin:0;padding:0;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#0a0a0a;">
<body style="margin:0;padding:0;background:#f5f5f5;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#0a0a0a;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr><td align="center" style="padding:32px 16px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:480px;background:#ffffff;border-radius:16px;overflow:hidden;">
<tr><td align="center" style="padding:32px 24px 24px;background:#0a0a0a;">
<div style="color:#ffffff;font-size:26px;font-weight:700;letter-spacing:-0.5px;line-height:1;">Re<span style="color:#f59e0b;">B</span>reak</div>
<tr><td align="center" style="padding:32px 24px 20px;background:#0a0a0a;">
<img src="https://api.staging.rebreak.org/email-assets/icon.png" width="64" height="64" alt="ReBreak" style="display:block;margin:0 auto 12px;border-radius:14px;">
<div style="color:#ffffff;font-size:26px;font-weight:700;letter-spacing:-0.5px;line-height:1;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">Re<span style="color:#f59e0b;">B</span>reak</div>
</td></tr>
<tr><td style="padding:32px 24px;">
{{ if eq .Data.locale "de" }}
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;">Dein Login-Code</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;">Gib diesen Code in der App ein, um dich anzumelden:</p>
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Dein Login-Code</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Gib diesen Code in der App ein, um dich anzumelden:</p>
{{ else if eq .Data.locale "fr" }}
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;">Ton code de connexion</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;">Saisis ce code dans l'application pour te connecter :</p>
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Ton code de connexion</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Saisis ce code dans l'application pour te connecter :</p>
{{ else if eq .Data.locale "ar" }}
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;text-align:right;">رمز تسجيل الدخول</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;text-align:right;">أدخل هذا الرمز في التطبيق لتسجيل الدخول:</p>
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;text-align:right;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">رمز تسجيل الدخول</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;text-align:right;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">أدخل هذا الرمز في التطبيق لتسجيل الدخول:</p>
{{ else }}
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;">Your sign-in code</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;">Enter this code in the app to sign in:</p>
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Your sign-in code</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Enter this code in the app to sign in:</p>
{{ end }}
<div style="background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;padding:24px 16px;text-align:center;margin:0 0 24px;">
@ -34,18 +40,23 @@
</div>
{{ if eq .Data.locale "de" }}
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;">Falls du keinen Login angefordert hast, kannst du diese E-Mail ignorieren.</p>
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Falls du keinen Login angefordert hast, kannst du diese E-Mail ignorieren.</p>
{{ else if eq .Data.locale "fr" }}
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;">Si tu n'as pas demandé à te connecter, ignore ce message.</p>
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Si tu n'as pas demandé à te connecter, ignore ce message.</p>
{{ else if eq .Data.locale "ar" }}
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;text-align:right;">إذا لم تطلب تسجيل الدخول، يمكنك تجاهل هذه الرسالة.</p>
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;text-align:right;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">إذا لم تطلب تسجيل الدخول، يمكنك تجاهل هذه الرسالة.</p>
{{ else }}
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;">If you didn't request a sign-in, you can ignore this email.</p>
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">If you didn't request a sign-in, you can ignore this email.</p>
{{ end }}
</td></tr>
<tr><td align="center" style="padding:16px 24px 24px;background:#fafafa;border-top:1px solid #f0f0f0;">
<p style="font-size:11px;color:#a3a3a3;margin:0;">© ReBreak</p>
<tr><td align="center" style="padding:24px 24px 28px;background:#fafafa;border-top:1px solid #f0f0f0;">
<p style="font-size:12px;line-height:18px;color:#737373;margin:0 0 6px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">
<a href="https://rebreak.org" style="color:#525252;text-decoration:none;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">rebreak.org</a>
&nbsp;·&nbsp;
<a href="https://rebreak.org/datenschutz" style="color:#525252;text-decoration:none;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">{{ if eq .Data.locale "de" }}Datenschutz{{ else if eq .Data.locale "fr" }}Confidentialité{{ else if eq .Data.locale "ar" }}الخصوصية{{ else }}Privacy{{ end }}</a>
</p>
<p style="font-size:11px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">© ReBreak</p>
</td></tr>
</table>

45
backend/public/templates/recovery.html
View File

@ -4,29 +4,35 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>ReBreak</title>
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap');
body, h1, h2, p, div, a, span { font-family: 'Nunito', 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
</style>
</head>
<body style="margin:0;padding:0;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#0a0a0a;">
<body style="margin:0;padding:0;background:#f5f5f5;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#0a0a0a;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr><td align="center" style="padding:32px 16px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:480px;background:#ffffff;border-radius:16px;overflow:hidden;">
<tr><td align="center" style="padding:32px 24px 24px;background:#0a0a0a;">
<div style="color:#ffffff;font-size:26px;font-weight:700;letter-spacing:-0.5px;line-height:1;">Re<span style="color:#f59e0b;">B</span>reak</div>
<tr><td align="center" style="padding:32px 24px 20px;background:#0a0a0a;">
<img src="https://api.staging.rebreak.org/email-assets/icon.png" width="64" height="64" alt="ReBreak" style="display:block;margin:0 auto 12px;border-radius:14px;">
<div style="color:#ffffff;font-size:26px;font-weight:700;letter-spacing:-0.5px;line-height:1;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">Re<span style="color:#f59e0b;">B</span>reak</div>
</td></tr>
<tr><td style="padding:32px 24px;">
{{ if eq .Data.locale "de" }}
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;">Passwort zurücksetzen</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;">Gib diesen Code in der App ein, um ein neues Passwort zu setzen:</p>
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Passwort zurücksetzen</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Gib diesen Code in der App ein, um ein neues Passwort zu setzen:</p>
{{ else if eq .Data.locale "fr" }}
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;">Réinitialise ton mot de passe</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;">Saisis ce code dans l'application pour définir un nouveau mot de passe :</p>
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Réinitialise ton mot de passe</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Saisis ce code dans l'application pour définir un nouveau mot de passe :</p>
{{ else if eq .Data.locale "ar" }}
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;text-align:right;">إعادة تعيين كلمة المرور</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;text-align:right;">أدخل هذا الرمز في التطبيق لتعيين كلمة مرور جديدة:</p>
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;text-align:right;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">إعادة تعيين كلمة المرور</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;text-align:right;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">أدخل هذا الرمز في التطبيق لتعيين كلمة مرور جديدة:</p>
{{ else }}
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;">Reset your password</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;">Enter this code in the app to set a new password:</p>
<h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Reset your password</h1>
<p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Enter this code in the app to set a new password:</p>
{{ end }}
<div style="background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;padding:24px 16px;text-align:center;margin:0 0 24px;">
@ -34,18 +40,23 @@
</div>
{{ if eq .Data.locale "de" }}
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;">Falls du das nicht angefordert hast, kannst du diese E-Mail ignorieren — dein Passwort bleibt unverändert.</p>
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Falls du das nicht angefordert hast, kannst du diese E-Mail ignorieren — dein Passwort bleibt unverändert.</p>
{{ else if eq .Data.locale "fr" }}
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;">Si tu n'as pas demandé cette réinitialisation, ignore ce message — ton mot de passe reste inchangé.</p>
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Si tu n'as pas demandé cette réinitialisation, ignore ce message — ton mot de passe reste inchangé.</p>
{{ else if eq .Data.locale "ar" }}
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;text-align:right;">إذا لم تطلب إعادة التعيين، تجاهل هذه الرسالة — لن تتغير كلمة المرور.</p>
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;text-align:right;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">إذا لم تطلب إعادة التعيين، تجاهل هذه الرسالة — لن تتغير كلمة المرور.</p>
{{ else }}
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;">If you didn't request this, you can ignore this email — your password stays the same.</p>
<p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">If you didn't request this, you can ignore this email — your password stays the same.</p>
{{ end }}
</td></tr>
<tr><td align="center" style="padding:16px 24px 24px;background:#fafafa;border-top:1px solid #f0f0f0;">
<p style="font-size:11px;color:#a3a3a3;margin:0;">© ReBreak</p>
<tr><td align="center" style="padding:24px 24px 28px;background:#fafafa;border-top:1px solid #f0f0f0;">
<p style="font-size:12px;line-height:18px;color:#737373;margin:0 0 6px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">
<a href="https://rebreak.org" style="color:#525252;text-decoration:none;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">rebreak.org</a>
&nbsp;·&nbsp;
<a href="https://rebreak.org/datenschutz" style="color:#525252;text-decoration:none;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">{{ if eq .Data.locale "de" }}Datenschutz{{ else if eq .Data.locale "fr" }}Confidentialité{{ else if eq .Data.locale "ar" }}الخصوصية{{ else }}Privacy{{ end }}</a>
</p>
<p style="font-size:11px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">© ReBreak</p>
</td></tr>
</table>