Skip to content

Instantly share code, notes, and snippets.

@majirosstefan

majirosstefan/cavy-email-template.html

Created September 19, 2021 11:38
Show Gist options
  • Save majirosstefan/f9bc1f73b25ed865ec1921f7d744200c to your computer and use it in GitHub Desktop.
Save majirosstefan/f9bc1f73b25ed865ec1921f7d744200c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
cavy-email-template.html
<!DOCTYPE html>
<html>
<head>
<title>asd</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
<style type="text/css">
body,
p,
div {
font-family: arial;
font-size: 14px;
}
body {
color: #000000;
}
body a {
color: #1188E6;
text-decoration: none;
}
p {
margin: 0;
padding: 0;
}
table.wrapper {
width: 100% !important;
table-layout: fixed;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
img.max-width {
max-width: 100% !important;
}
.column.of-2 {
width: 50%;
}
.column.of-3 {
width: 33.333%;
}
.column.of-4 {
width: 25%;
}
.button {
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
background-color: rgb(34,102,245);
border-radius: 5px;
margin: auto;
}
@media screen and (max-width:480px) {
.preheader .rightColumnContent,
.footer .rightColumnContent {
text-align: left !important;
}
.preheader .rightColumnContent div,
.preheader .rightColumnContent span,
.footer .rightColumnContent div,
.footer .rightColumnContent span {
text-align: left !important;
}
.preheader .rightColumnContent,
.preheader .leftColumnContent {
font-size: 80% !important;
padding: 5px 0;
}
table.wrapper-mobile {
width: 100% !important;
table-layout: fixed;
}
img.max-width {
height: auto !important;
max-width: 480px !important;
}
a.bulletproof-button {
display: block !important;
width: auto !important;
font-size: 80%;
padding-left: 0 !important;
padding-right: 0 !important;
}
.columns {
width: 100% !important;
}
.column {
display: block !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.total_spacer {
padding: 0px 0px 0px 0px;
}
}
</style>
<!--user entered Head Start-->
<!--End Head user entered-->
</head>
<body>
<center class="wrapper" data-link-color="#1188E6" data-body-style="font-size: 14px; font-family: arial; color: #000000; background-color: #ebebeb;">
<div class="webkit">
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="wrapper" bgcolor="#ebebeb">
<tr>
<td valign="top" bgcolor="#ebebeb" width="100%">
<table width="100%" role="content-container" class="outer" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="100%">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="width: 100%; max-width:600px;" align="center">
<tr>
<td role="modules-container" style="padding: 0px 0px 0px 0px; color: #000000; text-align: left;" bgcolor="#ffffff" width="100%" align="left">
<table class="module preheader preheader-hide" role="module" data-type="preheader" border="0" cellpadding="0" cellspacing="0" width="100%" style="display: none !important; mso-hide: all; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0;">
<tr>
<td role="module-content">
<p></p>
</td>
</tr>
</table>
<table class="wrapper" role="module" data-type="image" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;">
<tr>
<td style="font-size:6px;line-height:10px;padding:0px 0px 0px 0px;" valign="top" align="center">
<img class="" border="0" style="display:block;color:#000000;text-decoration:none;font-family:Helvetica, arial, sans-serif;fot-size:16px;height:auto !important;" src="http://cdn.mcauto-images-production.sendgrid.net/07d537ca808b07ad/f0733d21-a1ea-408a-858f-3cb2ed3e3dce/192x192.png" alt="" width="100">
</td>
</tr>
</table>
<table class="module" role="module" data-type="text" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;">
<tr>
<td style="padding:25px 20px 5px 20px;line-height:25px;text-align:inherit;" height="100%" valign="top" bgcolor="">
<h2 style="text-align: center;">
<span style="color:#333333;">E2E Tests Summary: {{appName}}</span>
</h2>
</td>
</tr>
<tr>
</table>
{{#if testsFailedToRun}}
<div style="margin-bottom:40px">
<h2 style="text-align: center;color:red">Tests failed to run</h2>
<a style="text-align:center;" href='{{buildUrl}}'>
<button class="button">
See build details
</button>
</a>
</div>
{{else}}
<table class="module" role="module" data-type="text" border="0" cellpadding="0" cellspacing="0" width="80%" style="table-layout: fixed;margin: auto">
<tr>
<td style="padding:0px 0px 30px 0px;line-height:22px;text-align:inherit;" height="100%" valign="top" bgcolor="">
<div style="text-align: left;">
<font color="#333333">Failures</font>
</div>
</td>
<td style="padding:0px 0px 30px 0px;line-height:22px;text-align:inherit;" height="100%" valign="top" bgcolor="">
<div style="text-align: right;">
<b color="#333333">{{failures}}</b>
</div>
</td>
</tr>
<tr>
<td style="padding:0px 0px 30px 0px;line-height:22px;text-align:inherit;" height="100%" valign="top" bgcolor="">
<div style="text-align: left;">
<font color="#333333">Errors</font>
</div>
</td>
<td style="padding:0px 0px 30px 0px;line-height:22px;text-align:inherit;" height="100%" valign="top" bgcolor="">
<div style="text-align: right;">
<b color="#333333">{{errors}}</b>
</div>
</td>
</tr>
<tr>
<td style="padding:0px 0px 30px 0px;line-height:22px;text-align:inherit;" height="100%" valign="top" bgcolor="">
<div style="text-align: left;">
<font color="#333333">Total Time</font>
</div>
</td>
<td style="padding:0px 0px 30px 0px;line-height:22px;text-align:inherit;" height="100%" valign="top" bgcolor="">
<div style="text-align: right;">
<b color="#333333">{{time}} s</b>
</div>
</td>
</tr>
<tr>
<td style="padding:0px 0px 30px 0px;line-height:22px;text-align:inherit;" height="100%" valign="top" bgcolor="">
<div style="text-align: left;">
<font color="#333333">Hostname</font>
</div>
</td>
<td style="padding:0px 0px 30px 0px;line-height:22px;text-align:inherit;" height="100%" valign="top" bgcolor="">
<div style="text-align: right;">
<b color="#333333">{{hostname}}</b>
</div>
</td>
</tr>
</table>
<a style="text-align:center;" href='{{buildUrl}}'>
<button class="button">
See build details
</button>
</a>
<table class="module" role="module" data-type="text" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;">
<tr>
<td style="padding:25px 20px 25px 20px;line-height:20px;text-align:inherit;" height="100%" valign="top" bgcolor="">
</td>
</tr>
</table>
<table class="module" role="module" data-type="code" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;">
<tr>
<td height="100%" valign="top">
<div>
<table align="center" border="0" cellpadding="0" cellspacing="0" style="width:100%;">
<tbody>
{{#each testcase}}
<tr>
<td style="width:10%;" >
<div style="text-align: left;"></div>
</td>
<td style="width:40%;" >
{{#if this.passed }}
<div style="text-align: left;">✅ {{this.name}}</div>
{{else}}
<div style="text-align: left;">❌ {{this.name}}</div>
{{/if}}
</td>
<td style="width:40%;">
<div style="text-align: right;">{{this.time}} s</div>
</td>
<td style="width:10%;" >
<div style="text-align: left;"></div>
</td>
</tr>
<tr>
<td> </td>
</tr>
{{/each}}
<tr>
<td style="width:200px;max-width:33.333%;"> </td>
<td style="width:200px;max-width:33.333%;"> </td>
<td style="width:200px;max-width:33.333%;"> </td>
</tr>
<tr>
<td style="width:200px;max-width:33.333%;"> </td>
<td style="width:200px;max-width:33.333%;"> </td>
<td style="width:200px;max-width:33.333%;"> </td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</table>
<table class="module" role="module" data-type="divider" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;">
<tr>
<td style="padding:0px 0px 0px 0px;" role="module-content" height="100%" valign="top" bgcolor="">
<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%" height="5px" style="line-height:5px; font-size:5px;">
<tr>
<td style="padding: 0px 0px 5px 0px;" bgcolor="#ebebeb"></td>
</tr>
</table>
</td>
</tr>
</table>
{{/if}}
<table class="module" role="module" data-type="divider" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;">
<tr>
<td style="padding:0px 0px 0px 0px;" role="module-content" height="100%" valign="top" bgcolor="">
<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%" height="5px" style="line-height:5px; font-size:5px;">
<tr>
<td style="padding: 0px 0px 5px 0px;" bgcolor="#ebebeb"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</center>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment