fix up email templates

master
Aevann 2023-10-17 16:50:17 +03:00
parent c43a91ac63
commit 62f3bb44dc
4 changed files with 181 additions and 149 deletions

View File

@ -19,7 +19,7 @@
-webkit-text-size-adjust: none; -webkit-text-size-adjust: none;
} }
a { a {
color: #FF459A!important; color: #FF459A !important;
} }
a img { a img {
border: none; border: none;
@ -30,7 +30,6 @@
.preheader { .preheader {
display: none !important; display: none !important;
visibility: hidden; visibility: hidden;
mso-hide: all;
font-size: 1px; font-size: 1px;
line-height: 1px; line-height: 1px;
max-height: 0; max-height: 0;
@ -378,21 +377,19 @@
</a> </a>
</td> </td>
</tr> </tr>
<tr> <tr>
<td class="email-body" width="100%" cellpadding="0" cellspacing="0"> <td class="email-body" width="100%" cellpadding="0" cellspacing="0">
<div class="overflow-x-auto"><table class="email-body_inner" align="center" width="570" cellpadding="0" cellspacing="0"> <div class="overflow-x-auto"><table class="email-body_inner" align="center" width="570" cellpadding="0" cellspacing="0">
<tr> <tr>
<td class="content-cell"> <td class="content-cell">
<div class="f-fallback"> <div class="f-fallback">
<h1>{% block title %}Title Goes Here{% endblock %}</h1> <h1>{% block title %}Title Goes Here{% endblock %}</h1>
{% block content %}
{% block content %} {% for entry in data %}
{% for entry in data %} <h3>{{entry[0]}}</h3>
<h3>{{entry[0]}}</h3> <p>{{entry[1]}}</p>
<p>{{entry[1]}}</p> {% endfor %}
{% endfor %} {% endblock %}
{% endblock %}
</div> </div>
</td> </td>
</tr> </tr>

View File

@ -5,50 +5,64 @@
{% block preheader %}Verify your new {{SITE_NAME}} email.{% endblock %} {% block preheader %}Verify your new {{SITE_NAME}} email.{% endblock %}
{% block content %} {% block content %}
<p>You told us you wanted to change your {{SITE_NAME}} account email. To finish this process, please verify your new email address:</p> <p>You told us you wanted to change your {{SITE_NAME}} account email. To finish this process, please verify your new email address:</p>
<div class="overflow-x-auto"><table class="body-action" align="center" width="100%" cellpadding="0" cellspacing="0"> <div class="overflow-x-auto">
<tr> <table class="body-action" align="center" width="100%" cellpadding="0" cellspacing="0">
<td align="center"> <tr>
<div class="overflow-x-auto><table width="100%" border="0" cellspacing="0" cellpadding="0"> <td align="center">
<tr> <div class="overflow-x-auto">
<td align="center"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<a href="{{action_url}}" class="f-fallback button" target="_blank">Verify email</a> <tr>
</td> <td align="center">
</tr> <a href="{{action_url}}" class="f-fallback button" target="_blank">Verify email</a>
</table> </td>
</td> </tr>
</tr> </table>
</table> </div>
<p>For reference, here's your current information:</p> </td>
<div class="overflow-x-auto"><table class="attributes" width="100%" cellpadding="0" cellspacing="0"> </tr>
<tr> </table>
<td class="attributes_content"> </div>
<div class="overflow-x-auto><table width="100%" cellpadding="0" cellspacing="0">
<tr> <p>For reference, here's your current information:</p>
<td class="attributes_item">
<span class="f-fallback"> <div class="overflow-x-auto">
<strong>Email:</strong> {{v.email}} <table class="attributes" width="100%" cellpadding="0" cellspacing="0">
</span> <tr>
</td> <td class="attributes_content">
</tr> <div class="overflow-x-auto">
<tr> <table width="100%" cellpadding="0" cellspacing="0">
<td class="attributes_item"> <tr>
<span class="f-fallback"> <td class="attributes_item">
<strong>Username:</strong> {{v.username}} <span class="f-fallback">
</span> <strong>Email:</strong> {{v.email}}
</td> </span>
</tr> </td>
</table> </tr>
</td> <tr>
</tr> <td class="attributes_item">
</table> <span class="f-fallback">
<p>Please note that {{SITE_NAME}} will never ask you for your email, password, or two-factor token via email, text, or phone.</p> <strong>Username:</strong> {{v.username}}
<div class="overflow-x-auto"><table class="body-sub"> </span>
<tr> </td>
<td> </tr>
<p class="f-fallback sub">If you're having trouble with the button above, copy and paste the URL below into your web browser.</p> </table>
<p class="f-fallback sub">{{action_url}}</p> </div>
</td> </td>
</tr> </tr>
</table> </table>
</div>
<p>Please note that {{SITE_NAME}} will never ask you for your email, password, or two-factor token via email, text, or phone.</p>
<div class="overflow-x-auto">
<table class="body-sub">
<tr>
<td>
<p class="f-fallback sub">If you're having trouble with the button above, copy and paste the URL below into your web browser.</p>
<p class="f-fallback sub">{{action_url}}</p>
</td>
</tr>
</table>
</div>
{% endblock %} {% endblock %}

View File

@ -3,50 +3,58 @@
{% block title %}Welcome to {{SITE_NAME}}!{% endblock %}</h1> {% block title %}Welcome to {{SITE_NAME}}!{% endblock %}</h1>
{% block content %} {% block content %}
<p>Thanks for joining {{SITE_NAME}}. We're happy to have you on board. To get the most out of {{SITE_NAME}}, please verify your account email:</p> <p>Thanks for joining {{SITE_NAME}}. We're happy to have you on board. To get the most out of {{SITE_NAME}}, please verify your account email:</p>
<div class="overflow-x-auto"><table class="body-action" align="center" width="100%" cellpadding="0" cellspacing="0"> <div class="overflow-x-auto">
<tr> <table class="body-action" align="center" width="100%" cellpadding="0" cellspacing="0">
<td align="center"> <tr>
<div class="overflow-x-auto><table width="100%" border="0" cellspacing="0" cellpadding="0"> <td align="center">
<tr> <div class="overflow-x-auto">
<td align="center"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<a href="{{action_url}}" class="f-fallback button" target="_blank">Verify email</a> <tr>
</td> <td align="center">
</tr> <a href="{{action_url}}" class="f-fallback button" target="_blank">Verify email</a>
</table> </td>
</td> </tr>
</tr> </table>
</table> </div>
<p>For reference, here's your username.</p> </td>
<div class="overflow-x-auto"><table class="attributes" width="100%" cellpadding="0" cellspacing="0"> </tr>
<tr> </table>
<td class="attributes_content"> <p>For reference, here's your username.</p>
<div class="overflow-x-auto><table width="100%" cellpadding="0" cellspacing="0"> <div class="overflow-x-auto"><table class="attributes" width="100%" cellpadding="0" cellspacing="0">
<tr> <tr>
<td class="attributes_item"> <td class="attributes_content">
<span class="f-fallback"> <div class="overflow-x-auto><table width="100%" cellpadding="0" cellspacing="0">
<strong>Email:</strong> {{v.email}} <tr>
</span> <td class="attributes_item">
</td> <span class="f-fallback">
</tr> <strong>Email:</strong> {{v.email}}
<tr> </span>
<td class="attributes_item"> </td>
<span class="f-fallback"> </tr>
<strong>Username:</strong> {{v.username}} <tr>
</span> <td class="attributes_item">
</td> <span class="f-fallback">
</tr> <strong>Username:</strong> {{v.username}}
</table> </span>
</td> </td>
</tr> </tr>
</table> </table>
<p>Please note that {{SITE_NAME}} will never ask you for your email, password, or two-factor token via email, text, or phone.</p> </td>
<div class="overflow-x-auto"><table class="body-sub"> </tr>
<tr> </table>
<td> </div>
<p class="f-fallback sub">If you're having trouble with the button above, copy and paste the URL below into your web browser.</p>
<p class="f-fallback sub">{{action_url}}</p> <p>Please note that {{SITE_NAME}} will never ask you for your email, password, or two-factor token via email, text, or phone.</p>
</td>
</tr> <div class="overflow-x-auto">
</table> <table class="body-sub">
<tr>
<td>
<p class="f-fallback sub">If you're having trouble with the button above, copy and paste the URL below into your web browser.</p>
<p class="f-fallback sub">{{action_url}}</p>
</td>
</tr>
</table>
</div>
{% endblock %} {% endblock %}

View File

@ -4,49 +4,62 @@
{% block preheader %}Reset your {{SITE_NAME}} password.{% endblock %} {% block preheader %}Reset your {{SITE_NAME}} password.{% endblock %}
{% block content %} {% block content %}
<p>To reset your password, click the button below:</p> <p>To reset your password, click the button below:</p>
<div class="overflow-x-auto"><table class="body-action" align="center" width="100%" cellpadding="0" cellspacing="0"> <div class="overflow-x-auto">
<tr> <table class="body-action" align="center" width="100%" cellpadding="0" cellspacing="0">
<td align="center"> <tr>
<div class="overflow-x-auto><table width="100%" border="0" cellspacing="0" cellpadding="0"> <td align="center">
<tr> <div class="overflow-x-auto">
<td align="center"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<a href="{{action_url}}" class="f-fallback button" target="_blank">Reset password</a> <tr>
</td> <td align="center">
</tr> <a href="{{action_url}}" class="f-fallback button" target="_blank">Reset password</a>
</table> </td>
</td> </tr>
</tr> </table>
</table> </div>
<p>For reference, here's your login information:</p> </td>
<div class="overflow-x-auto"><table class="attributes" width="100%" cellpadding="0" cellspacing="0"> </tr>
<tr> </table>
<td class="attributes_content"> </div>
<div class="overflow-x-auto><table width="100%" cellpadding="0" cellspacing="0">
<tr> <p>For reference, here's your login information:</p>
<td class="attributes_item">
<span class="f-fallback"> <div class="overflow-x-auto">
<strong>Email:</strong> {{v.email}} <table class="attributes" width="100%" cellpadding="0" cellspacing="0">
</span> <tr>
</td> <td class="attributes_content">
</tr> <div class="overflow-x-auto">
<tr> <table width="100%" cellpadding="0" cellspacing="0">
<td class="attributes_item"> <tr>
<span class="f-fallback"> <td class="attributes_item">
<strong>Username:</strong> {{v.username}} <span class="f-fallback">
</span> <strong>Email:</strong> {{v.email}}
</td> </span>
</tr> </td>
</table> </tr>
</td> <tr>
</tr> <td class="attributes_item">
</table> <span class="f-fallback">
<div class="overflow-x-auto"><table class="body-sub"> <strong>Username:</strong> {{v.username}}
<tr> </span>
<td> </td>
<p class="f-fallback sub">If you're having trouble with the button above, copy and paste the URL below into your web browser.</p> </tr>
<p class="f-fallback sub">{{action_url}}</p> </table>
</td> </div>
</tr> </td>
</table> </tr>
</table>
</div>
<div class="overflow-x-auto">
<table class="body-sub">
<tr>
<td>
<p class="f-fallback sub">If you're having trouble with the button above, copy and paste the URL below into your web browser.</p>
<p class="f-fallback sub">{{action_url}}</p>
</td>
</tr>
</table>
</div>
{% endblock %} {% endblock %}