diff --git a/backend/src/middleware/email/templates/signup.html b/backend/src/middleware/email/templates/signup.html new file mode 100644 index 000000000..7316dc841 --- /dev/null +++ b/backend/src/middleware/email/templates/signup.html @@ -0,0 +1,434 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + +
+ (Optional) This text will appear in the inbox preview, but not the email body. It can be used to supplement the + email subject line or even summarize the email's contents. Extended text preheaders (~490 characters) seems like a + better UX for anyone using a screenreader or voice-command apps like Siri to dictate the contents of an email. If + this text is not included, email clients will automatically populate it using the text (including image alt text) + at the start of the email's body. +
+ + + + +
+ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  +
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ alt_text +
+ alt_text +
+ + + + + + + + + + +
+

+ Praesent laoreet malesuada cursus.

+

Maecenas sed ante pellentesque, posuere leo id, eleifend dolor. Class aptent + taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent laoreet + malesuada cursus. Maecenas scelerisque congue eros eu posuere. Praesent in felis ut velit pretium + lobortis rhoncus ut erat.

+
+ + + + + +
+ Primary + Button +
+ +
+

+ Praesent in felis ut velit pretium lobortis rhoncus ut erat.

+
    +
  • A list item.
    • +
  • Another list item here.
    • +
  • Everyone gets a list item, list items for + everyone!
    • +
+

Maecenas sed ante pellentesque, posuere leo id, eleifend dolor. Class aptent + taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent laoreet + malesuada cursus. Maecenas scelerisque congue eros eu posuere. Praesent in felis ut velit pretium + lobortis rhoncus ut erat.

+
+
+ + + + + +
+ + + + + + + +
+ alt_text +
+

Maecenas sed ante pellentesque, posuere leo id, eleifend dolor.

+
+ 		+ + + + + + + +
+ alt_text +
+

Maecenas sed ante pellentesque, posuere leo id, eleifend dolor.

+
+
+
+ + + + +
+

Maecenas sed ante pellentesque, posuere leo id, eleifend dolor. Class aptent + taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent laoreet + malesuada cursus. Maecenas scelerisque congue eros eu posuere. Praesent in felis ut velit pretium + lobortis rhoncus ut erat.

+
+
+ + + + + + + +
+ View as a Web Page + +

+ Company Name
123 Fake Street, SpringField, OR, 97477 + US
(123) 456-7890 +

+ unsubscribe +
+ + + +
+ + + + + + +
+ +
+ + + +
+ + + diff --git a/backend/src/middleware/email/templates/signup.js b/backend/src/middleware/email/templates/signup.js index 25f3681d7..a83e59d5b 100644 --- a/backend/src/middleware/email/templates/signup.js +++ b/backend/src/middleware/email/templates/signup.js @@ -4,6 +4,7 @@ import path from 'path' import mustache from 'mustache' const signupText = fs.readFileSync(path.join(__dirname, './signup.txt'), 'utf-8') +const signupHtml = fs.readFileSync(path.join(__dirname, './signup.html'), 'utf-8') export const signupTemplate = options => { const { @@ -21,6 +22,7 @@ export const signupTemplate = options => { return { to: email, subject, - text: mustache.render(signupText, { actionUrl, nonce, supportUrl }) + text: mustache.render(signupText, { actionUrl, nonce, supportUrl }), + html: mustache.render(signupHtml, {}), } }