Skip to content

Instantly share code, notes, and snippets.

@dumebi
Created April 21, 2021 22:31
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dumebi/f1dfec4b36913b4a0a5d53762449024f to your computer and use it in GitHub Desktop.
Save dumebi/f1dfec4b36913b4a0a5d53762449024f to your computer and use it in GitHub Desktop.
/**
* return full email body
* @param {string} partialBody
*/
exports.emailBody = (partialBody) => {
const body = `
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
<title>GetEquity</title>
<style type="text/css">
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap");
a {
text-decoration: none;
}
@media screen and (max-width: 420px) {
table {
width: 100% !important;
padding: 15px !important;
}
.logo {
width: 123px !important;
height: 25px !important;
}
.logo-wrapper {
padding: 18px 0 !important;
}
.welcome {
font-size: 25px !important;
}
.content-body{
font-size: 16px !important;
line-height: 24px !important;
}
.confirm{
font-size: 16px !important;
line-height: 50px !important;
}
.code{
font-size: 30px !important;
padding-top: 6px !important;
}
.button-wrapper{
padding-top: 46px !important;
}
button{
font-size: 18px !important;
line-height: 27px !important;
padding: 15px 34px !important;
}
.warning{
padding-bottom: 10px !important;
}
.signature {
padding-top: 10px !important;
}
.point {
display: none;
}
.link {
display: block;
padding: 12px 0 !important;
border-bottom: 1px #c4c4c4 solid !important;
}
.line {
display: none !important;
}
span {
display: block !important;
}
.copy {
font-size: 16px !important;
line-height: 23px !important;
}
}
</style>
</head>
<body style="padding: 0 30; margin: 0" width="100%">
<table border="0" bgcolor="#F5F8FA" cellpadding="0" cellspacing="0" style="
margin: 0 auto;
padding: 24px;
font-family: 'Source Sans Pro', sans-serif;
color: #5F5F5F;
" width="600px;">
${partialBody}
<tbody align="center" style="font-size: 14px; line-height: 37px" width="100%">
<tr>
<td style="padding: 33px 0 0; font-size: 14px;
line-height: 20px;"> <strong><a style="padding-right:40px; color: #234260;" class="link" href="https://www.getequity.io/faqs"
target="_blank" rel="noopener noreferrer">FAQs</a></strong> <strong class="point"
style="font-size: 20px;">.</strong> </strong> <strong> <a class="link"
style="padding-right:40px; padding-left:40px; color: #234260;" href="mailto:hello@getequity.io"
target="_blank" rel="noopener noreferrer">CONTACT</a></strong> <strong class="point"
style="font-size: 20px;">.</strong> <strong> <a class="link"
style="padding-left:30px; color: #234260;" href="https://www.getequity.io/about" target="_blank"
rel="noopener noreferrer">ABOUT</a></strong> </td>
</tr>
<tr>
<td class="copy" style="padding: 35px 0 0; font-size: 14px; color: #979797;
line-height: 26px;">Copyright © ${new Date().getFullYear()} GetEquity. All Rights Reserved. With love. 💖</td>
</tr>
<tr>
<td style=" color: #234260;"> <span>hello@getequity.io</span></td>
</tr>
<tr>
<td style="padding: 35px 0 10px 0; color: #234260;">
<a style="padding-right: 50px" href="http://"> <img src="https://res.cloudinary.com/djalafcj9/image/upload/v1599165618/get%20equity/icon-instagram_lzdqec.png" alt="instagram logo">
</a>
<a style="padding-right: 50px" href="http://"> <img src="https://res.cloudinary.com/djalafcj9/image/upload/v1599165617/get%20equity/icon-fb_hgeevi.png" alt="facebook logo"> </a>
<a href="http://"> <img src="https://res.cloudinary.com/djalafcj9/image/upload/v1599165618/get%20equity/icon-twitter_rkmn0k.png" alt="twitter logo"> </a>
</td>
</tr>
</tbody>
</table>
</body>
</html>
`;
return body;
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment