p5.js-web-editor/server/views/consolidationMailLayout.js

79 lines
2 KiB
JavaScript
Raw Normal View History

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>
`
);