Skip to content

Instantly share code, notes, and snippets.

@ariellephan
Last active March 25, 2021 05:15
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 ariellephan/225070dbfb9168d683cff9e51fda052b to your computer and use it in GitHub Desktop.
Save ariellephan/225070dbfb9168d683cff9e51fda052b to your computer and use it in GitHub Desktop.
updated bodyHtml
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n<html xmlns=\"http://www.w3.org/1999/xhtml\" xmlns:o=\"urn:schemas-microsoft-com:office:office\" xmlns:v=\"urn:schemas-microsoft-com:vml\" style=\"background-color: #F9FAFB; height: 100%; min-width: 100%; line-height: 22px;\">\n<head>\n <meta charset=\"UTF-8\">\n <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\">\n <meta name=\"MobileOptimized\" content=\"320\">\n <meta name=\"HandHeldFriendly\" content=\"true\">\n <title></title>\n <!-- from source/views/emails/assembled to public/css -->\n <style>\n@media (min-width: 768px) {\n .expandable.expanded {\n max-height: 1000px;\n }\n}\n\n\n@media only screen and (-webkit-min-device-pixel-ratio: 2) {\n .dragHandle .thumb {\n background-image: url(\"../../../../public/css/pages/emails/img/report_sprite@2x.png?ts=@@timestamp\");\n background-size: 50px auto;\n }\n}\n</style>\n <!--[if mso]>\n <style type=\"text/css\">\n .fullWidth { width: 605px !important; }\n .halfWidth { width: 305px !important; }\n .paddingLessSection { padding: 0 !important; }\n .paddingSection { padding: 48px 80px !important; }\n .logo { padding-bottom: 20px !important; }\n </style>\n <![endif]-->\n\n <style type=\"text/css\">\n@media only screen and (max-width: 604px) {\n .fullWidth, .halfWidth {\n width: 100% !important;\n }\n .mir {\n padding: 16px !important;\n }\n .logo {\n padding-bottom: 20px !important;\n }\n .headerText {\n padding-left: 5px !important;\n padding-right: 5px !important;\n }\n .mirBtn {\n padding: 5px 10px !important;\n }\n .introText {\n font-size: 20px !important;\n line-height: 24px !important;\n }\n .paddingSection {\n padding: 48px 16px !important;\n }\n .mirHeaderSpace {\n height: 40px !important;\n }\n}\n\n\n@media only screen and (min-width: 605px) {\n .fullWidth {\n width: 605px !important;\n }\n .halfWidth {\n width: 305px !important;\n }\n .logo {\n padding-bottom: 20px !important;\n }\n .paddingSection {\n padding: 48px 80px !important;\n }\n}\n</style> </head>\n <body leftmargin=\"0\" marginwidth=\"0\" topmargin=\"0\" marginheight=\"0\" style=\"font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif; background-color: #F9FAFB; height: 100%; min-width: 100%; line-height: 22px;\">\n <center>\n <table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" class=\"glint-email mir\" style=\"font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif; color: #05142D; padding: 24px 16px 32px 16px; overflow-wrap: break-word; table-layout: fixed; border-collapse: separate !important; border-spacing: 0;\">\n <tr>\n <td align=\"center\" style=\"margin: 0; padding: 0; font-size: 100%; font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif;\">\n <!-- email content -->\n <table width=\"620\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" align=\"center\" class=\"fullWidth\" style=\"font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif; width: 605px !important; border-collapse: separate !important; border-spacing: 0;\">\n <!-- header -->\n <thead>\n <tr>\n <td class=\"logo\" style=\"margin: 0; padding: 0; font-size: 100%; font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif; vertical-align: middle; text-align: center; padding-bottom: 20px !important;\">\n <img src=\"{{glintLogoUrl}}\" alt=\"Glint Inc.\" width=\"66\" style=\"border: 0 none;\">\n </td>\n </tr>\n </thead>\n <!-- Start of table body -->\n <tbody><tr class=\"firstSection\"><td style=\"margin: 0; padding: 0; font-size: 100%; font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif; border-top: 4px solid #0A66C2;\"></td></tr>\n<tr>\n <td class=\"paddingSection\" style=\"margin: 0; font-size: 100%; font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif; border: 1px solid #DFE3E8; background-color: #FFFFFF; box-sizing: border-box; width: 100%; padding: 48px 80px !important;\">\n <table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" align=\"center\" class=\"mirExport\" style=\"font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif; table-layout: auto; width: 100%; border-collapse: separate !important; border-spacing: 0;\">\n <thead>\n <tr>\n <td colspan=\"20\" class=\"introText\" style=\"margin: 0; padding: 0; font-size: 26px; font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 34px; color: #05142D;\">${greeting}</td>\n </tr>\n {{#if isSuccess}}\n <tr>\n <td colspan=\"20\" class=\"introText\" style=\"margin: 0; padding: 0; font-size: 26px; font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 34px; color: #05142D;\">${successMessage}</td>\n </tr>\n {{else}}\n <tr>\n <td colspan=\"20\" class=\"introText\" style=\"margin: 0; padding: 0; font-size: 26px; font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 34px; color: #05142D;\">${errorMessage}</td>\n </tr>\n {{/if}}\n </thead>\n <tbody>\n <tr><td colspan=\"20\" class=\"mirHeaderSpace\" style=\"margin: 0; padding: 0; font-size: 100%; font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif; height: 48px;\"></td></tr>\n {{#if isSuccess}}\n <tr><td colspan=\"20\" class=\"itemHeader normalText\" style=\"margin: 0; padding: 0; font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #05142D;\"><p style=\"margin: 0; padding: 0; font-size: 100%; font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif;\">${message}</p></td></tr>\n <tr><td colspan=\"20\" class=\"spacer40\" style=\"margin: 0; padding: 0; font-size: 100%; font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif; height: 40px;\"></td></tr>\n {{/if}}\n <tr>\n <td colspan=\"20\" style=\"margin: 0; padding: 0; font-size: 100%; font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif;\">\n <table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif; border-collapse: separate !important; border-spacing: 0;\">\n <tr>\n <td class=\"mirBtn smallText\" style=\"margin: 0; padding: 5px 20px; font-size: 12px; font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif; line-height: 18px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; font-weight: 500; font-style: normal; font-stretch: normal; background-color: #0A66C2; text-transform: capitalize; text-align: center; text-decoration: none !important; color: #FFFFFF;\">\n <a href=\"{{buttonLink}}\" style=\"cursor: pointer; font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif; background-color: transparent; text-decoration: none; color: #FFFFFF;\">${buttonText}</a>\n </td>\n </tr>\n </table>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n</tr> </tbody>\n <tfoot>\n <!-- footer -->\n <tr>\n <td colspan=\"20\" class=\"fullWidth footer\" style=\"margin: 0; font-size: 100%; font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif; padding: 20px 0; text-align: center; width: 605px !important; padding-top: 60px;\">\n <center>\n <table align=\"center\" width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" class=\"footerTable\" style=\"font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif; text-align: center; color: #5A616B; border-collapse: separate !important; border-spacing: 0;\">\n <tr>\n <td class=\"normalText\" style=\"margin: 0; padding: 0; font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;\">${missionText}</td>\n </tr>\n <tr class=\"spacer16\" style=\"height: 16px;\"></tr>\n <tr>\n <td class=\"smallestText\" style=\"margin: 0; padding: 0; font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif; font-size: 10px; line-height: 16px;\">${emailText}</td>\n </tr>\n <tr class=\"spacer16\" style=\"height: 16px;\"></tr>\n <tr>\n <td class=\"smallestText\" style=\"margin: 0; padding: 0; font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif; font-size: 10px; line-height: 16px;\">{{address}}</td>\n </tr>\n </table>\n </center>\n </td>\n </tr>\n </tfoot>\n </table>\n <!-- end email content -->\n </td>\n </tr>\n </table>\n <!-- end email framework --> </center>\n </body>\n</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment