f2545738ee
- 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
67 lines
6.0 KiB
HTML
67 lines
6.0 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 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;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;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;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;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;">
|
|
<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 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;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;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 weren't expecting this invite, you can ignore this email.</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>
|