52 lines
2.2 KiB
HTML
52 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Bettersight price alert</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;">Price alert</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td style="padding:28px;">
|
|
<h1 style="font-size:16px;margin:0 0 14px;">
|
|
{{ competitor_name }}
|
|
{% if change_percent is not none and change_percent < 0 %}dropped{% else %}raised{% endif %}
|
|
{{ trip_name }}
|
|
{% if change_percent is not none %}{{ change_percent }}%{% endif %}
|
|
</h1>
|
|
<table cellpadding="0" cellspacing="0" style="font-size:13px;margin-bottom:16px;">
|
|
<tr>
|
|
<td style="padding:4px 12px 4px 0;color:#6B7A99;">Previous</td>
|
|
<td style="padding:4px 0;font-weight:700;">${{ previous_price }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding:4px 12px 4px 0;color:#6B7A99;">Current</td>
|
|
<td style="padding:4px 0;font-weight:700;color:{{ '#F04438' if change_percent is not none and change_percent < 0 else '#059669' }};">
|
|
${{ current_price }}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<a href="https://app.bettersight.io/activity" style="display:inline-block;background:linear-gradient(135deg,#1B8EF8,#0B7AE8);color:#fff;text-decoration:none;font-size:13px;font-weight:600;padding:10px 20px;border-radius:9px;">
|
|
View in dashboard →
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td style="padding:16px 28px;font-size:11px;color:#9BA8C0;border-top:1px solid #E5E9F0;">
|
|
Bettersight · Better sight, better moves.
|
|
<br>
|
|
<a href="https://app.bettersight.io/account" style="color:#9BA8C0;">Manage notification preferences</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html>
|