dd7fbc89ce
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 49s
Extract inline email body into separate Jinja2 templates (_email/magic_link.html and .txt) with a styled sign-in button and fallback plain-text link. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
34 lines
1.8 KiB
HTML
34 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head><meta charset="utf-8"></head>
|
|
<body style="margin:0;padding:0;background:#f5f5f4;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">
|
|
<table width="100%" cellpadding="0" cellspacing="0" style="background:#f5f5f4;padding:40px 0;">
|
|
<tr><td align="center">
|
|
<table width="480" cellpadding="0" cellspacing="0" style="background:#ffffff;border-radius:12px;border:1px solid #e7e5e4;padding:40px;">
|
|
<tr><td>
|
|
<h1 style="margin:0 0 8px;font-size:20px;font-weight:600;color:#1c1917;">{{ site_name }}</h1>
|
|
<p style="margin:0 0 24px;font-size:15px;color:#57534e;">Sign in to your account</p>
|
|
<p style="margin:0 0 24px;font-size:15px;line-height:1.5;color:#44403c;">
|
|
Click the button below to sign in. This link will expire in 15 minutes.
|
|
</p>
|
|
<table cellpadding="0" cellspacing="0" style="margin:0 0 24px;"><tr><td style="border-radius:8px;background:#1c1917;">
|
|
<a href="{{ link_url }}" target="_blank"
|
|
style="display:inline-block;padding:12px 32px;font-size:15px;font-weight:500;color:#ffffff;text-decoration:none;border-radius:8px;">
|
|
Sign in
|
|
</a>
|
|
</td></tr></table>
|
|
<p style="margin:0 0 8px;font-size:13px;color:#78716c;">Or copy and paste this link into your browser:</p>
|
|
<p style="margin:0 0 24px;font-size:13px;word-break:break-all;">
|
|
<a href="{{ link_url }}" style="color:#1c1917;">{{ link_url }}</a>
|
|
</p>
|
|
<hr style="border:none;border-top:1px solid #e7e5e4;margin:24px 0;">
|
|
<p style="margin:0;font-size:12px;color:#a8a29e;">
|
|
If you did not request this email, you can safely ignore it.
|
|
</p>
|
|
</td></tr>
|
|
</table>
|
|
</td></tr>
|
|
</table>
|
|
</body>
|
|
</html>
|