diff --git a/backend/resources/app/email/change-email/en.html b/backend/resources/app/email/change-email/en.html index d63efa72f..7a5f1f118 100644 --- a/backend/resources/app/email/change-email/en.html +++ b/backend/resources/app/email/change-email/en.html @@ -1,5 +1,6 @@ - + @@ -110,15 +111,20 @@ 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%"> + <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%"> <tr> <td align="left" style="font-size:0px;padding:16px;word-break:break-word;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"> + <table border="0" cellpadding="0" cellspacing="0" role="presentation" + style="border-collapse:collapse;border-spacing:0px;"> <tbody> <tr> <td style="width:97px;"> - <img height="32" src="{{ public-uri }}/images/email/uxbox-title.png" style="border:0;display:block;outline:none;text-decoration:none;height:32px;width:100%;font-size:13px;" width="97" /> + <img height="32" src="{{ public-uri }}/images/email/uxbox-title.png" + style="border:0;display:block;outline:none;text-decoration:none;height:32px;width:100%;font-size:13px;" + width="97" /> </td> </tr> </tbody> @@ -151,7 +157,8 @@ <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"> <![endif]--> <div style="background:#FFFFFF;background-color:#FFFFFF;margin:0px auto;max-width:600px;"> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#FFFFFF;background-color:#FFFFFF;width:100%;"> + <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" + style="background:#FFFFFF;background-color:#FFFFFF;width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;"> @@ -164,29 +171,43 @@ 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%"> + <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%"> <tr> <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:24px;font-weight:600;line-height:150%;text-align:left;color:#000000;">Hello {{name|abbreviate:25}}!</div> + <div + style="font-family:Source Sans Pro, sans-serif;font-size:24px;font-weight:600;line-height:150%;text-align:left;color:#000000;"> + Hello {{name|abbreviate:25}}!</div> </td> </tr> <tr> <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;">We received a request to change your current email to {{ pending-email }}.</div> + <div + style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;"> + We received a request to change your current email to {{ pending-email }}.</div> </td> </tr> <tr> <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;">Click to the link below to confirm the change:</div> + <div + style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;"> + Click to the link below to confirm the change:</div> </td> </tr> <tr> - <td align="center" vertical-align="middle" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;"> + <td align="center" vertical-align="middle" + style="font-size:0px;padding:10px 25px;word-break:break-word;"> + <table border="0" cellpadding="0" cellspacing="0" role="presentation" + style="border-collapse:separate;line-height:100%;"> <tr> - <td align="center" bgcolor="#31EFB8" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#31EFB8;" valign="middle"> - <a href="{{ public-uri }}/#/auth/verify-token?token={{token}}" style="display:inline-block;background:#31EFB8;color:#1F1F1F;font-family:Source Sans Pro, sans-serif;font-size:16px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank"> Confirm email change </a> + <td align="center" bgcolor="#31EFB8" role="presentation" + style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#31EFB8;" + valign="middle"> + <a href="{{ public-uri }}/#/auth/verify-token?token={{token}}" + style="display:inline-block;background:#31EFB8;color:#1F1F1F;font-family:Source Sans Pro, sans-serif;font-size:16px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" + target="_blank"> Confirm email change </a> </td> </tr> </table> @@ -194,17 +215,24 @@ </tr> <tr> <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;">If you received this email by mistake, please consider changing your password for security reasons.</div> + <div + style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;"> + If you received this email by mistake, please consider changing your password for security + reasons.</div> </td> </tr> <tr> <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;">Enjoy!</div> + <div + style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;"> + Enjoy!</div> </td> </tr> <tr> <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;">The Penpot team.</div> + <div + style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;"> + The Penpot team.</div> </td> </tr> </table> @@ -221,258 +249,10 @@ </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:24px 0 0 0;text-align:center;"> - <!--[if mso | IE]> - <table role="presentation" border="0" cellpadding="0" cellspacing="0"> + {% include "app/email/includes/footer.html" %} - <tr> - - <td - class="" style="vertical-align:top;width:425px;" - > - <![endif]--> - <div class="mj-column-px-425 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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:14px;line-height:150%;text-align:center;color:#64666A;">Penpot is the first Open Source design and prototyping platform meant for cross-domain teams.</div> - </td> - </tr> - </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: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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <!--[if mso | IE]> - <table - align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - > - <tr> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://penpot.app/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-uxbox.png" style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://twitter.com/penpotapp" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-twitter.png" style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://github.com/penpot/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-github.png" style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://www.instagram.com/penpot.app/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-instagram.png" style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://tree.taiga.io/project/penpot" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-taiga.png" style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - </tr> - </table> - <![endif]--> - </td> - </tr> - </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:0 0 24px 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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:14px;line-height:150%;text-align:center;color:#64666A;">Penpot | Made with <3 and Open Source</div> - </td> - </tr> - </table> - </div> - <!--[if mso | IE]> - </td> - - </tr> - - </table> - <![endif]--> - </td> - </tr> - </tbody> - </table> - </div> - <!--[if mso | IE]> - </td> - </tr> - </table> - <![endif]--> </div> </body> -</html> +</html> \ No newline at end of file diff --git a/backend/resources/app/email/includes/footer.html b/backend/resources/app/email/includes/footer.html new file mode 100644 index 000000000..4581ff37a --- /dev/null +++ b/backend/resources/app/email/includes/footer.html @@ -0,0 +1,323 @@ +<!--[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:24px 0 0 0;text-align:center;"> + <!--[if mso | IE]> + <table role="presentation" border="0" cellpadding="0" cellspacing="0"> + + <tr> + + <td + class="" style="vertical-align:top;width:425px;" + > + <![endif]--> + <div class="mj-column-px-425 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%"> + <tr> + <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> + <div + style="font-family:Source Sans Pro, sans-serif;font-size:14px;line-height:150%;text-align:center;color:#64666A;"> + Penpot is the first Open Source design and prototyping platform meant for + cross-domain teams. + </div> + </td> + </tr> + </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: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%"> + <tr> + <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> + <!--[if mso | IE]> + <table + align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" + > + <tr> + + <td> + <![endif]--> + <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" + style="float:none;display:inline-table;"> + <tr> + <td style="padding:0 8px;"> + <table border="0" cellpadding="0" cellspacing="0" role="presentation" + style="border-radius:3px;width:24px;"> + <tr> + <td + style="font-size:0;height:24px;vertical-align:middle;width:24px;"> + <a href="https://penpot.app/" target="_blank"> + <img height="24" + src="{{ public-uri }}/images/email/logo-uxbox.png" + style="border-radius:3px;display:block;" + width="24" /> + </a> + </td> + </tr> + </table> + </td> + </tr> + </table> + <!--[if mso | IE]> + </td> + + <td> + <![endif]--> + <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" + style="float:none;display:inline-table;"> + <tr> + <td style="padding:0 8px;"> + <table border="0" cellpadding="0" cellspacing="0" role="presentation" + style="border-radius:3px;width:24px;"> + <tr> + <td + style="font-size:0;height:24px;vertical-align:middle;width:24px;"> + <a href="https://x.com/penpotapp" target="_blank"> + <img height="24" + src="{{ public-uri }}/images/email/logo-x.png" + style="border-radius:3px;display:block;" + width="24" /> + </a> + </td> + </tr> + </table> + </td> + </tr> + </table> + <!--[if mso | IE]> + </td> + + <td> + <![endif]--> + <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" + style="float:none;display:inline-table;"> + <tr> + <td style="padding:0 8px;"> + <table border="0" cellpadding="0" cellspacing="0" role="presentation" + style="border-radius:3px;width:24px;"> + <tr> + <td + style="font-size:0;height:24px;vertical-align:middle;width:24px;"> + <a href="https://github.com/penpot/" target="_blank"> + <img height="24" + src="{{ public-uri }}/images/email/logo-github.png" + style="border-radius:3px;display:block;" + width="24" /> + </a> + </td> + </tr> + </table> + </td> + </tr> + </table> + <!--[if mso | IE]> + </td> + + <td> + <![endif]--> + <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" + style="float:none;display:inline-table;"> + <tr> + <td style="padding:0 8px;"> + <table border="0" cellpadding="0" cellspacing="0" role="presentation" + style="border-radius:3px;width:24px;"> + <tr> + <td + style="font-size:0;height:24px;vertical-align:middle;width:24px;"> + <a href="https://www.linkedin.com/company/penpotdesign/" + target="_blank"> + <img height="24" + src="{{ public-uri }}/images/email/logo-linkedin.png" + style="border-radius:3px;display:block;" + width="24" /> + </a> + </td> + </tr> + </table> + </td> + </tr> + </table> + <!--[if mso | IE]> + </td> + + <td> + <![endif]--> + <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" + style="float:none;display:inline-table;"> + <tr> + <td style="padding:0 8px;"> + <table border="0" cellpadding="0" cellspacing="0" role="presentation" + style="border-radius:3px;width:24px;"> + <tr> + <td + style="font-size:0;height:24px;vertical-align:middle;width:24px;"> + <a href="https://fosstodon.org/@penpot/" target="_blank"> + <img height="24" + src="{{ public-uri }}/images/email/logo-mastodon.png" + style="border-radius:3px;display:block;" + width="24" /> + </a> + </td> + </tr> + </table> + </td> + </tr> + </table> + <!--[if mso | IE]> + </td> + + <td> + <![endif]--> + <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" + style="float:none;display:inline-table;"> + <tr> + <td style="padding:0 8px;"> + <table border="0" cellpadding="0" cellspacing="0" role="presentation" + style="border-radius:3px;width:24px;"> + <tr> + <td + style="font-size:0;height:24px;vertical-align:middle;width:24px;"> + <a href="https://tree.taiga.io/project/penpot" + target="_blank"> + <img height="24" + src="{{ public-uri }}/images/email/logo-taiga.png" + style="border-radius:3px;display:block;" + width="24" /> + </a> + </td> + </tr> + </table> + </td> + </tr> + </table> + <!--[if mso | IE]> + </td> + + </tr> + </table> + <![endif]--> + </td> + </tr> + </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:0 0 24px 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%"> + <tr> + <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> + <div + style="font-family:Source Sans Pro, sans-serif;font-size:14px;line-height:150%;text-align:center;color:#64666A;"> + Penpot | Made with <3 and Open Source</div> + </td> + </tr> + </table> + </div> + <!--[if mso | IE]> + </td> + + </tr> + + </table> + <![endif]--> + </td> + </tr> + </tbody> + </table> +</div> +<!--[if mso | IE]> + </td> + </tr> + </table> + <![endif]--> \ No newline at end of file diff --git a/backend/resources/app/email/invite-to-team/en.html b/backend/resources/app/email/invite-to-team/en.html index 93763c106..43bcbde67 100644 --- a/backend/resources/app/email/invite-to-team/en.html +++ b/backend/resources/app/email/invite-to-team/en.html @@ -1,5 +1,6 @@ <!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"> +<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> @@ -110,15 +111,20 @@ 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%"> + <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%"> <tr> <td align="left" style="font-size:0px;padding:16px;word-break:break-word;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"> + <table border="0" cellpadding="0" cellspacing="0" role="presentation" + style="border-collapse:collapse;border-spacing:0px;"> <tbody> <tr> <td style="width:97px;"> - <img height="32" src="{{ public-uri }}/images/email/uxbox-title.png" style="border:0;display:block;outline:none;text-decoration:none;height:32px;width:100%;font-size:13px;" width="97" /> + <img height="32" src="{{ public-uri }}/images/email/uxbox-title.png" + style="border:0;display:block;outline:none;text-decoration:none;height:32px;width:100%;font-size:13px;" + width="97" /> </td> </tr> </tbody> @@ -151,7 +157,8 @@ <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"> <![endif]--> <div style="background:#FFFFFF;background-color:#FFFFFF;margin:0px auto;max-width:600px;"> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#FFFFFF;background-color:#FFFFFF;width:100%;"> + <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" + style="background:#FFFFFF;background-color:#FFFFFF;width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;"> @@ -164,24 +171,36 @@ 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%"> + <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%"> <tr> <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:24px;font-weight:600;line-height:150%;text-align:left;color:#000000;">Hello!</div> + <div + style="font-family:Source Sans Pro, sans-serif;font-size:24px;font-weight:600;line-height:150%;text-align:left;color:#000000;"> + Hello!</div> </td> </tr> <tr> <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;">{{invited-by|abbreviate:25}} has invited you to join the team “{{ team|abbreviate:25 }}”.</div> + <div + style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;"> + {{invited-by|abbreviate:25}} has invited you to join the team “{{ team|abbreviate:25 }}”.</div> </td> </tr> <tr> - <td align="center" vertical-align="middle" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;"> + <td align="center" vertical-align="middle" + style="font-size:0px;padding:10px 25px;word-break:break-word;"> + <table border="0" cellpadding="0" cellspacing="0" role="presentation" + style="border-collapse:separate;line-height:100%;"> <tr> - <td align="center" bgcolor="#31EFB8" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#31EFB8;" valign="middle"> - <a href="{{ public-uri }}/#/auth/verify-token?token={{token}}" style="display:inline-block;background:#31EFB8;color:#1F1F1F;font-family:Source Sans Pro, sans-serif;font-size:16px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank"> Accept invite </a> + <td align="center" bgcolor="#31EFB8" role="presentation" + style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#31EFB8;" + valign="middle"> + <a href="{{ public-uri }}/#/auth/verify-token?token={{token}}" + style="display:inline-block;background:#31EFB8;color:#1F1F1F;font-family:Source Sans Pro, sans-serif;font-size:16px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" + target="_blank"> Accept invite </a> </td> </tr> </table> @@ -189,12 +208,16 @@ </tr> <tr> <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;">Enjoy!</div> + <div + style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;"> + Enjoy!</div> </td> </tr> <tr> <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;">The Penpot team.</div> + <div + style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;"> + The Penpot team.</div> </td> </tr> </table> @@ -211,258 +234,10 @@ </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:24px 0 0 0;text-align:center;"> - <!--[if mso | IE]> - <table role="presentation" border="0" cellpadding="0" cellspacing="0"> + {% include "app/email/includes/footer.html" %} - <tr> - - <td - class="" style="vertical-align:top;width:425px;" - > - <![endif]--> - <div class="mj-column-px-425 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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:14px;line-height:150%;text-align:center;color:#64666A;">Penpot is the first Open Source design and prototyping platform meant for cross-domain teams.</div> - </td> - </tr> - </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: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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <!--[if mso | IE]> - <table - align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - > - <tr> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://penpot.app/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-uxbox.png" style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://twitter.com/penpotapp" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-twitter.png" style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://github.com/penpot/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-github.png" style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://www.instagram.com/penpot.app/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-instagram.png" style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://tree.taiga.io/project/penpot" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-taiga.png" style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - </tr> - </table> - <![endif]--> - </td> - </tr> - </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:0 0 24px 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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:14px;line-height:150%;text-align:center;color:#64666A;">Penpot | Made with <3 and Open Source</div> - </td> - </tr> - </table> - </div> - <!--[if mso | IE]> - </td> - - </tr> - - </table> - <![endif]--> - </td> - </tr> - </tbody> - </table> - </div> - <!--[if mso | IE]> - </td> - </tr> - </table> - <![endif]--> </div> </body> -</html> +</html> \ No newline at end of file diff --git a/backend/resources/app/email/join-team/en.html b/backend/resources/app/email/join-team/en.html index 7668ee0fb..1a59e70ce 100644 --- a/backend/resources/app/email/join-team/en.html +++ b/backend/resources/app/email/join-team/en.html @@ -235,283 +235,9 @@ </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:24px 0 0 0;text-align:center;"> - <!--[if mso | IE]> - <table role="presentation" border="0" cellpadding="0" cellspacing="0"> + {% include "app/email/includes/footer.html" %} - <tr> - - <td - class="" style="vertical-align:top;width:425px;" - > - <![endif]--> - <div class="mj-column-px-425 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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div - style="font-family:Source Sans Pro, sans-serif;font-size:14px;line-height:150%;text-align:center;color:#64666A;"> - Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. - </div> - </td> - </tr> - </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: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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <!--[if mso | IE]> - <table - align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - > - <tr> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://penpot.app/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-uxbox.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://twitter.com/penpotapp" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-twitter.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://github.com/penpot/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-github.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://www.instagram.com/penpot.app/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-instagram.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://tree.taiga.io/project/penpot" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-taiga.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - </tr> - </table> - <![endif]--> - </td> - </tr> - </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:0 0 24px 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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div - style="font-family:Source Sans Pro, sans-serif;font-size:14px;line-height:150%;text-align:center;color:#64666A;"> - Penpot | Made with <3 and Open Source</div> - </td> - </tr> - </table> - </div> - <!--[if mso | IE]> - </td> - - </tr> - - </table> - <![endif]--> - </td> - </tr> - </tbody> - </table> - </div> - <!--[if mso | IE]> - </td> - </tr> - </table> - <![endif]--> </div> </body> diff --git a/backend/resources/app/email/password-recovery/en.html b/backend/resources/app/email/password-recovery/en.html index ed18ef12c..7770402b7 100644 --- a/backend/resources/app/email/password-recovery/en.html +++ b/backend/resources/app/email/password-recovery/en.html @@ -1,5 +1,6 @@ <!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"> +<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> @@ -110,15 +111,20 @@ 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%"> + <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%"> <tr> <td align="left" style="font-size:0px;padding:16px;word-break:break-word;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"> + <table border="0" cellpadding="0" cellspacing="0" role="presentation" + style="border-collapse:collapse;border-spacing:0px;"> <tbody> <tr> <td style="width:97px;"> - <img height="32" src="{{ public-uri }}/images/email/uxbox-title.png" style="border:0;display:block;outline:none;text-decoration:none;height:32px;width:100%;font-size:13px;" width="97" /> + <img height="32" src="{{ public-uri }}/images/email/uxbox-title.png" + style="border:0;display:block;outline:none;text-decoration:none;height:32px;width:100%;font-size:13px;" + width="97" /> </td> </tr> </tbody> @@ -151,7 +157,8 @@ <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"> <![endif]--> <div style="background:#FFFFFF;background-color:#FFFFFF;margin:0px auto;max-width:600px;"> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#FFFFFF;background-color:#FFFFFF;width:100%;"> + <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" + style="background:#FFFFFF;background-color:#FFFFFF;width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;"> @@ -164,24 +171,37 @@ 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%"> + <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%"> <tr> <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:24px;font-weight:600;line-height:150%;text-align:left;color:#000000;">Hello {{name|abbreviate:25}}!</div> + <div + style="font-family:Source Sans Pro, sans-serif;font-size:24px;font-weight:600;line-height:150%;text-align:left;color:#000000;"> + Hello {{name|abbreviate:25}}!</div> </td> </tr> <tr> <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;">We have received a request to reset your password. Click the link below to choose a new one:</div> + <div + style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;"> + We have received a request to reset your password. Click the link below to choose a new one: + </div> </td> </tr> <tr> - <td align="center" vertical-align="middle" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;"> + <td align="center" vertical-align="middle" + style="font-size:0px;padding:10px 25px;word-break:break-word;"> + <table border="0" cellpadding="0" cellspacing="0" role="presentation" + style="border-collapse:separate;line-height:100%;"> <tr> - <td align="center" bgcolor="#31EFB8" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#31EFB8;" valign="middle"> - <a href="{{ public-uri }}/#/auth/recovery?token={{token}}" style="display:inline-block;background:#31EFB8;color:#1F1F1F;font-family:Source Sans Pro, sans-serif;font-size:16px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank"> Reset password </a> + <td align="center" bgcolor="#31EFB8" role="presentation" + style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#31EFB8;" + valign="middle"> + <a href="{{ public-uri }}/#/auth/recovery?token={{token}}" + style="display:inline-block;background:#31EFB8;color:#1F1F1F;font-family:Source Sans Pro, sans-serif;font-size:16px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" + target="_blank"> Reset password </a> </td> </tr> </table> @@ -189,17 +209,24 @@ </tr> <tr> <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;">If you received this email by mistake, you can safely ignore it. Your password won't be changed.</div> + <div + style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;"> + If you received this email by mistake, you can safely ignore it. Your password won't be changed. + </div> </td> </tr> <tr> <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;">Enjoy!</div> + <div + style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;"> + Enjoy!</div> </td> </tr> <tr> <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;">The Penpot team.</div> + <div + style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;"> + The Penpot team.</div> </td> </tr> </table> @@ -216,258 +243,10 @@ </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:24px 0 0 0;text-align:center;"> - <!--[if mso | IE]> - <table role="presentation" border="0" cellpadding="0" cellspacing="0"> + {% include "app/email/includes/footer.html" %} - <tr> - - <td - class="" style="vertical-align:top;width:425px;" - > - <![endif]--> - <div class="mj-column-px-425 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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:14px;line-height:150%;text-align:center;color:#64666A;">Penpot is the first Open Source design and prototyping platform meant for cross-domain teams.</div> - </td> - </tr> - </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: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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <!--[if mso | IE]> - <table - align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - > - <tr> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://penpot.app/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-uxbox.png" style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://twitter.com/penpotapp" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-twitter.png" style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://github.com/penpot/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-github.png" style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://www.instagram.com/penpot.app/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-instagram.png" style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://tree.taiga.io/project/penpot" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-taiga.png" style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - </tr> - </table> - <![endif]--> - </td> - </tr> - </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:0 0 24px 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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:14px;line-height:150%;text-align:center;color:#64666A;">Penpot | Made with <3 and Open Source</div> - </td> - </tr> - </table> - </div> - <!--[if mso | IE]> - </td> - - </tr> - - </table> - <![endif]--> - </td> - </tr> - </tbody> - </table> - </div> - <!--[if mso | IE]> - </td> - </tr> - </table> - <![endif]--> </div> </body> -</html> +</html> \ No newline at end of file diff --git a/backend/resources/app/email/register/en.html b/backend/resources/app/email/register/en.html index 3f058b184..c5fb5bc3f 100644 --- a/backend/resources/app/email/register/en.html +++ b/backend/resources/app/email/register/en.html @@ -1,5 +1,6 @@ <!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"> +<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> @@ -110,15 +111,20 @@ 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%"> + <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%"> <tr> <td align="left" style="font-size:0px;padding:16px;word-break:break-word;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"> + <table border="0" cellpadding="0" cellspacing="0" role="presentation" + style="border-collapse:collapse;border-spacing:0px;"> <tbody> <tr> <td style="width:97px;"> - <img height="32" src="{{ public-uri }}/images/email/uxbox-title.png" style="border:0;display:block;outline:none;text-decoration:none;height:32px;width:100%;font-size:13px;" width="97" /> + <img height="32" src="{{ public-uri }}/images/email/uxbox-title.png" + style="border:0;display:block;outline:none;text-decoration:none;height:32px;width:100%;font-size:13px;" + width="97" /> </td> </tr> </tbody> @@ -151,7 +157,8 @@ <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"> <![endif]--> <div style="background:#FFFFFF;background-color:#FFFFFF;margin:0px auto;max-width:600px;"> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#FFFFFF;background-color:#FFFFFF;width:100%;"> + <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" + style="background:#FFFFFF;background-color:#FFFFFF;width:100%;"> <tbody> <tr> <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;"> @@ -164,24 +171,37 @@ 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%"> + <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%"> <tr> <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:24px;font-weight:600;line-height:150%;text-align:left;color:#000000;">Hello {{name|abbreviate:25}}!</div> + <div + style="font-family:Source Sans Pro, sans-serif;font-size:24px;font-weight:600;line-height:150%;text-align:left;color:#000000;"> + Hello {{name|abbreviate:25}}!</div> </td> </tr> <tr> <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;">Thanks for signing up for your Penpot account! Please verify your email using the link below and get started building mockups and prototypes today!</div> + <div + style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;"> + Thanks for signing up for your Penpot account! Please verify your email using the link below and + get started building mockups and prototypes today!</div> </td> </tr> <tr> - <td align="center" vertical-align="middle" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;"> + <td align="center" vertical-align="middle" + style="font-size:0px;padding:10px 25px;word-break:break-word;"> + <table border="0" cellpadding="0" cellspacing="0" role="presentation" + style="border-collapse:separate;line-height:100%;"> <tr> - <td align="center" bgcolor="#31EFB8" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#31EFB8;" valign="middle"> - <a href="{{ public-uri }}/#/auth/verify-token?token={{token}}" style="display:inline-block;background:#31EFB8;color:#1F1F1F;font-family:Source Sans Pro, sans-serif;font-size:16px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank"> Verify email </a> + <td align="center" bgcolor="#31EFB8" role="presentation" + style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#31EFB8;" + valign="middle"> + <a href="{{ public-uri }}/#/auth/verify-token?token={{token}}" + style="display:inline-block;background:#31EFB8;color:#1F1F1F;font-family:Source Sans Pro, sans-serif;font-size:16px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" + target="_blank"> Verify email </a> </td> </tr> </table> @@ -189,12 +209,16 @@ </tr> <tr> <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;">Enjoy!</div> + <div + style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;"> + Enjoy!</div> </td> </tr> <tr> <td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;">The Penpot team.</div> + <div + style="font-family:Source Sans Pro, sans-serif;font-size:16px;line-height:150%;text-align:left;color:#000000;"> + The Penpot team.</div> </td> </tr> </table> @@ -211,258 +235,10 @@ </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:24px 0 0 0;text-align:center;"> - <!--[if mso | IE]> - <table role="presentation" border="0" cellpadding="0" cellspacing="0"> + {% include "app/email/includes/footer.html" %} - <tr> - - <td - class="" style="vertical-align:top;width:425px;" - > - <![endif]--> - <div class="mj-column-px-425 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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:14px;line-height:150%;text-align:center;color:#64666A;">Penpot is the first Open Source design and prototyping platform meant for cross-domain teams.</div> - </td> - </tr> - </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: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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <!--[if mso | IE]> - <table - align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - > - <tr> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://penpot.app/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-uxbox.png" style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://twitter.com/penpotapp" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-twitter.png" style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://github.com/penpot/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-github.png" style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://www.instagram.com/penpot.app/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-instagram.png" style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://tree.taiga.io/project/penpot" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-taiga.png" style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - </tr> - </table> - <![endif]--> - </td> - </tr> - </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:0 0 24px 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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div style="font-family:Source Sans Pro, sans-serif;font-size:14px;line-height:150%;text-align:center;color:#64666A;">Penpot | Made with <3 and Open Source</div> - </td> - </tr> - </table> - </div> - <!--[if mso | IE]> - </td> - - </tr> - - </table> - <![endif]--> - </td> - </tr> - </tbody> - </table> - </div> - <!--[if mso | IE]> - </td> - </tr> - </table> - <![endif]--> </div> </body> -</html> +</html> \ No newline at end of file diff --git a/backend/resources/app/email/request-file-access-yourpenpot-view/en.html b/backend/resources/app/email/request-file-access-yourpenpot-view/en.html index 53e217cf7..3146665f0 100644 --- a/backend/resources/app/email/request-file-access-yourpenpot-view/en.html +++ b/backend/resources/app/email/request-file-access-yourpenpot-view/en.html @@ -245,283 +245,9 @@ </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:24px 0 0 0;text-align:center;"> - <!--[if mso | IE]> - <table role="presentation" border="0" cellpadding="0" cellspacing="0"> + {% include "app/email/includes/footer.html" %} - <tr> - - <td - class="" style="vertical-align:top;width:425px;" - > - <![endif]--> - <div class="mj-column-px-425 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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div - style="font-family:Source Sans Pro, sans-serif;font-size:14px;line-height:150%;text-align:center;color:#64666A;"> - Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. - </div> - </td> - </tr> - </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: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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <!--[if mso | IE]> - <table - align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - > - <tr> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://penpot.app/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-uxbox.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://twitter.com/penpotapp" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-twitter.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://github.com/penpot/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-github.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://www.instagram.com/penpot.app/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-instagram.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://tree.taiga.io/project/penpot" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-taiga.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - </tr> - </table> - <![endif]--> - </td> - </tr> - </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:0 0 24px 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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div - style="font-family:Source Sans Pro, sans-serif;font-size:14px;line-height:150%;text-align:center;color:#64666A;"> - Penpot | Made with <3 and Open Source</div> - </td> - </tr> - </table> - </div> - <!--[if mso | IE]> - </td> - - </tr> - - </table> - <![endif]--> - </td> - </tr> - </tbody> - </table> - </div> - <!--[if mso | IE]> - </td> - </tr> - </table> - <![endif]--> </div> </body> diff --git a/backend/resources/app/email/request-file-access-yourpenpot/en.html b/backend/resources/app/email/request-file-access-yourpenpot/en.html index f168168ba..e32a1603f 100644 --- a/backend/resources/app/email/request-file-access-yourpenpot/en.html +++ b/backend/resources/app/email/request-file-access-yourpenpot/en.html @@ -268,283 +268,9 @@ </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:24px 0 0 0;text-align:center;"> - <!--[if mso | IE]> - <table role="presentation" border="0" cellpadding="0" cellspacing="0"> + {% include "app/email/includes/footer.html" %} - <tr> - - <td - class="" style="vertical-align:top;width:425px;" - > - <![endif]--> - <div class="mj-column-px-425 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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div - style="font-family:Source Sans Pro, sans-serif;font-size:14px;line-height:150%;text-align:center;color:#64666A;"> - Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. - </div> - </td> - </tr> - </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: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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <!--[if mso | IE]> - <table - align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - > - <tr> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://penpot.app/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-uxbox.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://twitter.com/penpotapp" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-twitter.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://github.com/penpot/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-github.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://www.instagram.com/penpot.app/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-instagram.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://tree.taiga.io/project/penpot" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-taiga.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - </tr> - </table> - <![endif]--> - </td> - </tr> - </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:0 0 24px 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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div - style="font-family:Source Sans Pro, sans-serif;font-size:14px;line-height:150%;text-align:center;color:#64666A;"> - Penpot | Made with <3 and Open Source</div> - </td> - </tr> - </table> - </div> - <!--[if mso | IE]> - </td> - - </tr> - - </table> - <![endif]--> - </td> - </tr> - </tbody> - </table> - </div> - <!--[if mso | IE]> - </td> - </tr> - </table> - <![endif]--> </div> </body> diff --git a/backend/resources/app/email/request-file-access/en.html b/backend/resources/app/email/request-file-access/en.html index 23254524b..370687e3f 100644 --- a/backend/resources/app/email/request-file-access/en.html +++ b/backend/resources/app/email/request-file-access/en.html @@ -285,283 +285,10 @@ </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:24px 0 0 0;text-align:center;"> - <!--[if mso | IE]> - <table role="presentation" border="0" cellpadding="0" cellspacing="0"> + {% include "app/email/includes/footer.html" %} - <tr> - <td - class="" style="vertical-align:top;width:425px;" - > - <![endif]--> - <div class="mj-column-px-425 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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div - style="font-family:Source Sans Pro, sans-serif;font-size:14px;line-height:150%;text-align:center;color:#64666A;"> - Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. - </div> - </td> - </tr> - </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: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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <!--[if mso | IE]> - <table - align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - > - <tr> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://penpot.app/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-uxbox.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://twitter.com/penpotapp" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-twitter.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://github.com/penpot/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-github.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://www.instagram.com/penpot.app/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-instagram.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://tree.taiga.io/project/penpot" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-taiga.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - </tr> - </table> - <![endif]--> - </td> - </tr> - </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:0 0 24px 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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div - style="font-family:Source Sans Pro, sans-serif;font-size:14px;line-height:150%;text-align:center;color:#64666A;"> - Penpot | Made with <3 and Open Source</div> - </td> - </tr> - </table> - </div> - <!--[if mso | IE]> - </td> - - </tr> - - </table> - <![endif]--> - </td> - </tr> - </tbody> - </table> - </div> - <!--[if mso | IE]> - </td> - </tr> - </table> - <![endif]--> </div> </body> diff --git a/backend/resources/app/email/request-team-access/en.html b/backend/resources/app/email/request-team-access/en.html index 103b0870b..54a7dcc2a 100644 --- a/backend/resources/app/email/request-team-access/en.html +++ b/backend/resources/app/email/request-team-access/en.html @@ -243,283 +243,9 @@ </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:24px 0 0 0;text-align:center;"> - <!--[if mso | IE]> - <table role="presentation" border="0" cellpadding="0" cellspacing="0"> + {% include "app/email/includes/footer.html" %} - <tr> - - <td - class="" style="vertical-align:top;width:425px;" - > - <![endif]--> - <div class="mj-column-px-425 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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div - style="font-family:Source Sans Pro, sans-serif;font-size:14px;line-height:150%;text-align:center;color:#64666A;"> - Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. - </div> - </td> - </tr> - </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: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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <!--[if mso | IE]> - <table - align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - > - <tr> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://penpot.app/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-uxbox.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://twitter.com/penpotapp" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-twitter.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://github.com/penpot/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-github.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://www.instagram.com/penpot.app/" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-instagram.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - <td> - <![endif]--> - <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" - style="float:none;display:inline-table;"> - <tr> - <td style="padding:0 8px;"> - <table border="0" cellpadding="0" cellspacing="0" role="presentation" - style="border-radius:3px;width:24px;"> - <tr> - <td style="font-size:0;height:24px;vertical-align:middle;width:24px;"> - <a href="https://tree.taiga.io/project/penpot" target="_blank"> - <img height="24" src="{{ public-uri }}/images/email/logo-taiga.png" - style="border-radius:3px;display:block;" width="24" /> - </a> - </td> - </tr> - </table> - </td> - </tr> - </table> - <!--[if mso | IE]> - </td> - - </tr> - </table> - <![endif]--> - </td> - </tr> - </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:0 0 24px 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%"> - <tr> - <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;"> - <div - style="font-family:Source Sans Pro, sans-serif;font-size:14px;line-height:150%;text-align:center;color:#64666A;"> - Penpot | Made with <3 and Open Source</div> - </td> - </tr> - </table> - </div> - <!--[if mso | IE]> - </td> - - </tr> - - </table> - <![endif]--> - </td> - </tr> - </tbody> - </table> - </div> - <!--[if mso | IE]> - </td> - </tr> - </table> - <![endif]--> </div> </body> diff --git a/frontend/resources/images/email/logo-linkedin.png b/frontend/resources/images/email/logo-linkedin.png new file mode 100644 index 000000000..ee24f90db Binary files /dev/null and b/frontend/resources/images/email/logo-linkedin.png differ diff --git a/frontend/resources/images/email/logo-mastodon.png b/frontend/resources/images/email/logo-mastodon.png new file mode 100644 index 000000000..f0a14cf61 Binary files /dev/null and b/frontend/resources/images/email/logo-mastodon.png differ diff --git a/frontend/resources/images/email/logo-x.png b/frontend/resources/images/email/logo-x.png new file mode 100644 index 000000000..cdaf32247 Binary files /dev/null and b/frontend/resources/images/email/logo-x.png differ