Distributed Format
This commit is contained in:
parent
b6215aa84a
commit
57bf5f878a
SSH key fingerprint:
SHA256:Q0b0KraMldpAO9oKa+w+gcsXsOTykQ4UkAKn0ByGn5U
4 changed files with 188 additions and 0 deletions
47
dist/forgot-password.html
vendored
Normal file
47
dist/forgot-password.html
vendored
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
<!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>
|
||||
‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
|
||||
</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'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/on-premise-policy/" data-astro-cid-sckkx6r4>On-Premise 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>
|
||||
47
dist/generic.html
vendored
Normal file
47
dist/generic.html
vendored
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
<!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>
|
||||
‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
|
||||
</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>Verification Code</h1> <p style="margin: 0 0 10px;" data-astro-cid-sckkx6r4>Please enter it in the page you opened to complete the sign in process 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>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/on-premise-policy/" data-astro-cid-sckkx6r4>On-Premise 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>
|
||||
47
dist/registeration.html
vendored
Normal file
47
dist/registeration.html
vendored
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
<!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>
|
||||
‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
|
||||
</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>Registerion Verification Code</h1> <p style="margin: 0 0 10px;" data-astro-cid-sckkx6r4>Welcome to the SudoVanilla Gateway! Looks like you're trying to create a new account here, use the following code below on the page you opened to complete the registeration 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>Be sure to check out other services hosted by SudoVanilla. If you did not register an account on the SudoVanilla Gateway, 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/on-premise-policy/" data-astro-cid-sckkx6r4>On-Premise 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>
|
||||
47
dist/sign-in.html
vendored
Normal file
47
dist/sign-in.html
vendored
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
<!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>
|
||||
‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
|
||||
</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>Sign-In Verification Code</h1> <p style="margin: 0 0 10px;" data-astro-cid-sckkx6r4>The SudoVanilla Gateway has received a sign in attempt with the following code. Please enter it in the page you opened to complete the sign in process 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>If you did not attempt to sign in 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/on-premise-policy/" data-astro-cid-sckkx6r4>On-Premise 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>
|
||||
Loading…
Reference in a new issue