digest tpl

v1.18.x
Julian Lam 8 years ago
parent 4c0135e188
commit 5f24d63005

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

@ -1,50 +1,93 @@
<p>[[email:greeting_with_name, {username}]],</p> <!-- IMPORT emails/partials/header.tpl -->
<!-- IF notifications.length --> <!-- Email Body : BEGIN -->
<p>[[email:digest.notifications, {site_title}]]</p> <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="100%" style="max-width: 600px;">
<ul> <!-- Hero Image, Flush : BEGIN -->
<!-- BEGIN notifications --> <tr>
<li style="text-decoration: none; list-style-type: none; padding-bottom: 0.5em;"> <td bgcolor="#efeff0" style="text-align: center; background-image: url({url}/assets/images/emails/triangularbackground.png); background-size: cover; background-repeat: no-repeat;">
<a href="{url}{notifications.path}"> <img src="{url}/assets/images/emails/digestheader.png" width="750" height="304" border="0" align="center" style="width: 750px; height: 304px; max-width: 300px; height: auto; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;" class="g-img">
<!-- IF notifications.image --> </td>
<img style="vertical-align: middle; width: 16px; height: 16px; padding-right: 1em;" src="{notifications.image}" /> </tr>
<!-- ELSE --> <!-- Hero Image, Flush : END -->
<div style="width: 16px; height: 16px; line-height: 16px; font-size: 10px; margin-right: 1em; background-color: {notifications.user.icon:bgColor}; color: white; text-align: center; display: inline-block;">{notifications.user.icon:text}</div>
<!-- ENDIF notifications.image -->
{notifications.bodyShort}
</a>
</li>
<!-- END notifications -->
</ul>
<hr /> <!-- 1 Column Text + Button : BEGIN -->
<!-- ENDIF notifications.length --> <tr>
<td bgcolor="#efeff0">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="padding: 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;">
<h1 style="margin: 0 0 10px 0; font-family: sans-serif; font-size: 24px; line-height: 27px; color: #333333; font-weight: normal;">[[email:greeting_with_name, {username}]],</h1>
</td>
</tr>
<!-- IF notifications.length -->
<tr>
<td style="padding: 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;">
<p style="margin: 0;">[[email:digest.notifications, {site_title}]]</p>
<ul>
<!-- BEGIN notifications -->
<li style="text-decoration: none; list-style-type: none; padding-bottom: 0.5em;">
<a href="{url}{notifications.path}">
<!-- IF notifications.image -->
<img style="vertical-align: middle; width: 16px; height: 16px; padding-right: 1em;" src="{notifications.image}" />
<!-- ELSE -->
<div style="width: 16px; height: 16px; line-height: 16px; font-size: 10px; margin-right: 1em; background-color: {notifications.user.icon:bgColor}; color: white; text-align: center; display: inline-block;">{notifications.user.icon:text}</div>
<!-- ENDIF notifications.image -->
{notifications.bodyShort}
</a>
</li>
<!-- END notifications -->
</ul>
</td>
</tr>
<!-- ENDIF notifications.length -->
<tr>
<td style="padding: 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;">
<p style="margin: 0;">[[email:digest.latest_topics, {site_title}]]</p>
<ul>
<!-- IF recent.length -->
<!-- BEGIN recent -->
<li style="text-decoration: none; list-style-type: none; padding-bottom: 0.5em;">
<a href="{url}/topic/{recent.slug}">
{function.renderDigestAvatar}{recent.title}
</a>
</li>
<!-- END recent -->
<!-- ELSE -->
<li style="text-decoration: none; list-style-type: none; padding-bottom: 0.5em; font-style: italic;">
[[email:digest.no_topics, [[email:digest.{interval}]]]]
</li>
<!-- ENDIF recent.length -->
</ul>
</td>
</tr>
<tr>
<td style="padding: 0 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;">
<!-- Button : BEGIN -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" style="margin: auto;">
<tr>
<td style="border-radius: 3px; background: #222222; text-align: center;" class="button-td">
<a href="{url}" style="background: #222222; border: 15px solid #222222; font-family: sans-serif; font-size: 13px; line-height: 1.1; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: bold;" class="button-a">
<span style="color:#ffffff;" class="button-link">&nbsp;&nbsp;&nbsp;&nbsp;[[email:digest.cta, {site_title}]]&nbsp;&nbsp;&nbsp;&nbsp;</span>
</a>
</td>
</tr>
</table>
<!-- Button : END -->
</td>
</tr>
<tr>
<td style="padding: 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;">
<h2 style="margin: 0 0 10px 0; font-family: sans-serif; font-size: 18px; line-height: 21px; color: #333333; font-weight: bold;">[[email:closing]]</h2>
<p style="margin: 0;">{site_title}</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- 1 Column Text + Button : END -->
<p>[[email:digest.latest_topics, {site_title}]]</p> </table>
<ul> <!-- Email Body : END -->
<!-- IF recent.length -->
<!-- BEGIN recent -->
<li style="text-decoration: none; list-style-type: none; padding-bottom: 0.5em;">
<a href="{url}/topic/{recent.slug}">
{function.renderDigestAvatar}{recent.title}
</a>
</li>
<!-- END recent -->
<!-- ELSE -->
<li style="text-decoration: none; list-style-type: none; padding-bottom: 0.5em; font-style: italic;">
[[email:digest.no_topics, [[email:digest.{interval}]]]]
</li>
<!-- ENDIF recent.length -->
</ul>
<p>
<a href="{url}">[[email:digest.cta, {site_title}]]</a>
</p>
<!-- IMPORT emails/partials/footer.tpl --> <!-- IMPORT emails/partials/footer.tpl -->
<hr />
<p>
[[email:digest.unsub.info]] <a href="{url}/user/{userslug}/settings">[[email:unsub.cta]]</a>.
</p>
Loading…
Cancel
Save