tksadik92/wrenn-releases
1
0
Fork 0
forked from wrenn/wrenn
Code Pull Requests Activity

Add Wrenn wordmark to email template and improve spacing

Browse Source
This commit is contained in:
Rafeed M. Bhuiyan
2026-04-16 03:24:59 +06:00
parent f69fa8cded
commit 93e6fe8160
1 changed files with 20 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
internal/email/templates/base.html
View File

@ -28,12 +28,21 @@
<tr> <tr>
<td align="center" style="padding: 40px 16px;"> <td align="center" style="padding: 40px 16px;">
<!-- Logo --> <!-- Logo + Wordmark -->
<table role="presentation" cellpadding="0" cellspacing="0" width="560" style="max-width: 560px;"> <table role="presentation" cellpadding="0" cellspacing="0" width="560" style="max-width: 560px;">
<tr> <tr>
<td align="left" style="padding-bottom: 24px;"> <td align="left" style="padding-bottom: 32px;">
<a href="https://wrenn.dev" style="text-decoration: none;"> <a href="https://wrenn.dev" style="text-decoration: none;">
<table role="presentation" cellpadding="0" cellspacing="0">
<tr>
<td style="vertical-align: middle;">
<img src="https://wrenn.dev/logo.png" alt="Wrenn" width="36" height="36" style="display: block; border-radius: 6px;"> <img src="https://wrenn.dev/logo.png" alt="Wrenn" width="36" height="36" style="display: block; border-radius: 6px;">
</td>
<td style="vertical-align: middle; padding-left: 10px;">
<span style="font-family: 'Alice', Georgia, 'Times New Roman', serif; font-size: 22px; color: #1a1917; letter-spacing: 0.01em;">Wrenn</span>
</td>
</tr>
</table>
</a> </a>
</td> </td>
</tr> </tr>
@ -42,21 +51,21 @@
<!-- Card --> <!-- Card -->
<table role="presentation" cellpadding="0" cellspacing="0" width="560" style="max-width: 560px; background-color: #ffffff; border: 1px solid #e5e4e0; border-radius: 8px;"> <table role="presentation" cellpadding="0" cellspacing="0" width="560" style="max-width: 560px; background-color: #ffffff; border: 1px solid #e5e4e0; border-radius: 8px;">
<tr> <tr>
<td style="padding: 40px 44px;"> <td style="padding: 44px 48px;">
<!-- Greeting --> <!-- Greeting -->
<p style="margin: 0 0 20px 0; font-size: 15px; line-height: 1.6; color: #3a3835;"> <p style="margin: 0 0 8px 0; font-size: 15px; line-height: 1.6; color: #3a3835;">
Hello{{if .RecipientName}} {{.RecipientName}}{{end}}, Hello{{if .RecipientName}} {{.RecipientName}}{{end}},
</p> </p>
<!-- Message --> <!-- Message -->
<p style="margin: 0 0 24px 0; font-size: 15px; line-height: 1.7; color: #3a3835;"> <p style="margin: 0 0 36px 0; font-size: 15px; line-height: 1.7; color: #3a3835;">
{{.Message}} {{.Message}}
</p> </p>
<!-- Button --> <!-- Button -->
{{if .Button}} {{if .Button}}
<table role="presentation" cellpadding="0" cellspacing="0" style="margin: 28px 0;"> <table role="presentation" cellpadding="0" cellspacing="0" style="margin: 0 0 36px 0;">
<tr> <tr>
<td align="center" style="background-color: #5e8c58; border-radius: 5px;"> <td align="center" style="background-color: #5e8c58; border-radius: 5px;">
<!--[if mso]> <!--[if mso]>
@ -66,7 +75,7 @@
</v:roundrect> </v:roundrect>
<![endif]--> <![endif]-->
<!--[if !mso]><!--> <!--[if !mso]><!-->
<a href="{{.Button.URL}}" target="_blank" style="display: inline-block; padding: 12px 28px; font-size: 14px; font-weight: 600; color: #ffffff; text-decoration: none; border-radius: 5px; background-color: #5e8c58;"> <a href="{{.Button.URL}}" target="_blank" style="display: inline-block; padding: 12px 32px; font-size: 14px; font-weight: 600; color: #ffffff; text-decoration: none; border-radius: 5px; background-color: #5e8c58;">
{{.Button.Text}} {{.Button.Text}}
</a> </a>
<!--<![endif]--> <!--<![endif]-->
@ -74,7 +83,7 @@
</tr> </tr>
</table> </table>
<p style="margin: 0 0 24px 0; font-size: 13px; line-height: 1.6; color: #9b9790;"> <p style="margin: 0 0 12px 0; font-size: 12px; line-height: 1.5; color: #b5b0a8;">
If the button doesn't work, copy and paste this URL into your browser:<br> If the button doesn't work, copy and paste this URL into your browser:<br>
<a href="{{.Button.URL}}" style="color: #5e8c58; word-break: break-all;">{{.Button.URL}}</a> <a href="{{.Button.URL}}" style="color: #5e8c58; word-break: break-all;">{{.Button.URL}}</a>
</p> </p>
@ -82,7 +91,7 @@
<!-- Closing --> <!-- Closing -->
{{if .Closing}} {{if .Closing}}
<p style="margin: 0; font-size: 15px; line-height: 1.7; color: #3a3835;"> <p style="margin: {{if .Button}}20px{{else}}0{{end}} 0 0 0; font-size: 15px; line-height: 1.7; color: #3a3835;">
{{.Closing}} {{.Closing}}
</p> </p>
{{end}} {{end}}
@ -94,7 +103,7 @@
<!-- Footer --> <!-- Footer -->
<table role="presentation" cellpadding="0" cellspacing="0" width="560" style="max-width: 560px;"> <table role="presentation" cellpadding="0" cellspacing="0" width="560" style="max-width: 560px;">
<tr> <tr>
<td style="padding: 24px 0; text-align: center;"> <td style="padding: 32px 0 16px 0; text-align: center;">
<p style="margin: 0; font-size: 12px; line-height: 1.5; color: #9b9790;"> <p style="margin: 0; font-size: 12px; line-height: 1.5; color: #9b9790;">
This is a transactional email from <a href="https://wrenn.dev" style="color: #5e8c58; text-decoration: none;">Wrenn</a>. This is a transactional email from <a href="https://wrenn.dev" style="color: #5e8c58; text-decoration: none;">Wrenn</a>.
</p> </p>