Kuma/src/lib/mail/supabase-templates/change-email.html
2026-08-14 13:37:37 +02:00

90 lines
4.2 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>E-Mail-Änderung bestätigen</title>
</head>
<body style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background-color: #f5f5f5;">
<table width="100%" cellpadding="0" cellspacing="0" style="background-color: #f5f5f5; padding: 40px 0;">
<tr>
<td align="center">
<table width="600" cellpadding="0" cellspacing="0" style="background-color: #ffffff; border-radius: 14px; overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
<!-- Header -->
<tr>
<td style="background-color: #1E293B; padding: 40px; text-align: center;">
<img src="https://kumasy.de/logo-dark.png" alt="Kumasy" width="160" style="display: block; margin: 0 auto 16px; max-width: 160px; height: auto;" />
<h1 style="margin: 0; color: #ffffff; font-size: 28px; font-weight: 600;">
E-Mail-Änderung bestätigen
</h1>
</td>
</tr>
<!-- Content -->
<tr>
<td style="padding: 40px;">
<p style="margin: 0 0 20px; color: #333333; font-size: 16px; line-height: 1.6;">
Hallo,
</p>
<p style="margin: 0 0 30px; color: #333333; font-size: 16px; line-height: 1.6;">
für dein Kumasy-Konto wurde eine Änderung der E-Mail-Adresse angefordert. Bitte bestätige die neue Adresse, damit die Änderung wirksam wird.
</p>
<table width="100%" cellpadding="0" cellspacing="0" style="background-color: #f8f9fa; border: none; border-radius: 10px; margin: 0 0 30px;">
<tr>
<td style="padding: 24px;">
<p style="margin: 0 0 4px; color: #999999; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px;">Neue E-Mail-Adresse</p>
<p style="margin: 0; color: #333333; font-size: 15px; font-weight: 600;">{{ .NewEmail }}</p>
</td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0" style="margin: 0 0 20px;">
<tr>
<td align="center">
<a href="{{ .ConfirmationURL }}"
style="display: inline-block; background-color: #F4C00C; color: #1E293B; text-decoration: none; padding: 16px 40px; border-radius: 999px; font-size: 16px; font-weight: 600;">
E-Mail-Änderung bestätigen
</a>
</td>
</tr>
</table>
<p style="margin: 20px 0 0; color: #666666; font-size: 14px; line-height: 1.6; text-align: center;">
Oder kopiere diesen Link in deinen Browser:
</p>
<p style="margin: 8px 0 0; color: #1E293B; font-size: 14px; word-break: break-all; text-align: center;">
{{ .ConfirmationURL }}
</p>
<div style="border-top: 1px solid #e0e0e0; padding-top: 20px; margin-top: 30px;">
<p style="margin: 0; color: #999999; font-size: 13px; line-height: 1.6;">
Falls du diese Änderung nicht angefordert hast, kannst du diese E-Mail ignorieren – deine aktuelle E-Mail-Adresse bleibt dann unverändert.
</p>
</div>
</td>
</tr>
<!-- Footer -->
<tr>
<td style="background-color: #f8f9fa; padding: 30px; text-align: center; border-top: 1px solid #e0e0e0;">
<p style="margin: 0 0 10px; color: #666666; font-size: 14px;">
Kumasy
</p>
<p style="margin: 0 0 10px; color: #999999; font-size: 12px;">
Diese E-Mail wurde automatisch generiert. Bitte antworte nicht auf diese E-Mail.
</p>
<p style="margin: 0; color: #999999; font-size: 11px;">
Powered by Kumasy
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>