101 lines
3.5 KiB
Plaintext
101 lines
3.5 KiB
Plaintext
<!-- HERO -->
|
|
<tr>
|
|
<td bgcolor="#474467" align="center" style="padding: 0px 10px 0px 10px;">
|
|
<!--[if (gte mso 9)|(IE)]>
|
|
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
|
|
<tr>
|
|
<td align="center" valign="top" width="600">
|
|
<![endif]-->
|
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
|
|
<tr>
|
|
<td
|
|
bgcolor="#ffffff"
|
|
align="center"
|
|
valign="top"
|
|
style="padding: 40px 20px 20px 20px; border-radius: 4px 4px 0px 0px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 400; line-height: 48px;"
|
|
>
|
|
<h1 style="font-size: 48px; font-weight: 400; margin: 0;">
|
|
<%= gettext("Come along!") %>
|
|
</h1>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<!--[if (gte mso 9)|(IE)]>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<![endif]-->
|
|
</td>
|
|
</tr>
|
|
<!-- COPY BLOCK -->
|
|
<tr>
|
|
<td bgcolor="#E6E4F4" align="center" style="padding: 0px 10px 0px 10px;">
|
|
<!--[if (gte mso 9)|(IE)]>
|
|
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
|
|
<tr>
|
|
<td align="center" valign="top" width="600">
|
|
<![endif]-->
|
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
|
|
<!-- COPY -->
|
|
<tr>
|
|
<td
|
|
bgcolor="#ffffff"
|
|
align="left"
|
|
style="padding: 20px 30px 0px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
|
|
>
|
|
<p style="margin: 0;">
|
|
<%= gettext(
|
|
"<b>%{inviter}</b> just invited you to join their group %{link_start}<b>%{group}</b>%{link_end}",
|
|
group: @group.name,
|
|
inviter: @inviter.name,
|
|
link_start: "<a href=\"#{@group.url}\">",
|
|
link_end: "</a>"
|
|
)
|
|
|> raw %>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td
|
|
bgcolor="#ffffff"
|
|
align="left"
|
|
style="padding: 20px 30px 40px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;"
|
|
>
|
|
<p style="margin: 0">
|
|
<%= gettext("To accept this invitation, head over to your groups.") %>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
<!-- BULLETPROOF BUTTON -->
|
|
<tr>
|
|
<td bgcolor="#ffffff" align="left">
|
|
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
|
<tr>
|
|
<td bgcolor="#ffffff" align="center" style="padding: 20px 30px 60px 30px;">
|
|
<table border="0" cellspacing="0" cellpadding="0">
|
|
<tr>
|
|
<td align="center" style="border-radius: 3px;" bgcolor="#3C376E">
|
|
<a
|
|
href={"#{Routes.page_url(Mobilizon.Web.Endpoint, :my_groups)}"}
|
|
target="_blank"
|
|
style="font-size: 20px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; padding: 15px 25px; border-radius: 2px; border: 1px solid #3C376E; display: inline-block;"
|
|
>
|
|
<%= gettext("See my groups") %>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<!--[if (gte mso 9)|(IE)]>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<![endif]-->
|
|
</td>
|
|
</tr>
|