Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: add new email template when welcoming user #422

Merged
merged 1 commit into from
Jul 21, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 24 additions & 0 deletions lang/en/emails/user_welcome.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!doctype html><html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"><head><title></title><!--[if !mso]><!--><meta http-equiv="X-UA-Compatible" content="IE=edge"><!--<![endif]--><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><style type="text/css">#outlook a { padding:0; }
body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
p { display:block;margin:13px 0; }</style><!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<![endif]--><!--[if lte mso 11]>
<style type="text/css">
.mj-outlook-group-fix { width:100% !important; }
</style>
<![endif]--><!--[if !mso]><!--><link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Plus+Jakarta+Sans" rel="stylesheet" type="text/css"><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Plus+Jakarta+Sans);</style><!--<![endif]--><style type="text/css">@media only screen and (min-width:480px) {
.mj-column-per-100 { width:100% !important; max-width: 100%; }
}</style><style media="screen and (min-width:480px)">.moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }</style><style type="text/css">@media only screen and (max-width:480px) {
table.mj-full-width-mobile { width: 100% !important; }
td.mj-full-width-mobile { width: auto !important; }
}</style></head><body style="word-spacing:normal;background-color:#F5F5F5;"><div style="background-color:#F5F5F5;"><!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--><div style="margin:0px auto;max-width:600px;"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"><tbody><tr><td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;"><!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--><div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"><tbody><tr><td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"><tbody><tr><td style="width:300px;"><img height="auto" src="https://static.openfoodfacts.org/images/logos/off-logo-horizontal-light.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="300"></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--><div style="margin:0px auto;max-width:600px;"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"><tbody><tr><td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;"><!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--><div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"><tbody><tr><td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"><div style="font-family:Plus Jakarta Sans;font-size:19px;line-height:20px;text-align:center;color:#000000;"><p><span style="color: #008C8C">Hi</span> <span style="color: #FF8714">{{NAME}}</span> <span style="color: #008C8C">and welcome to Open Food Facts!</span> 🔎🍊</p></div></td></tr><tr><td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"><div style="font-family:Open Sans;font-size:14px;line-height:20px;text-align:left;color:#000000;"><p>Thank you for joining our international community of people eager to see more transparency in the food industry by contributing to the world’s largest open food database!</p><p>Here is your user name: <span style="color: #FF8714">{{USERID}}</span></p><p>Sign in on the <a href="https://openfoodfacts.org/">website</a> to add and edit products.</p><p>📲 We also have a free, ad-free and private <a href="https://world.openfoodfacts.org/open-food-facts-mobile-app">mobile scanning app</a> you may like.</p></div></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#e7e7e7" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--><div style="background:#e7e7e7;background-color:#e7e7e7;margin:0px auto;border-radius:10px;max-width:600px;"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#e7e7e7;background-color:#e7e7e7;width:100%;border-radius:10px;"><tbody><tr><td style="direction:ltr;font-size:0px;padding:0;text-align:center;"><!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--><div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"><tbody><tr><td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"><div style="font-family:Open Sans;font-size:14px;line-height:20px;text-align:left;color:#000000;"><p>Open Food Facts is a collaborative project to which you can bring much more than new products: your energy, enthusiasm and ideas!</p><p>🌎 To discuss projects and connect as a community, join us on <a href="https://slack.openfoodfacts.org/">our Slack</a> or <a href="https://forum.openfoodfacts.org/">our Forum</a>.</p><p>🙋🙋‍♀️To become a volunteer for the project, sign up to the <a href="https://docs.google.com/forms/d/e/1FAIpQLSfGHAn5KxW7ko3_GlDfQpVGKpPAMHMbDvY2IjtxfJSXxKJQ2A/viewform">Contributor Skill Pool</a> (4 min form)!</p><p>💫 To follow our latest news:</p><ul style="list-style-type: none;"><li>Instagram (<a href="https://www.instagram.com/open.food.facts/">English</a>, <a href="https://www.instagram.com/openfoodfacts.fr/">French</a>)</li><li>Facebook (<a href="https://www.facebook.com/OpenFoodFacts">English</a>, <a href="https://www.facebook.com/OpenFoodFacts.fr/">French</a>)</li><li>Twitter (<a href="https://twitter.com/OpenFoodFacts">English</a>, <a href="https://twitter.com/OpenFoodFactsFr">French</a>)</li><li><a href="https://www.linkedin.com/company/open-food-facts">LinkedIn</a></li><li><a href="https://blog.openfoodfacts.org/en/">Our Blog</a> (available in several languages)</li><li><a href="https://www.youtube.com/@openfoodfacts1170">Youtube</a></li><li><a href="https://blog.openfoodfacts.org/en/newsletter-2">Subscribe to our newsletter</a> (no more than one newsletter a month!)</li></ul><p></p><p>Please also get familiar with our community’s <a href="https://world.openfoodfacts.org/code-of-conduct">Code of Conduct</a>.</p></div></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--><div style="margin:0px auto;max-width:600px;"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"><tbody><tr><td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;"><!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--><div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"><tbody><tr><td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"><div style="font-family:Open Sans;font-size:14px;line-height:20px;text-align:left;color:#000000;"><p>Thank you for joining the food revolution and we look forward to your contribution! 🤳🥫</p><p><b>#YesWeScan</b></p><p>Stay tuned,</p><p>The Open Food Facts team</p><p><a href="https://openfoodfacts.org">https://openfoodfacts.org</a></p></div></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" bgcolor="#f2e9e4" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--><div style="background:#f2e9e4;background-color:#f2e9e4;margin:0px auto;border-radius:10px;max-width:600px;"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#f2e9e4;background-color:#f2e9e4;width:100%;border-radius:10px;"><tbody><tr><td style="direction:ltr;font-size:0px;padding:0;text-align:center;"><!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]--><div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"><tbody><tr><td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"><div style="font-family:Plus Jakarta Sans;font-size:14px;line-height:20px;text-align:center;color:#000000;"><p style="color: #008C8C; font-size: 18px">Still have a minute to read? 😉</p></div></td></tr><tr><td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"><div style="font-family:Open Sans;font-size:14px;line-height:20px;text-align:left;color:#000000;"><p><b>Some further resources</b></p><p>Are you:</p><ul><li><b>a producer?</b> Discover our dedicated <a href="https://world.pro.openfoodfacts.org/">Pro platform</a> to help you in your transparency journey</li><li><b>into cosmetics ?</b> Discover the growing <a href="https://openbeautyfacts.org">Open Beauty Facts</a> database</li><li><b>a developer?</b> Join us on <a href="https://github.com/openfoodfacts">Github</a> to help improve the interfaces</li><li><b>a translator?</b> Help make Open Food Facts available in your language via <a href="https://translate.openfoodfacts.org/">Crowdin</a></li></ul><p></p><p><b>🌱 How can informed food choices make a difference?</b></p><p>What we eat matters when food accounts for 28% of C02 emissions, 70% of drinking water consumption and the majority of packaging waste globally. Each meal is an opportunity to have a positive impact on our health and that of our planet.</p><p>🧡 Open Food Facts is a non-profit organization and exists in part thanks to donations. If you like the project, please consider <a href="https://world.openfoodfacts.org/donate-to-open-food-facts">supporting it with a donation</a>.</p></div></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--></div></body></html>
88 changes: 88 additions & 0 deletions lang/en/emails/user_welcome.mjml
Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
<mjml>
<mj-head>
<mj-font name="Plus Jakarta Sans" href="https://fonts.googleapis.com/css?family=Plus+Jakarta+Sans" />
<mj-font name="Open Sans" href="https://fonts.googleapis.com/css?family=Open+Sans" />
<mj-attributes>
<mj-text font-size="14px" line-height="20px" font-family="Open Sans" />
</mj-attributes>
</mj-head>
<mj-body background-color="#F5F5F5">
<mj-section>
<mj-column>
<mj-image width="300px" src="https://static.openfoodfacts.org/images/logos/off-logo-horizontal-light.png"></mj-image>
</mj-column>
</mj-section>
<mj-section>
<mj-column>
<mj-text align="center" font-size="19px" font-family="Plus Jakarta Sans">
<p><span style="color: #008C8C">Hi</span> <span style="color: #FF8714">{{NAME}}</span> <span style="color: #008C8C">and welcome to Open Food Facts!</span> 🔎🍊</p>
</mj-text>
<mj-text>
<p>Thank you for joining our international community of people eager to see more transparency in the food industry by contributing to the world’s largest open food database!</p>
<p>Here is your user name: <span style="color: #FF8714">{{USERID}}</span>
</p>
<p>Sign in on the <a href="https://openfoodfacts.org/">website</a> to add and edit products.</p>
<p>📲 We also have a free, ad-free and private <a href="https://world.openfoodfacts.org/open-food-facts-mobile-app">mobile scanning app</a> you may like.
</p>
</mj-text>
</mj-column>
</mj-section>
<mj-section background-color="#e7e7e7" border-radius="10px" padding="0">
<mj-column>
<mj-text>
<p>Open Food Facts is a collaborative project to which you can bring much more than new products: your energy, enthusiasm and ideas!</p>
<p>🌎 To discuss projects and connect as a community, join us on <a href="https://slack.openfoodfacts.org/">our Slack</a> or <a href="https://forum.openfoodfacts.org/">our Forum</a>.</p>
<p>🙋🙋‍♀️To become a volunteer for the project, sign up to the <a href="https://docs.google.com/forms/d/e/1FAIpQLSfGHAn5KxW7ko3_GlDfQpVGKpPAMHMbDvY2IjtxfJSXxKJQ2A/viewform">Contributor Skill Pool</a> (4 min form)!</p>
<p>💫 To follow our latest news:
<ul style="list-style-type: none;">
<li>Instagram (<a href="https://www.instagram.com/open.food.facts/">English</a>, <a href="https://www.instagram.com/openfoodfacts.fr/">French</a>)</li>
<li>Facebook (<a href="https://www.facebook.com/OpenFoodFacts">English</a>, <a href="https://www.facebook.com/OpenFoodFacts.fr/">French</a>)</li>
<li>Twitter (<a href="https://twitter.com/OpenFoodFacts">English</a>, <a href="https://twitter.com/OpenFoodFactsFr">French</a>)</li>
<li><a href="https://www.linkedin.com/company/open-food-facts">LinkedIn</a></li>
<li><a href="https://blog.openfoodfacts.org/en/">Our Blog</a> (available in several languages)</li>
<li><a href="https://www.youtube.com/@openfoodfacts1170">Youtube</a></li>
<li><a href="https://blog.openfoodfacts.org/en/newsletter-2">Subscribe to our newsletter</a> (no more than one newsletter a month!)</li>
</ul>
</p>
<p>Please also get familiar with our community’s <a href="https://world.openfoodfacts.org/code-of-conduct">Code of Conduct</a>.</p>
</mj-text>
</mj-column>
</mj-section>
<mj-section>
<mj-column>
<mj-text>
<p>Thank you for joining the food revolution and we look forward to your contribution! 🤳🥫</p>
<p><b>#YesWeScan</b></p>
<p>Stay tuned,</p>
<p>The Open Food Facts team</p>
<p>
<a href="https://openfoodfacts.org">https://openfoodfacts.org</a>
</p>
</mj-text>
</mj-column>
</mj-section>
<mj-section padding="0" background-color="#f2e9e4" border-radius="10px">
<mj-column>
<mj-text align="center" font-family="Plus Jakarta Sans">
<p style="color: #008C8C; font-size: 18px">Still have a minute to read? 😉</p>
</mj-text>
<mj-text>
<p><b>Some further resources</b></p>
<p>Are you:
<ul>
<li><b>a producer?</b> Discover our dedicated <a href="https://world.pro.openfoodfacts.org/">Pro platform</a> to help you in your transparency journey</li>
<li><b>into cosmetics ?</b> Discover the growing <a href="https://openbeautyfacts.org">Open Beauty Facts</a> database</li>
<li><b>a developer?</b> Join us on <a href="https://github.com/openfoodfacts">Github</a> to help improve the interfaces</li>
<li><b>a translator?</b> Help make Open Food Facts available in your language via <a href="https://translate.openfoodfacts.org/">Crowdin</a></li>
</ul>
</p>
<p><b>🌱 How can informed food choices make a difference?</b></p>
<p>What we eat matters when food accounts for 28% of C02 emissions, 70% of drinking water consumption and the majority of packaging waste globally. Each meal is an opportunity to have a positive impact on our health and that of our planet.
</p>
<p>🧡 Open Food Facts is a non-profit organization and exists in part thanks to donations. If you like the project, please consider <a href="https://world.openfoodfacts.org/donate-to-open-food-facts">supporting it with a donation</a>.</p>
</mj-text>
</mj-text>
</mj-column>
</mj-section>
</mj-body>
</mjml>