79 lines
2.0 KiB
JavaScript
79 lines
2.0 KiB
JavaScript
export default ({
|
|
domain,
|
|
headingText,
|
|
greetingText,
|
|
messageText,
|
|
username,
|
|
email,
|
|
message2Text,
|
|
resetPasswordLink,
|
|
directLinkText,
|
|
resetPasswordText,
|
|
noteText,
|
|
meta
|
|
}) => (
|
|
`
|
|
<mjml>
|
|
<mj-head>
|
|
<mj-raw>
|
|
<meta name="keywords" content="${meta.keywords}" />
|
|
<meta name="description" content="${meta.description}" />
|
|
</mj-raw>
|
|
</mj-head>
|
|
<mj-body>
|
|
<mj-container>
|
|
<mj-section>
|
|
<mj-column>
|
|
<mj-image width="192" src="${domain}/images/p5js-square-logo.png" alt="p5.js" />
|
|
<mj-divider border-color="#ed225d"></mj-divider>
|
|
</mj-column>
|
|
</mj-section>
|
|
|
|
<mj-section>
|
|
<mj-column>
|
|
<mj-text font-size="20px" color="#333333" font-family="sans-serif">
|
|
${headingText}
|
|
</mj-text>
|
|
</mj-column>
|
|
</mj-section>
|
|
|
|
<mj-section>
|
|
<mj-column>
|
|
<mj-text color="#333333">
|
|
${greetingText}
|
|
</mj-text>
|
|
<mj-text color="#333333">
|
|
${messageText}
|
|
</mj-text>
|
|
<mj-text color="#333333">
|
|
<span style="font-weight:bold;">Username:</span> ${username}
|
|
</mj-text>
|
|
<mj-text color="#333333">
|
|
<span style="font-weight:bold;">Email:</span> ${email}
|
|
</mj-text>
|
|
<mj-text color="#333333">
|
|
${message2Text}
|
|
</mj-text>
|
|
<mj-button background-color="#ed225d" href="${domain}/${resetPasswordLink}">
|
|
${resetPasswordText}
|
|
</mj-button>
|
|
</mj-column>
|
|
</mj-section>
|
|
|
|
<mj-section>
|
|
<mj-column>
|
|
<mj-text color="#333333">
|
|
${directLinkText}
|
|
</mj-text>
|
|
<mj-text align="center" color="#333333"><a href="${domain}/${resetPasswordLink}">${domain}/${resetPasswordLink}</a></mj-text>
|
|
<mj-text color="#333333">
|
|
${noteText}
|
|
</mj-text>
|
|
</mj-column>
|
|
</mj-section>
|
|
</mj-container>
|
|
</mj-body>
|
|
</mjml>
|
|
`
|
|
);
|