app.bettersight.io/backend/templates/emails/daily_digest.html

55 lines
1.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bettersight daily digest</title>
</head>
<body style="margin:0;padding:0;background:#EEF1F6;font-family:Arial,sans-serif;color:#0D1526;">
<table width="100%" cellpadding="0" cellspacing="0" style="max-width:600px;margin:0 auto;background:#FFFFFF;">
<tr>
<td style="padding:24px 28px;border-bottom:1px solid #E5E9F0;">
<span style="font-size:18px;font-weight:800;color:#0D1526;">Better<span style="color:#00D4FF;">sight</span></span>
<div style="font-size:13px;color:#6B7A99;margin-top:4px;">Daily digest — {{ tenant_name }}</div>
</td>
</tr>
<tr>
<td style="padding:20px 28px;">
<p style="font-size:13px;color:#2D3A52;line-height:1.6;margin:0;">
{{ alerts|length }} update{{ '' if alerts|length == 1 else 's' }} since your last digest.
</p>
</td>
</tr>
<tr>
<td style="padding:0 28px 20px;">
{% for alert in alerts %}
<div style="padding:12px 0;border-bottom:1px solid #E5E9F0;">
<div style="font-size:13px;font-weight:700;">{{ alert.message }}</div>
{% if alert.change_percent is not none %}
<div style="font-size:12px;color:{{ '#F04438' if alert.change_percent < 0 else '#059669' }};margin-top:2px;">
{{ alert.change_percent }}%
</div>
{% endif %}
</div>
{% endfor %}
</td>
</tr>
<tr>
<td style="padding:20px 28px;background:#F8FAFD;">
<a href="https://app.bettersight.io/activity" style="font-size:13px;color:#1B8EF8;font-weight:600;text-decoration:none;">
View all activity in your dashboard →
</a>
</td>
</tr>
<tr>
<td style="padding:16px 28px;font-size:11px;color:#9BA8C0;">
Bettersight · Better sight, better moves.
</td>
</tr>
</table>
</body>
</html>