style: refactor email template

This commit is contained in:
ramvignesh-b
2026-04-29 15:14:39 +05:30
parent a6bde0258d
commit d9827c9e82
+68 -65
View File
@@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
@@ -7,52 +8,52 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>pi. ku.</title> <title>pi. ku.</title>
</head> </head>
<body style="margin:0; padding:0; background-color:#1a1712;"> <body style="margin:0; padding:0; background-color:#1a1712;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"
style="background-color:#1a1712;"> style="background-color:#1a1712; font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;">
<tr> <tr>
<td align="center" style="padding: 48px 16px;"> <td align="center" style="padding: 48px 16px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"
style="max-width:480px; width:100%;"> style="max-width:480px; width:100%;">
{# Logo #} {# Logo #}
<tr>
<td align="left" style="padding-bottom: 36px;">
<img src="https://cdn.jsdelivr.net/gh/ramvignesh-b/cdn@main/pi-ku_logo.png" width="100"
height="50" alt="Pi.Ku"
style="display:block;">
</td>
</tr>
{# Body #}
<tr>
<td style="font-family: Lora, Georgia, serif;
font-size: 16px;
line-height: 1.9;
color: #cdccca;
font-style: italic;
padding-bottom: 32px;">
{% block content %}
{% endblock %}
</td>
</tr>
{# CTA #}
{% if cta %}
<tr> <tr>
<td align="left" style="padding-bottom: 32px;"> <td align="left" style="padding-bottom: 24px;">
<img src="https://cdn.jsdelivr.net/gh/ramvignesh-b/cdn@main/pi-ku_logo.png" width="80"
alt="Pi.Ku" style="display:block; border:0;">
</td>
</tr>
{# Body #}
<tr>
<td style="font-family: 'Trebuchet MS', 'Lucida Sans Unicode', Arial, sans-serif;
font-size: 13px;
line-height: 1.9;
color: #cdccca;
font-style: italic;
padding-bottom: 24px;">
{% block content %}
{% endblock %}
</td>
</tr>
{# CTA #}
{% if cta %}
<tr>
<td align="left" style="padding-bottom: 24px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0"> <table role="presentation" cellpadding="0" cellspacing="0" border="0">
<tr> <tr>
<td style="background-color: #301e19; border-radius: 3px;"> <td style="background-color: #301e19; border-radius: 3px;">
<a href='{{ cta.link }}' <a href='{{ cta.link }}' style="display: inline-block;
style="display: inline-block; padding: 12px 24px;
padding: 12px 28px; font-family: 'Trebuchet MS', Arial, sans-serif;
font-family: Georgia, serif; font-size: 13px;
font-size: 14px;
color: #f5e6c8; color: #f5e6c8;
text-decoration: none; text-decoration: none;
letter-spacing: 0.04em;"> letter-spacing: 0.04em;
font-weight: bold;">
{{ cta.title }} {{ cta.title }}
</a> </a>
</td> </td>
@@ -60,41 +61,43 @@
</table> </table>
</td> </td>
</tr> </tr>
{% endif %} {% endif %}
{% if footnote %} {% if footnote %}
<tr> <tr>
<td style="font-family: Lora, Georgia, serif; <td style="font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 13px; font-size: 12px;
font-style: italic; font-style: italic;
color: #7a7974; color: #7a7974;
padding-bottom: 40px; padding-bottom: 40px;
line-height: 1.8;"> line-height: 1.8;">
{% block footnote %} {% block footnote %}
{% endblock %} {% endblock %}
</td> </td>
</tr> </tr>
{% endif %} {% endif %}
{# Footer #} {# Footer #}
<tr> <tr>
<td style="border-top: 1px solid #2e2c29; padding-bottom: 24px; font-size: 0;">&nbsp;</td> <td style="border-top: 1px solid #2e2c29; padding-bottom: 24px; font-size: 0; line-height: 0;">
</tr> &nbsp;</td>
<tr> </tr>
<td style="font-family: Lora, serif; <tr>
font-size: 13px; <td style="font-family: Georgia, 'Times New Roman', Times, serif;
font-style: italic; font-size: 12px;
color: #5a5957; font-style: italic;
line-height: 1.8;"> color: #5a5957;
{% block footer %} line-height: 1.8;">
{% endblock %} {% block footer %}
</td> {% endblock %}
</tr> </td>
</tr>
</table> </table>
</td> </td>
</tr> </tr>
</table> </table>
</body> </body>
</html>
</html>