a8e094be9d
Vorher: Icon und 'ReBreak'-Wordmark untereinander (vertikal gestapelt). Jetzt: 3-Spalten-Tabelle — Icon links (48x48), Wordmark mittig, gleichgroßer Spacer rechts (52px) für visuelle Mitte. Icon-Größe von 64x64 → 48x48 reduziert für besseres Höhen-Verhältnis.
76 lines
6.4 KiB
HTML
76 lines
6.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{{ if .Data.locale }}{{ .Data.locale }}{{ else }}en{{ end }}" dir="{{ if eq .Data.locale "ar" }}rtl{{ else }}ltr{{ end }}">
|
|
<head>
|
|
<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:'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 style="padding:24px 24px;background:#0a0a0a;">
|
|
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
|
|
<tr>
|
|
<td width="52" align="left" valign="middle" style="padding-right:16px;">
|
|
<img src="https://api.staging.rebreak.org/email-assets/icon.png" width="48" height="48" alt="ReBreak" style="display:block;border-radius:12px;">
|
|
</td>
|
|
<td align="center" valign="middle">
|
|
<div style="color:#ffffff;font-size:24px;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>
|
|
<td width="52" valign="middle"> </td>
|
|
</tr>
|
|
</table>
|
|
</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;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;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;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;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;">
|
|
<div style="font-size:36px;font-weight:700;letter-spacing:10px;color:#f59e0b;font-family:'SF Mono','Menlo','Courier New',monospace;line-height:1;">{{ .Token }}</div>
|
|
</div>
|
|
|
|
{{ if eq .Data.locale "de" }}
|
|
<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;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;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">إذا لم تطلب إعادة التعيين، تجاهل هذه الرسالة — لن تتغير كلمة المرور.</p>
|
|
{{ else }}
|
|
<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: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>
|
|
·
|
|
<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>
|
|
</td></tr>
|
|
</table>
|
|
</body>
|
|
</html>
|