style: refactor email template

This commit is contained in:
ramvignesh-b
2026-04-29 15:14:39 +05:30
parent a6bde0258d
commit d9827c9e82
+25 -22
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,10 +8,11 @@
<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"
@@ -18,21 +20,20 @@
{# Logo #} {# Logo #}
<tr> <tr>
<td align="left" style="padding-bottom: 36px;"> <td align="left" style="padding-bottom: 24px;">
<img src="https://cdn.jsdelivr.net/gh/ramvignesh-b/cdn@main/pi-ku_logo.png" width="100" <img src="https://cdn.jsdelivr.net/gh/ramvignesh-b/cdn@main/pi-ku_logo.png" width="80"
height="50" alt="Pi.Ku" alt="Pi.Ku" style="display:block; border:0;">
style="display:block;">
</td> </td>
</tr> </tr>
{# Body #} {# Body #}
<tr> <tr>
<td style="font-family: Lora, Georgia, serif; <td style="font-family: 'Trebuchet MS', 'Lucida Sans Unicode', Arial, sans-serif;
font-size: 16px; font-size: 13px;
line-height: 1.9; line-height: 1.9;
color: #cdccca; color: #cdccca;
font-style: italic; font-style: italic;
padding-bottom: 32px;"> padding-bottom: 24px;">
{% block content %} {% block content %}
{% endblock %} {% endblock %}
</td> </td>
@@ -41,18 +42,18 @@
{# CTA #} {# CTA #}
{% if cta %} {% if cta %}
<tr> <tr>
<td align="left" style="padding-bottom: 32px;"> <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>
@@ -64,8 +65,8 @@
{% 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;
@@ -78,11 +79,12 @@
{# 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;">
&nbsp;</td>
</tr> </tr>
<tr> <tr>
<td style="font-family: Lora, serif; <td style="font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 13px; font-size: 12px;
font-style: italic; font-style: italic;
color: #5a5957; color: #5a5957;
line-height: 1.8;"> line-height: 1.8;">
@@ -94,7 +96,8 @@
</table> </table>
</td> </td>
</tr> </tr>
</table> </table>
</body> </body>
</html> </html>