From 6c4f216da87c8428f442b13269a7ba5efc8bede6 Mon Sep 17 00:00:00 2001 From: Pablo Alba Date: Thu, 26 Sep 2024 09:45:42 +0200 Subject: [PATCH] :sparkles: Update emails footer --- .../resources/app/email/change-email/en.html | 316 +++-------------- .../resources/app/email/includes/footer.html | 323 ++++++++++++++++++ .../app/email/invite-to-team/en.html | 307 +++-------------- backend/resources/app/email/join-team/en.html | 276 +-------------- .../app/email/password-recovery/en.html | 313 +++-------------- backend/resources/app/email/register/en.html | 308 +++-------------- .../en.html | 276 +-------------- .../request-file-access-yourpenpot/en.html | 276 +-------------- .../app/email/request-file-access/en.html | 275 +-------------- .../app/email/request-team-access/en.html | 276 +-------------- .../resources/images/email/logo-linkedin.png | Bin 0 -> 6646 bytes .../resources/images/email/logo-mastodon.png | Bin 0 -> 1048 bytes frontend/resources/images/email/logo-x.png | Bin 0 -> 8452 bytes 13 files changed, 505 insertions(+), 2441 deletions(-) create mode 100644 backend/resources/app/email/includes/footer.html create mode 100644 frontend/resources/images/email/logo-linkedin.png create mode 100644 frontend/resources/images/email/logo-mastodon.png create mode 100644 frontend/resources/images/email/logo-x.png 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 0000000000000000000000000000000000000000..ee24f90dbdd556ecbd983d97ff1115c2cfb58298 GIT binary patch literal 6646 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 Yq4Eb=&cg9lj3`<5)=pLzw+F@l2jms2hyVZp literal 0 HcmV?d00001 diff --git a/frontend/resources/images/email/logo-mastodon.png b/frontend/resources/images/email/logo-mastodon.png new file mode 100644 index 0000000000000000000000000000000000000000..f0a14cf61f84cf5da31195bb70cff8f912db78f7 GIT binary patch literal 1048 zcmV+z1n2vSP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv0004lX+uL$Nkc;* zaB^>EX>4Tx04R}tkv&MmKpe$iQ%hAU4t9{@kfAzR5EXIMDionYs1;guFuC*#ni!H4 z7e~Rh;NZt%)xpJCR|i)?5c~jfc5qU3krMxx6k5c1aNLh~_a1le0HIN3n$<N1Xu54? zQb{qFUlGHv=s^r2L?Fn_GG-+y4d3x~j{slq5<JWQ+@GUQEm#Z)h{Q9@Fm2*>;;BvB z;Ji;9Wo20<J|`YE>4L<MTvt4P<6LrC;F(b~o0%hy5{sn{RyvrKO^tYxIIe0s<qJ8F zRnA+SwQ7yE?#W*mDd@{fT&FpN6c(@u2_h8KP(c+o613{1Sjf<R(#Icj{Svtpa#g^{ zF^>&skX=9cAN=mtDo%`hNs%NFdU2eOVIaH<H0zG@ee5{R6Cn5uT<LB9Mgy4sB)#6& z;zvOLHgIv>)|5Tqat9cEGGtSBr65hASOnhB=$rDuz%9_b>h;#z$LRx*rLNL9z`-Ff zQljiNpLch6_V(|YR)0VHnsRq_Cyg!u000JJOGiWi000000Qp0^e*gdg32;bRa{vGh z*8l(w*8xH(n|J^K00(qQO+^Rj2^s|zAP#5Z@&Et=7D+@wR7l6o)=j8QQ4|O8-@PuP z!~ii8rKB)YCh`%*NK%M_f#alu5GjmF1~Rc_+XG6Hl#zVI07)_8F~GpkfPqNz`AqiH z>2&Y&e7y3n)81#Vwf<}E-CAq!mKut(8jTfLi<y{jXn2ShxQJ^hhED^6R*ifPPGF(G z!(D7kG4%a(P?XhFJi;XZ2Cp$M#qg?KlvOK7-i`bV-skamWRq|J+L(sbU6f8@4#wy4 zQcZTLAv@W{ep69a6FOMdMR*?DQw-np|Ffd3*5O+IU)PXr&(1c~IL2XQt0=1iryCCD zrWpE)vRaQr_>6tHk0}_7vlxYgDTWI<Ngg+NCbzpp|1y)euo*Kj3wu)xZ&D0Ta5S&Y z!2Y7FM&zt{*(B@cpg)hJu%y1L+I(JZJ{z5e?Vt|2Is0R@4Kq5wp*x}|tC<7y;czex z&;O?*>W5ZQRvU4yCisZk`52bf8{!~DH}MUNFeb0xNii(y;6}q>Om5jjMGMOtYoBps zxQ^&6j-?o`LOaFqI$s!ni+8w##VLmU%`AG+<Mw)rExC%P_aMHGPv}cAyziB!hp`5u z8}jM+m|{5fr`xJuna8oSi_RPD!DW1}rT5C*@b0A;ZVjc-c4xyK4V{U(HJ|Ab+*aKB zWuc`Q`mqbE@Sw+T>)$}lJRZ^!HJ&dWEX^;BxtNRv_>iN0m0u56QVeegbMOOADVGpI Snt+V}0000<MNUMnLSTa37~%Z@ literal 0 HcmV?d00001 diff --git a/frontend/resources/images/email/logo-x.png b/frontend/resources/images/email/logo-x.png new file mode 100644 index 0000000000000000000000000000000000000000..cdaf322475019eb9fd4ac78d5cf1466d918bed57 GIT binary patch literal 8452 zcmeHLXH=6}w+={`Dj-D|LI5ce5)w*6?;YvVOBxV*2@pU>x(Z5@Do7C#1OY`r5R@RG zC`C}I(gX_#Lg-E826X0|S@-)hYu)>AveuiN_nc=xd++D$b5_o|Vt!Vig^8aD006KU z8t7P3et8cc20F_3beQTk0KmE$VQojSM1=tZg8bd_J~$vDJOBs85%KN-0CB9;0Ut4| z#QHtOs)wTy^5Vnph2U7^4=#Yw1J3so;gF>U0s9k%((zKzx*uCprUz|iCZ{bfH{HIG z-ey)_{5XNFbI$B~n0HLe0%SOBb4O*u6_LM+h}f^c9lRehImy<q-Cnj$E`s&(?C&J; z_pNn5qQ4of^1ACoy9!&y7tP6eo=uga`C5|-F?E?@h-$&!AoI4__pF4p_>r}5TT|Kz z8}1#5$)-<Lio~rSCZx3kji(>9JDb-SdH4%gaxZS1sKTQ)T}J1Bw1w1#SA6)SYv$6V zK05qmzWGs%a`v{r-r22{PvNyI^|l@BY$BI})SAAm)t5(hoqwoyFcp~v_I@tqU;qtK zN_w0HDhzOb!LC9OHUZ~eJ>W>`TCE^*>uiwh-ZH;k;csxD5A!{>Sl8><{1LH8;)-?r z2vb8S=4W5;^st?X+PcT~z4kqh7_v(ZVGWEVFBK$ZqAK}BOSrG9fMr5XvOR44Gz{7O z#u6DUW#|3M_e@VWQbFNPTfuCY6P?h=g{%CXq~V1<w!Ojj*tDu1NlVm7b;{hp@50eM z`jJk&f$s$B!VBn0I=o6~*iid1@{Nsw)84hgqYk{aBuy48ed;Dwwh`Wm4pC=v*R93G z+2TOshM>DitYwT}sNBgq>x|*&5X;l|*g-SmmtuIm241jZOk`i2@b-CGmWno#6sPOV zy1<%&Ig9*~?(Nr^ZH_h+%eM5w58ANxUzHzpGOntZzdB0(n9zJm#<Qw<DRM3?;%ig3 zOXMkrLJmCv{6`BtLEp#o;$+O7T#ww41{{wTKAzjwAw1K@_B})WH~b~Ru(9xL=dk7{ zq2s%=8^>!#XXV8UW{$6Ylh5zniHO4?t}Mb4Jr?)LM0Xxwk>FkrurL<$`oU|Hkgmiz z=*up(yew5ZwgjB>_~xo0azi3=$#v&i5OFncudF~MbONHf_13?pMWKnAWhKX5_|zZ~ zJ9W8t<G~6ZvarBRdg_Gkj`V}$yT$C3Q!8HQteV`%gzye4rL5g&PZtbNOLbLNb}~24 zEk%B>q#Zp;W;2gebJACSE^}s?oBd>t+iy9arTp~ruU5VvI;Z=QkmvBis3(*a4yMWY z1X9kD^v<1t3dd!@AC|Vf=zFr3zjq@yrBtEAX2MDjY{;6n0CyIe6q;oQN=FhAkFHsl zC6V<sQb|Y_9@Nd}uq))?5kb_)x}<M*T(=lc_6ROlk}4}l>_Rcrb<bIw9?^(@`AVMS za$+n7JnS}Tt40MS;dT5w?MA<SdZxEn9jBj>#_8mJi4O-Ol(IY9jmGEa7y1M{Y&)pf zn)@kG7wP4UbkLdA6r8`h+t}S$&Ps=BOjX6v-KI+QPkt=fkmgt~_SwC*y2sjnbgl(9 zJm}mhBYnXZ@abdpY-o_r9aA=X^BlCTi{)x%$i4DC{BQ-nnpP{ut(uO{GfjOG6dzg7 z5akyh_34cIc~%G&-!QwlB1w@f9KzzfEJl!pYGntW){~xm_dv?;i`Nx~_q2EHsyXtg zg%g>Sysrn)nx>b7pSv=m(ogFYrn4KKlz)~XU&kA|CYP2eXr+BahF9RUz=m`&`NU8= ze~!h6H%~$sYXOcgrpclmWoavU;gL@DQ*WR7r*O8{$(iCGXIa!E%ur6vD(HI&E=0@d zHLj6FgZX*XKz@b2d%695T3`pqA_5$Z6lg2VqPj}YgA!Nn=r&xP7xS76(UKm4fT;JS zlrftMRbCdPe3rgq_Iv_EI;(-7wZjzjdsJksdsC){L=|c~^ggX3@#1SvQcAeri#455 zl(YuS>cqh)-FNS=PlIqIK>S+##1~urp&*Hznd>?n%&#ooi6vUn^6g`&$*GKF4&>a2 zukx5YZ<*J)@?;l_=M^GX@#h~g@J(C$k#TW>d>5%-(UIvpRMB^YPXRwLtehPJz2twd zWiJ`6wtJ=OHlL?542r}8N#pT}wa?O@X&vWF&M-j(Xg=wkdpyacG5f5Bk#B|8O}^-k z1`)WJ)ZK5%us869n_-=HFVXYF9SO)oSig2JmJ1hU=QyDmq4^-k%8dCdBebD1gt0Q0 zp6Xr8Q13%fj_tXQoS0gKt+@$)xTgXMUjQ6%aLvgwWVw$%uVT5qR>3)RRj}vcJw~^u zpaJV^I;00QG;Xwa^{<|J3$GS!%Y2pj&7(eC4aCy%o9uY1c57R{S*rHMc%)csjn#RP z9@CgcNU!fJU$vTsS$tr8U5@SYWgB8`fN#tO!}BxcUgd+?E2*Y-0v^{#s*}E17G4dO z;Q4fk7GB0}d^uQLYyE=@P<Tl%>c*8$cz%F6qqmz1)xcwu4#{)UcrGXIlc^{KL!I<F z%@V7V!?<b2`6zv$!Yfvm@9yolvZm{zGw!2r-UJDi-DNoTP}I3-GE_QUrpd#tGT`)U zWJ;4=0$-A}NME-2qMUz<khd%fWdfJ-1bXV3DBYvN_xjNmIca=Eho0zxE-DultBdqb zQL*gv;eW7t&T+m0Dr?Ht#RQfT9VJd0De&IJ?)A=_pY&gh9?>9C>#@J#RB4(jR<n$m zIyNUYG}%7QWv^_E_{{htQRH0T^LuI<B-C#Cqs3?^T^asO4S@XzgJ%)Px@>ecICv1m zD1WUwjSKe~NT#V}eP9y?Cc|F;&hIYKS`uc3THz<Geq#q4p3H@<a_z*u!cW|-HAp(2 zJxVg-A%^(i2eTZj^!<ByTr$Gf<_%JAACRL{8rN7ufx_n-M-#z4iShIIL6YTVoMIb& zGG`KL@^j7@)YxA*scM^6Z)H=sasGV5%CTU>MqY`Jm)c0|cX}Fj6Kjca%HmIGqS{*M zi-yEd!-gXvQf-kEN;iS44?c5tIo^z*9@Q|P@lM8&!yuVM(7_yiK0GXfhUF`Vcu6@c zeu36TFf*3wR;-BUO(yg-{)X(VW&fp0y{O}|B{QEhE<H{N)uKV*F5cVI+iXF2aQN9R zV2x?B8Im^zQ!H=&p2s`dw+c4`#->Qs(Z_Gv>ZYg}-+MHeR`Q{^PwTDP@M!F&z>s1* z)Zl?}F3V6OFv!g|Dl6LScVSgu$7mRNHBW%aN{lC_J4#PKGUm8_u2I@FOuF%M$?+^2 zo68GvIu7$0F$AM%>w4CAI)iTe=U1-Je;3;?cl#VK=up>aP>s4Q@$_zYP>Z_`jnP@= z#gJhAQ8D(BTxi4g+RMCgPg81MsbzbGacWoVbl7pKj?3kmb!h<fnax_!*gCt~+nynd zukja?*C9ruy%kN5Q`x;s2eT{AvuEmy##+`^;L@0L-UEfI2*l%}tXh|JS5NE4g~m;G zmG1^QjsgtDZn5`aMwQ<#zLfJso&Eic?o_(6O>03#%_{!@snU`wGb`>x77Z{%mH}M? z+(KjXzkFrZDIy_+=;1c)lbR#qez$>ML*jBqY^UA$Kr`E%+UUfR88U<aU_zTg{M}2_ z8r$)7Z$Mo1_;3ftXF(aW6776R3&qfeu)8L$efv=VY-8?z{{A`WYp2}#Gd6{s^_$QQ ziy52loG*@_cJ_{|$*dP?zvXb~bZLlO(rwFrb1kM<ZM|ep?zYQjiCfK=<c!UdCBJu= z@wcx@2Q2ZJuU5Ich%u)-W*B-&^W{F)Md59TBw%CtES=n5t)PC5FW@>}NKdrh)5*78 z!2X+gKw)w84<->8L0>x6fv>ESBXiYDn$qk{vtkll4~vgO>RaG0Mi+*^`k|iDztVi2 zAA98>X_5`H=X+guApM6#$J2%T?WwKxHPVBrnJHs6Udu&@?z(f^5-$SW)LwnHa&Y+U z<t6;Gw5ro9*65vz|JWE)3TzF69jkg{fE^Pm`uN0p&nC$x*-Ybr<qNKfQ16O8?eRp_ zC74PX?{Lq|Ti3h(bkcp_;1LCqdi9Gp;em3!^+{FUwfL&A%&_tC`JQP_pMK5Or5>oJ zGDkvYK0ozVYlSfNu4R{Ls@Bt6CxfEctoosEcnp<3XuPmulQWF{V5`F@mh$R-!u0ZP z^ty2=8UD>|=<WNuR^+~!k&uf7%WmqXfJ;vkaDj}7w4UfUxxZ4b1RlT6n#)$v&%CwF za;A=n^#v=vjhjn(MY4bTG*e?4O=b))oTRr2-2s_QwtmAd{6>eJZ>+z`q`VYHdeFj{ zsc<_XVkr659%;;tJ+L@O1ZODS882yo`f8aIXLT#)&FYV_ZF8{)cA`_3T6vOVtg>Z- zwV>H+Ti08MelvQMGw|+aVy86>t=9qwapR_!YTwq$N1Dzr$G?kB<{vk8L*7>MiU}X6 zDmkAfBeI;AbHDzSU+bG>#nVD3mW`StI%W4cjZUq;_LYhlDLa8KcaF7ME5#SFpe+P0 z>vISIAv^ePwC<RG<uyp>Etb!33G99BuLd`x8zP^Wr)Q#NK%#sTXJeh(Om~vm897<g z?)QXWWJm6@njdf#&Q+x=pUPeqWz%05i7zb_$cpS?TPYjZ(jU-!jM~z!b58%pppd{; z<H=>=;(A#j^OkPWOf%JNdVt0)u1V>S0TOQz3$|hHxo;;73e?uGeJi_@IKaBC3V!2! zx?@fesAa^&H6MEa>ue752)lk>>>_u8WQ$=rcC~lCDi_QaFP8^ty}L!nwSfw-!$v zd0GO+s*-Nd))r2GPVv;vE(%{DxB86ryGHlAy0KiSSm`=%T@i*|PFj%N5e}if9MP<r zHsPGnBWd*h)1{@sN1wSha1oEg`m6OSvXZQ%v93>qTKM^ne+GP-Sd`d*6|_8)z9<(| zV>qO&u8`MAc(*Gd_%!tLT$rQIRLJb`5B7bpSc9!gX9sM7*r2|aT)@q-q=zT48-!p! z+BcDI`&TO0Q=&FH(+X~{y*D{{7<$KlW{1;HU2-n3RW{tNrEN7-F{5xV0=~hWQl_X= za4`2Raj^MgzVlQzb*A6w{!+?WE%0n$<i2>ik+tPP@8;w15swVPk{T9~h)LNuiEDQY zsBlZkNs3{^!xrJzJj=;0rwVFDOMT1~(JYA(Q}S|HZ6~c*-)`=lunOYv54MYB)Z7D> zAD<z71tSZ}t46K38au1fgJV7Y*T0^9)aVZYP{rZ3wapE+wf{K%QqH{j7t&M>+BF0^ zU9F65q*y~!XHtum?Af^k-$`*5Yn5|5gg~3tkKf=;=i<?CtDl~JfgWt@w6~?V)nxw; z2n-FdB&3}<$mVkBAO?)5gl+v6whSn?z}*;>r}KR5>uzZ%o9)WcUNfi3EPVO$%O04! zm?X>8N=OR8b@_x!_rZ8!i5b|Anc;E=ya(z#6Ebtx^!;>;nE(!FFQz8`oBVuCM~aiJ z%I~vILH5(R7Vx}Wk>nFerL5<aaxzV?5z`UXUP_;iBU5bp9P{hFuGKHSbmf(t>o#^O zL&kBPyw7k&$<kb#)@H<@zv4PtSbNV<=wi=?@kh%p8!C|(DhfrKq5IPp$<2<H2-zhu z-E@t)&Oo(<XtGTIJ>|Zw2eWc!QPc2%(ntHJSlo86uSYm02~q98Cv}E6T5U#k3%ZeC zrkajs#>mB^If&{d{;!T5d!(^kG3@9qRK})}_1I_%K!1s3aHV$m{N%*M==)X=hy8s3 z-ZZErR4dhma!bLFr`$%^nVKkJ{C#CmSbsE5hUgnWxvc;IRMd$9D2z9b07T<F@P4YG z<>pop5RX*_*~*(jO#`%Xo_K?ZAe>diS!+y$HwK9XsjD%m5S1tdzBmF3Nc8pb3sxek zf{u8VDDA^;2ncutA$Y5T>`cvp+WtW}pqz}H3>2(O#D~H_YD_?tAgsHRrH<Y&3d)-* z$df<_P=Y|h!op<2;4=O}9uQe15($CAATSu1f&d4H`w>t?uwSsqA;nJ)9b7Ob2p>Se z`}+Y8IZ<f;5P~WQL>UME5ua~>sp+5ee!;&~py&Z1q5>eYGEj)GFXXQl!35n<3dyg4 z{;Nf>HRVzVVu=g(4++BHbVG4|1d+c|U@?E%2ZRLq9HoQBKyW@dUkWss;#Kx<F7*vf z&HuDGl)wY;8*pSr5&LgQ0^a>UV*M?)!;zzO{u&6y{7>G$q5sJJ2uwklnkwn|V?qwY zGt^N99r{<o`eX1|rK2WB4yS;F!4<$Tr~(=+2SXykD4e1q7=}ZkQ8*L~flyHV3zeZ? zFahO<!5vaj$Yt;p9vBp^D2qe6gW*Ul7Az-^K!edR1qHC2q5=|!Ln$h_E6V<b!Yl|+ zsY;a3U!yvt!cwSEFhzF-v?3I&pdgQ+P*FlcLlKH#ECwSd2Sp>$C@A!Z3X4(F^AGYx zQKl2`i}Juh0{lFV1`Y*R(lj?z1;J!~LXUdPeNY5<ih(M~1n(C@{14O`?~Ah{pbpiP zRfH+RDGAHULJ@FTr2KzC=Ws#6luA70l!eN`fAStqixMRnim<4|I;9XCSx|CO(hkC* z2>wCV{{B9ypu+%whn7d>4OIC#DF*mp3L^Zl;(yh=6)y1S+s`H7gFhMq0*}g835EIT zBp4Nn!yY-J*!>*Bc%u9~aFq4^tDyeq$N!hfLc-AsXoMmb42L6dU^xY>A{YsEhl3Rn zXnCBRtRf1I#QmK;*x#KHh6=)IdQdW@WJ4*Sqilc@M^Z}u9UbP0JJbmZlLJGMV3>k6 zR8a{ISAxr)fx?t1lLz^gFywGm|B<l@<bP?Ras>FxHbAla*+<!4D7zKp&+Y1$W`{EV zKYo7A#s8xR3iZEE{*k`_%Jr{Y|44y<1pc?W{*~(=De#ZL|5n%knOsc&Iq=~8DF1@O zD90I8LQMtbC`5-g*4H^Y6ajX$n=evYi~$Dr!2rNXvBQVT&{C94>7*wZn(ETeG4j(2 z3mrS7f&c)hCk%Botqoq>%rZ0Jw%~exQBAlj)MEXTr6-3SyWCspU6K08#5@B7rlj-_ zPkB#7`1*2k==K+y@;q@K%K_=uOBfZ88?ZBnF~nW%(vWn<nwvNH2Gc$N@TBZ@^NpRp zp0H))*4|PROK~C>)Zi29-hkLw-r~e10B*WK{_!|)n%A7>d9?jb1B)l^Sk=I6rKlOt zUJw5St$C^)<2Iw)HJO(c%28sZ1gWtWrd0*uLYltYL`?$^Dq1dW?o7BH-v|}+J&j4G ztA?AZLvy8aLpf@qG6kF8-GquLVihzJWdk3qeJ9Z;NB$1YY$QIW4nIz&8vzJB(7V|C z{CLx{F$v;^u(r7F_Jjn2@>Y0yB)2f~Qa8MGxzGo38>JbV(-j_PTlcvCkaT)lbLoJC zL%UEuqSkVUe@$a%hVM07!?A1?^&A5ymF&jtB)5qIA!$*WP)dH??vr(TQxy&BEH(;N zjN1}5k@p6SV@#<Wqfe3K-A4E)tc(HiMn&aCr#ub0MMn&a47<d2!{zlc^%UOa0-<}y zWbQB-IkimhP?2N<cRGwXxz1g7rN0v$ZLZs!{?dj-wSViN-VBICg83D5%^kMH`H(e| z$L<XXi6)`TZ>hDZUFqJs6I5-ii_~R#<$h;V-R)XI)`)SD71TD2t~k+1>xX#{J(R1$ z^NC6!XSRCvxe6_o)w5}Hw-Fl;Gdk(3u};-d&ZG&OZaM1#;b~eZn?Qr!0r$MpYc^Ku zFRJRiW=`M1fh*#HO{?FhFU-v3-r(z+M}Xwjy{`SR`k?Wh<*NHDOS;bh&I(V=AmhhN z!zB0Vxb?V}3inSMK2!v~K4*>K9~w^QK(E;*jjlyj4M4mbRlW(9!DI?~zEt`wOMLt| zLbvW%B2;yY))nx(LE#7}cRi`wG_ln502a_Z>8MkFi*=ft%u19Z`{kY==bxBluP8so o%Z)r)HE{5?<qq=@!p8W3D&{&ud_<I9<8Wyh>Yml9)^dyaAKaoNy#N3J literal 0 HcmV?d00001