194 lines
8.3 KiB
Elixir
194 lines
8.3 KiB
Elixir
<!DOCTYPE html
|
|
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office"
|
|
xmlns:v="urn:schemas-microsoft-com:vml">
|
|
|
|
<head>
|
|
<!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
|
|
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
|
|
<meta content="width=device-width" name="viewport" />
|
|
<!--[if !mso]><!-->
|
|
<meta content="IE=edge" http-equiv="X-UA-Compatible" />
|
|
<!--<![endif]-->
|
|
<title><%= @email.subject %></title>
|
|
<!--[if !mso]><!-->
|
|
<!--<![endif]-->
|
|
<style type="text/css">
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
a {
|
|
|
|
color: <%= @styling.link_color %>;
|
|
text-decoration: none;
|
|
}
|
|
|
|
table,
|
|
td,
|
|
tr {
|
|
vertical-align: top;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
* {
|
|
line-height: inherit;
|
|
}
|
|
|
|
a[x-apple-data-detectors=true] {
|
|
color: inherit !important;
|
|
text-decoration: none !important;
|
|
}
|
|
</style>
|
|
<style id="media-query" type="text/css">
|
|
@media (max-width: 610px) {
|
|
|
|
.block-grid,
|
|
.col {
|
|
min-width: 320px !important;
|
|
max-width: 100% !important;
|
|
display: block !important;
|
|
}
|
|
|
|
.block-grid {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.col {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.col>div {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.no-stack .col {
|
|
min-width: 0 !important;
|
|
display: table-cell !important;
|
|
}
|
|
|
|
.no-stack.two-up .col {
|
|
width: 50% !important;
|
|
}
|
|
|
|
.no-stack .col.num4 {
|
|
width: 33% !important;
|
|
}
|
|
|
|
.no-stack .col.num8 {
|
|
width: 66% !important;
|
|
}
|
|
|
|
.no-stack .col.num4 {
|
|
width: 33% !important;
|
|
}
|
|
|
|
.no-stack .col.num3 {
|
|
width: 25% !important;
|
|
}
|
|
|
|
.no-stack .col.num6 {
|
|
width: 50% !important;
|
|
}
|
|
|
|
.no-stack .col.num9 {
|
|
width: 75% !important;
|
|
}
|
|
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="clean-body" style="margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: <%= @styling.background_color %>;">
|
|
<!--[if IE]><div class="ie-browser"><![endif]-->
|
|
<table bgcolor="<%= @styling.background_color %>" cellpadding="0" cellspacing="0" class="nl-container" role="presentation"
|
|
style="table-layout: fixed; vertical-align: top; min-width: 320px; Margin: 0 auto; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: <%= @styling.background_color %>; width: 100%;"
|
|
valign="top" width="100%">
|
|
<tbody>
|
|
<tr style="vertical-align: top;" valign="top">
|
|
<td style="word-break: break-word; vertical-align: top;" valign="top">
|
|
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color:<%= @styling.background_color %>"><![endif]-->
|
|
|
|
<%# header %>
|
|
<div style="background-color:transparent;">
|
|
<div class="block-grid"
|
|
style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: <%= @styling.content_background_color%>;">
|
|
<div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
|
|
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:590px"><tr class="layout-full-width" style="background-color:<%= @styling.content_background_color%>"><![endif]-->
|
|
<!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:<%= @styling.content_background_color%>;width:590px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
|
|
<div class="col num12"
|
|
style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
|
|
<div style="width:100% !important;">
|
|
<!--[if (!mso)&(!IE)]><!-->
|
|
<div
|
|
style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
|
|
<!--<![endif]-->
|
|
<div align="center" class="img-container center"
|
|
style="padding-right: 0px;padding-left: 0px;">
|
|
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr style="line-height:0px"><td style="padding-right: 0px;padding-left: 0px;" align="center"><![endif]--><img
|
|
align="center" alt="Image" border="0" class="center" src="<%= @logo_url %>"
|
|
style="text-decoration: none; -ms-interpolation-mode: bicubic; border: 0; height: 80px; width: auto; max-height: 80px; display: block;"
|
|
title="Image" height="80" />
|
|
<!--[if mso]></td></tr></table><![endif]-->
|
|
</div>
|
|
<!--[if (!mso)&(!IE)]><!-->
|
|
</div>
|
|
<!--<![endif]-->
|
|
</div>
|
|
</div>
|
|
<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
|
|
<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<%# title %>
|
|
<%= if @title do %>
|
|
<div style="background-color:transparent;">
|
|
<div class="block-grid"
|
|
style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: <%= @styling.content_background_color%>;">
|
|
<div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
|
|
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:590px"><tr class="layout-full-width" style="background-color:<%= @styling.content_background_color%>"><![endif]-->
|
|
<!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:<%= @styling.content_background_color%>;width:590px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
|
|
<div class="col num12"
|
|
style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
|
|
<div style="width:100% !important;">
|
|
<!--[if (!mso)&(!IE)]><!-->
|
|
<div
|
|
style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
|
|
<!--<![endif]-->
|
|
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]-->
|
|
<div
|
|
style="line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
|
|
<div
|
|
style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height: 14px; color: <%= @styling.header_color %>;">
|
|
<p style="line-height: 36px; text-align: center; margin: 0;"><span
|
|
style="font-size: 30px; color: <%= @styling.header_color %>;"><%= @title %></span></p>
|
|
</div>
|
|
</div>
|
|
<!--[if mso]></td></tr></table><![endif]-->
|
|
<!--[if (!mso)&(!IE)]><!-->
|
|
</div>
|
|
<!--<![endif]-->
|
|
</div>
|
|
</div>
|
|
<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
|
|
<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
<%= @inner_content %>
|
|
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<!--[if (IE)]></div><![endif]-->
|
|
</body>
|
|
|
|
</html>
|