Add email template image size

This commit is contained in:
Eric Jinks 2018-01-25 13:50:30 +10:00
parent a703140973
commit 5940fe65ca
8 changed files with 36 additions and 12 deletions

View file

@ -8,11 +8,16 @@
.button {
background: #ff3d3d;
}
.logo {
margin: auto;
width: 100px;
height: auto;
}
</style>
</head>
<body>
<container>
<img style='margin: auto' src='https://netlify-cms-react-starter.netlify.com/images/logo.png' />
<img class='logo' src='https://netlify-cms-react-starter.netlify.com/images/logo.png' />
<h2>Confirm your signup</h2>
<p>Follow this link to confirm your account:</p>
<button class='button' href="{{ .ConfirmationURL }}" style="margin: auto;">Confirm your mail</button>

View file

@ -86,8 +86,9 @@
<td> <![endif]-->
<table class="container__table" role="presentation" border="0" align="center" cellpadding="0" cellspacing="0" width="100%">
<tr class="container__row">
<td class="container__cell" width="100%" align="left" valign="top"> <img src="https://netlify-cms-react-starter.netlify.com/images/logo.png" border="0" alt="" class="img__block" style="display: block; max-width: 100%; margin: 0 auto;" />
<h2 class="header h2" style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">Confirm your signup</h2>
<td class="container__cell" width="100%" align="left" valign="top"> <img class="logo img__block" src="https://netlify-cms-react-starter.netlify.com/images/logo.png" border="0" alt="" style="display: block; max-width: 100%; width: 100px; height: auto; margin: 0 auto;" width="100" />
<h2 class="header h2"
style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">Confirm your signup</h2>
<p class="text p" style="display: block; margin: 14px 0; color: #000000; font-family: Helvetica,Arial,sans-serif; font-size: 16px; line-height: 20px; text-align: center;">Follow this link to confirm your account:</p>
<div class="button button" style="background-color: #FF3D3D; margin: 0 auto;">
<table role="presentation" width="100%" align="left" border="0" cellpadding="0" cellspacing="0">

View file

@ -8,11 +8,16 @@
.button {
background: #ff3d3d;
}
.logo {
margin: auto;
width: 100px;
height: auto;
}
</style>
</head>
<body>
<container>
<img style='margin: auto' src='https://netlify-cms-react-starter.netlify.com/images/logo.png' />
<img class='logo' src='https://netlify-cms-react-starter.netlify.com/images/logo.png' />
<h2>Confirm Change of Email</h2>
<p>Follow this link to confirm the update of your email from {{ .Email }} to {{ .NewEmail }}:</p>
<button class='button' href="{{ .ConfirmationURL }}" style="margin: auto;">Change Email</button>

View file

@ -86,8 +86,9 @@
<td> <![endif]-->
<table class="container__table" role="presentation" border="0" align="center" cellpadding="0" cellspacing="0" width="100%">
<tr class="container__row">
<td class="container__cell" width="100%" align="left" valign="top"> <img src="https://netlify-cms-react-starter.netlify.com/images/logo.png" border="0" alt="" class="img__block" style="display: block; max-width: 100%; margin: 0 auto;" />
<h2 class="header h2" style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">Confirm Change of Email</h2>
<td class="container__cell" width="100%" align="left" valign="top"> <img class="logo img__block" src="https://netlify-cms-react-starter.netlify.com/images/logo.png" border="0" alt="" style="display: block; max-width: 100%; width: 100px; height: auto; margin: 0 auto;" width="100" />
<h2 class="header h2"
style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">Confirm Change of Email</h2>
<p class="text p" style="display: block; margin: 14px 0; color: #000000; font-family: Helvetica,Arial,sans-serif; font-size: 16px; line-height: 20px; text-align: center;">Follow this link to confirm the update of your email from {{ .Email }} to {{ .NewEmail }}:</p>
<div class="button button" style="background-color: #FF3D3D; margin: 0 auto;">
<table role="presentation" width="100%" align="left" border="0" cellpadding="0" cellspacing="0">

View file

@ -8,11 +8,16 @@
.button {
background: #ff3d3d;
}
.logo {
margin: auto;
width: 100px;
height: auto;
}
</style>
</head>
<body>
<container>
<img style='margin: auto' src='https://netlify-cms-react-starter.netlify.com/images/logo.png' />
<img class='logo' src='https://netlify-cms-react-starter.netlify.com/images/logo.png' />
<h2>You have been invited</h2>
<p>You have been invited to create a user on {{ .SiteURL }}</p>
<button class='button' href="{{ .ConfirmationURL }}" style="margin: auto;">Accept the invite</button>

View file

@ -86,8 +86,9 @@
<td> <![endif]-->
<table class="container__table" role="presentation" border="0" align="center" cellpadding="0" cellspacing="0" width="100%">
<tr class="container__row">
<td class="container__cell" width="100%" align="left" valign="top"> <img src="https://netlify-cms-react-starter.netlify.com/images/logo.png" border="0" alt="" class="img__block" style="display: block; max-width: 100%; margin: 0 auto;" />
<h2 class="header h2" style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">You have been invited</h2>
<td class="container__cell" width="100%" align="left" valign="top"> <img class="logo img__block" src="https://netlify-cms-react-starter.netlify.com/images/logo.png" border="0" alt="" style="display: block; max-width: 100%; width: 100px; height: auto; margin: 0 auto;" width="100" />
<h2 class="header h2"
style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">You have been invited</h2>
<p class="text p" style="display: block; margin: 14px 0; color: #000000; font-family: Helvetica,Arial,sans-serif; font-size: 16px; line-height: 20px; text-align: center;">You have been invited to create a user on {{ .SiteURL }}</p>
<div class="button button" style="background-color: #FF3D3D; margin: 0 auto;">
<table role="presentation" width="100%" align="left" border="0" cellpadding="0" cellspacing="0">

View file

@ -8,11 +8,16 @@
.button {
background: #ff3d3d;
}
.logo {
margin: auto;
width: 100px;
height: auto;
}
</style>
</head>
<body>
<container>
<img style='margin: auto' src='https://netlify-cms-react-starter.netlify.com/images/logo.png' />
<img class='logo' src='https://netlify-cms-react-starter.netlify.com/images/logo.png' />
<h2>Reset Password</h2>
<p>Follow this link to reset the password for your account:</p>
<button class='button' href="{{ .ConfirmationURL }}" style="margin: auto;">Reset Password</button>

View file

@ -86,8 +86,9 @@
<td> <![endif]-->
<table class="container__table" role="presentation" border="0" align="center" cellpadding="0" cellspacing="0" width="100%">
<tr class="container__row">
<td class="container__cell" width="100%" align="left" valign="top"> <img src="https://netlify-cms-react-starter.netlify.com/images/logo.png" border="0" alt="" class="img__block" style="display: block; max-width: 100%; margin: 0 auto;" />
<h2 class="header h2" style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">Reset Password</h2>
<td class="container__cell" width="100%" align="left" valign="top"> <img class="logo img__block" src="https://netlify-cms-react-starter.netlify.com/images/logo.png" border="0" alt="" style="display: block; max-width: 100%; width: 100px; height: auto; margin: 0 auto;" width="100" />
<h2 class="header h2"
style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">Reset Password</h2>
<p class="text p" style="display: block; margin: 14px 0; color: #000000; font-family: Helvetica,Arial,sans-serif; font-size: 16px; line-height: 20px; text-align: center;">Follow this link to reset the password for your account:</p>
<div class="button button" style="background-color: #FF3D3D; margin: 0 auto;">
<table role="presentation" width="100%" align="left" border="0" cellpadding="0" cellspacing="0">