Based off of https://github.com/ActiveCampaign/postmark-templates/tree/main/templates-inlined/basic/password-reset
(title: string, htmlBody: string)
| 62 | |
| 63 | /** Based off of https://github.com/ActiveCampaign/postmark-templates/tree/main/templates-inlined/basic/password-reset */ |
| 64 | private static getHtmlBody(title: string, htmlBody: string) { |
| 65 | return ` |
| 66 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| 67 | <html xmlns="http://www.w3.org/1999/xhtml"> |
| 68 | <head> |
| 69 | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| 70 | <meta name="x-apple-disable-message-reformatting" /> |
| 71 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
| 72 | <meta name="color-scheme" content="light dark" /> |
| 73 | <meta name="supported-color-schemes" content="light dark" /> |
| 74 | <title>${escapeHtml(title)}</title> |
| 75 | <style type="text/css" rel="stylesheet" media="all"> |
| 76 | /* Base ------------------------------ */ |
| 77 | |
| 78 | body { |
| 79 | width: 100% !important; |
| 80 | height: 100%; |
| 81 | margin: 0; |
| 82 | -webkit-text-size-adjust: none; |
| 83 | } |
| 84 | |
| 85 | a { |
| 86 | color: #3869D4; |
| 87 | } |
| 88 | |
| 89 | a img { |
| 90 | border: none; |
| 91 | } |
| 92 | |
| 93 | td { |
| 94 | word-break: break-word; |
| 95 | } |
| 96 | |
| 97 | .preheader { |
| 98 | display: none !important; |
| 99 | visibility: hidden; |
| 100 | mso-hide: all; |
| 101 | font-size: 1px; |
| 102 | line-height: 1px; |
| 103 | max-height: 0; |
| 104 | max-width: 0; |
| 105 | opacity: 0; |
| 106 | overflow: hidden; |
| 107 | } |
| 108 | /* Type ------------------------------ */ |
| 109 | |
| 110 | body, |
| 111 | td, |
| 112 | th { |
| 113 | /* Source: https://fontsarena.com/blog/operating-systems-default-sans-serif-fonts/ */ |
| 114 | font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Oxygen, Cantarell, sans-serif; |
| 115 | } |
| 116 | |
| 117 | h1 { |
| 118 | margin-top: 0; |
| 119 | color: #333333; |
| 120 | font-size: 22px; |
| 121 | font-weight: bold; |
no test coverage detected