105 lines
5.1 KiB
HTML
105 lines
5.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="nl">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>Wachtwoord opnieuw instellen - AI Speedrun</title>
|
|
<!--[if mso]>
|
|
<style type="text/css">
|
|
body, table, td {font-family: Arial, sans-serif !important;}
|
|
</style>
|
|
<![endif]-->
|
|
</head>
|
|
<body style="margin: 0; padding: 0; background-color: #F8FAFC; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;">
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #F8FAFC;">
|
|
<tr>
|
|
<td align="center" style="padding: 40px 20px;">
|
|
<!-- Main Container -->
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="600" style="max-width: 600px; background-color: #FFFFFF; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
|
|
|
|
<!-- Header -->
|
|
<tr>
|
|
<td style="padding: 40px 40px 30px; text-align: center; border-bottom: 1px solid #E2E8F0;">
|
|
<h1 style="margin: 0; font-size: 24px; font-weight: 600; color: #0F172A; line-height: 1.3;">
|
|
Wachtwoord opnieuw instellen
|
|
</h1>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Content -->
|
|
<tr>
|
|
<td style="padding: 40px 40px 30px;">
|
|
<p style="margin: 0 0 20px; font-size: 16px; line-height: 1.6; color: #475569;">
|
|
Je hebt een verzoek gedaan om je wachtwoord opnieuw in te stellen voor je AI Speedrun account.
|
|
</p>
|
|
|
|
<p style="margin: 0 0 30px; font-size: 16px; line-height: 1.6; color: #475569;">
|
|
Klik op de onderstaande knop om een nieuw wachtwoord in te stellen:
|
|
</p>
|
|
|
|
<!-- CTA Button -->
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
|
|
<tr>
|
|
<td align="center" style="padding: 0 0 30px;">
|
|
<a href="{{ .SiteURL }}/auth/callback?token_hash={{ .TokenHash }}&type=recovery&next=/update-password" style="display: inline-block; padding: 14px 32px; background-color: #0D9488; color: #FFFFFF; text-decoration: none; border-radius: 6px; font-weight: 500; font-size: 16px; line-height: 1.5;">
|
|
Wachtwoord opnieuw instellen
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!-- Alternative Link -->
|
|
<p style="margin: 0 0 20px; font-size: 14px; line-height: 1.6; color: #64748B;">
|
|
Werkt de knop niet? Kopieer en plak deze link in je browser:
|
|
</p>
|
|
<p style="margin: 0 0 30px; font-size: 12px; line-height: 1.6; color: #0D9488; word-break: break-all;">
|
|
{{ .SiteURL }}/auth/callback?token_hash={{ .TokenHash }}&type=recovery&next=/update-password
|
|
</p>
|
|
|
|
<!-- Security Warning -->
|
|
<div style="padding: 16px; background-color: #FEF2F2; border-left: 3px solid #DC2626; border-radius: 4px;">
|
|
<p style="margin: 0; font-size: 14px; line-height: 1.6; color: #991B1B;">
|
|
<strong>Belangrijk:</strong> Als je deze email niet hebt aangevraagd, kun je deze veilig negeren. Je wachtwoord blijft ongewijzigd.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Expiry Note -->
|
|
<p style="margin: 20px 0 0; font-size: 14px; line-height: 1.6; color: #64748B;">
|
|
Deze link is 1 uur geldig. Na deze tijd moet je een nieuw verzoek indienen.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Footer -->
|
|
<tr>
|
|
<td style="padding: 30px 40px 40px; text-align: center; border-top: 1px solid #E2E8F0; background-color: #F8FAFC;">
|
|
<p style="margin: 0 0 12px; font-size: 14px; line-height: 1.6; color: #64748B;">
|
|
Vragen over je account? Neem contact met ons op via <a href="mailto:support@aispeedrun.nl" style="color: #0D9488; text-decoration: none;">support@aispeedrun.nl</a>
|
|
</p>
|
|
<p style="margin: 0; font-size: 12px; line-height: 1.6; color: #94A3B8;">
|
|
AI Speedrun - Software on Demand<br>
|
|
Build in Public door <a href="https://ikbenlit.nl" style="color: #0D9488; text-decoration: none;">AI Speedrun</a>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
<!-- Bottom Spacing -->
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="600" style="max-width: 600px;">
|
|
<tr>
|
|
<td style="padding: 20px 0; text-align: center;">
|
|
<p style="margin: 0; font-size: 11px; line-height: 1.5; color: #94A3B8;">
|
|
Je ontvangt deze email omdat er een wachtwoord reset is aangevraagd voor je account.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html>
|