Korbs/Email-Templates
1
Fork 0
Code Issues Pull requests Activity
Email-Templates/dist/forgot-password.html

47 lines
No EOL
12 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" data-astro-cid-sckkx6r4> <head><meta charset="utf-8"><!-- utf-8 works for most cases --><meta name="viewport" content="width=device-width"><!-- Forcing initial-scale shouldn't be necessary --><meta http-equiv="X-UA-Compatible" content="IE=edge"><!-- Use the latest (edge) version of IE rendering engine --><meta name="x-apple-disable-message-reformatting"><!-- Disable auto-scale in iOS 10 Mail entirely --><meta name="format-detection" content="telephone=no,address=no,email=no,date=no,url=no"><!-- Tell iOS not to automatically link certain text strings. --><meta name="color-scheme" content="light dark"><meta name="supported-color-schemes" content="light dark"><title></title><!-- The title tag shows in email notifications, like Android 4.4. --><!-- What it does: Makes background images in 72ppi Outlook render at correct size. --><!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]--><!-- Web Font / @font-face : BEGIN --><!-- NOTE: If web fonts are not required, lines 23 - 41 can be safely removed. --><!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. --><!--[if mso]>
<style>
* {
font-family: sans-serif !important;
}
</style>
<![endif]--><!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: https://web.archive.org/web/20190717120616/http://stylecampaign.com/blog/2015/02/webfont-support-in-email/ --><!--[if !mso]><!--><!-- insert web font reference, eg: <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> --><!--<![endif]--><!-- Web Font / @font-face : END --><!-- CSS Reset : BEGIN --><!-- CSS Reset : END --><!-- Progressive Enhancements : BEGIN --><!-- Progressive Enhancements : END --><style>.button-td[data-astro-cid-sckkx6r4],.button-a[data-astro-cid-sckkx6r4]{transition:all .1s ease-in}.button-td-primary[data-astro-cid-sckkx6r4]:hover,.button-a-primary[data-astro-cid-sckkx6r4]:hover{background:#555!important;border-color:#555!important}@media screen and (max-width: 480px){.stack-column[data-astro-cid-sckkx6r4],.stack-column-center[data-astro-cid-sckkx6r4]{display:block!important;width:100%!important;max-width:100%!important;direction:ltr!important}.stack-column-center[data-astro-cid-sckkx6r4]{text-align:center!important}.center-on-narrow[data-astro-cid-sckkx6r4]{text-align:center!important;display:block!important;margin-left:auto!important;margin-right:auto!important;float:none!important}table[data-astro-cid-sckkx6r4].center-on-narrow{display:inline-block!important}.email-container[data-astro-cid-sckkx6r4] p[data-astro-cid-sckkx6r4]{font-size:17px!important}}@media (prefers-color-scheme: dark){.email-bg[data-astro-cid-sckkx6r4]{background:#111!important}.darkmode-bg[data-astro-cid-sckkx6r4]{background:#222!important}h1[data-astro-cid-sckkx6r4],h2[data-astro-cid-sckkx6r4],h3[data-astro-cid-sckkx6r4],p[data-astro-cid-sckkx6r4],li[data-astro-cid-sckkx6r4],.darkmode-text[data-astro-cid-sckkx6r4],.email-container[data-astro-cid-sckkx6r4] a[data-astro-cid-sckkx6r4]:not([class]){color:#f7f7f9!important}td[data-astro-cid-sckkx6r4].button-td-primary,td[data-astro-cid-sckkx6r4].button-td-primary a[data-astro-cid-sckkx6r4]{background:#fff!important;border-color:#fff!important;color:#222!important}td[data-astro-cid-sckkx6r4].button-td-primary:hover,td[data-astro-cid-sckkx6r4].button-td-primary a[data-astro-cid-sckkx6r4]:hover{background:#ccc!important;border-color:#ccc!important}.footer[data-astro-cid-sckkx6r4] td[data-astro-cid-sckkx6r4]{color:#aaa!important}.darkmode-fullbleed-bg[data-astro-cid-sckkx6r4]{background-color:#0f3016!important}}:root{color-scheme:light dark;supported-color-schemes:light dark}html,body{margin:0 auto!important;padding:0!important;height:100%!important;width:100%!important}[data-astro-cid-sckkx6r4]{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}div[data-astro-cid-sckkx6r4][style*="margin: 16px 0"]{margin:0!important}#MessageViewBody[data-astro-cid-sckkx6r4],#MessageWebViewDiv[data-astro-cid-sckkx6r4]{width:100%!important}table[data-astro-cid-sckkx6r4],td[data-astro-cid-sckkx6r4]{mso-table-lspace:0pt!important;mso-table-rspace:0pt!important}table[data-astro-cid-sckkx6r4]{border-spacing:0!important;border-collapse:collapse!important;table-layout:fixed!important;margin:0 auto!important}img[data-astro-cid-sckkx6r4]{-ms-interpolation-mode:bicubic}a[data-astro-cid-sckkx6r4]{text-decoration:none}a[data-astro-cid-sckkx6r4][x-apple-data-detectors],.unstyle-auto-detected-links[data-astro-cid-sckkx6r4] a[data-astro-cid-sckkx6r4],.aBn[data-astro-cid-sckkx6r4]{border-bottom:0!important;cursor:default!important;color:inherit!important;text-decoration:none!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;line-height:inherit!important}.im[data-astro-cid-sckkx6r4]{color:inherit!important}.a6S[data-astro-cid-sckkx6r4]{display:none!important;opacity:.01!important}img[data-astro-cid-sckkx6r4].g-img+div[data-astro-cid-sckkx6r4]{display:none!important}@media only screen and (min-device-width: 320px) and (max-device-width: 374px){u[data-astro-cid-sckkx6r4]~div[data-astro-cid-sckkx6r4] .email-container[data-astro-cid-sckkx6r4]{min-width:320px!important}}@media only screen and (min-device-width: 375px) and (max-device-width: 413px){u[data-astro-cid-sckkx6r4]~div[data-astro-cid-sckkx6r4] .email-container[data-astro-cid-sckkx6r4]{min-width:375px!important}}@media only screen and (min-device-width: 414px){u[data-astro-cid-sckkx6r4]~div[data-astro-cid-sckkx6r4] .email-container[data-astro-cid-sckkx6r4]{min-width:414px!important}}
</style></head> <!--
The email background color (rgba(255,255,255,0.25)) is defined in three places:
1. body tag: for most email clients
2. center tag: for Gmail and Inbox mobile apps and web versions of Gmail, GSuite, Inbox, Yahoo, AOL, Libero, Comcast, freenet, Mail.ru, Orange.fr
3. mso conditional: For Windows 10 Mail
--> <body width="100%" style="margin: 0px; padding: 0 !important; mso-line-height-rule: exactly; background-color: rgba(255,255,255,0.25);" class="email-bg" data-astro-cid-sckkx6r4> <center role="article" aria-roledescription="email" lang="en" style="width: 100%; background-color: rgba(255,255,255,0.25);" class="email-bg" data-astro-cid-sckkx6r4> <!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: rgba(255,255,255,0.25);" class="email-bg">
<tr>
<td>
<![endif]--> <!-- Visually Hidden Preheader Text : BEGIN --> <div style="max-height:0; overflow:hidden; mso-hide:all;" aria-hidden="true" data-astro-cid-sckkx6r4>
(Optional) This text will appear in the inbox preview, but not the email body. It can be used to supplement the email subject line or even summarize the email's contents. Extended text preheaders (~490 characters) seems like a better UX for anyone using a screenreader or voice-command apps like Siri to dictate the contents of an email. If this text is not included, email clients will automatically populate it using the text (including image alt text) at the start of the email's body.
</div> <!-- Visually Hidden Preheader Text : END --> <!-- Create white space after the desired preview text so email clients don’t pull other distracting text into the inbox preview. Extend as necessary. --> <!-- Preview Text Spacing Hack : BEGIN --> <div style="display: none; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: sans-serif;" data-astro-cid-sckkx6r4>
&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
</div> <!-- Preview Text Spacing Hack : END --> <!--
Set the email width. Defined in two places:
1. max-width for all clients except Desktop Windows Outlook, allowing the email to squish on narrow but never go wider than 680px.
2. MSO tags for Desktop Windows Outlook enforce a 680px width.
Note: The Fluid and Responsive templates have a different width (600px). The hybrid grid is more "fragile", and I've found that 680px is a good width. Change with caution.
--> <div style="max-width: 680px; margin: 0 auto;" class="email-container" data-astro-cid-sckkx6r4> <!--[if mso]>
<table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="680">
<tr>
<td>
<![endif]--> <!-- Email Body : BEGIN --> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin: auto; padding: 0px 24px;" data-astro-cid-sckkx6r4> <!-- Email Header : BEGIN --> <tr data-astro-cid-sckkx6r4> <td style="padding: 20px 0; text-align: center" data-astro-cid-sckkx6r4></td> </tr> <!-- Email Header : END --> <!-- Hero Image, Flush : BEGIN --> <tr data-astro-cid-sckkx6r4> <td style="background-color: #ffffff;" class="darkmode-bg" data-astro-cid-sckkx6r4> <img src="https://md.sudovanilla.org/images/logos/sudovanilla/gateway/email-banner.png" width="680" height="" alt="alt_text" border="0" style="border-radius: 12px; width: 100%; max-width: 680px; height: auto; background: #dddddd; font-family: sans-serif; font-size: 15px; line-height: 15px; color: #555555; margin: auto; display: block;" class="g-img" data-astro-cid-sckkx6r4> </td> </tr> <!-- Hero Image, Flush : END --> <!-- 1 Column Text + Button : BEGIN --> <tr data-astro-cid-sckkx6r4> <td style="background-color: #ffffff;" class="darkmode-bg" data-astro-cid-sckkx6r4> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" data-astro-cid-sckkx6r4> <tr data-astro-cid-sckkx6r4> <td style="padding: 20px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;" data-astro-cid-sckkx6r4> <h1 style="margin: 0 0 10px; font-size: 25px; line-height: 30px; color: #333333; font-weight: normal;" data-astro-cid-sckkx6r4>Forgot Password Verification Code</h1> <p style="margin: 0 0 10px;" data-astro-cid-sckkx6r4>The SudoVanilla Gateway has received a forgot password request with the following code. Please enter it in the page you opened to complete the password reset and continue.</p> <p style="border-radius: 12px; margin: 32px auto; font-size: 64px; text-align: center; background: rgba(0,0,0,0.25); padding: 42px; border: 2px rgba(255,255,255,0.2) solid;margin: 24px -20px;border-left: none;border-right: none;" data-astro-cid-sckkx6r4>{{code}}</p> <p style="margin: 0 0 10px;" data-astro-cid-sckkx6r4> SudoVanilla recommends using a password manager such as Bitwarden so you don&#39;t forget your password again in the future. If you did not attempt to send a forgot password request but received this email, please ignore it. The code will only be valid for 10 minutes.</p> </td> </tr> </table> </td> </tr> <!-- 1 Column Text + Button : END --> </table> <!-- Email Body : END --> <!-- Email Footer : BEGIN --> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="max-width: 680px;" class="footer" data-astro-cid-sckkx6r4> <tr data-astro-cid-sckkx6r4> <td style="padding: 20px; font-family: sans-serif; font-size: 12px; line-height: 15px; text-align: center; color: #ffffff;" data-astro-cid-sckkx6r4> <a style="margin: 0px 6px" target="_blank" href="https://sudovanilla.org/" data-astro-cid-sckkx6r4>Website</a> |
<a style="margin: 0px 6px" target="_blank" href="https://sudovanilla.org/privacy-policy" data-astro-cid-sckkx6r4>Privacy Policy</a> |
<a style="margin: 0px 6px" target="_blank" href="https://sudovanilla.org/umbrella-policy/" data-astro-cid-sckkx6r4>Umbrella Policy</a> <br data-astro-cid-sckkx6r4> <br data-astro-cid-sckkx6r4> <!-- <webversion style="color: #ffffff; text-decoration: underline; font-weight: bold;">View as a Web Page</webversion>
<br><br> --> <p style="color: gray" data-astro-cid-sckkx6r4>(C) SudoVanilla 2014 - 2025</p> <br data-astro-cid-sckkx6r4><br data-astro-cid-sckkx6r4> </td> </tr> </table> <!-- Email Footer : END --> <!--[if mso]>
</td>
</tr>
</table>
<![endif]--> </div> <!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]--> </center> </body></html>
Reference in a new issue View git blame Copy permalink