diff options
| author | Puyodead1 <puyodead@proton.me> | 2023-01-20 10:43:06 -0500 |
|---|---|---|
| committer | Puyodead1 <puyodead@protonmail.com> | 2023-02-23 21:35:54 -0500 |
| commit | 689b710c9e61646e62d3aea21d616402665d2f66 (patch) | |
| tree | 6a63cf20ae97601bd2ee90067c47f358a0dd2ad0 /assets/email_templates/password_reset_request.html | |
| parent | Add other email templates (diff) | |
| download | server-689b710c9e61646e62d3aea21d616402665d2f66.tar.xz | |
Fix template rendering and use verify email template
email html is weird, some stuff isn't supported.
Diffstat (limited to 'assets/email_templates/password_reset_request.html')
| -rw-r--r-- | assets/email_templates/password_reset_request.html | 145 |
1 files changed, 69 insertions, 76 deletions
diff --git a/assets/email_templates/password_reset_request.html b/assets/email_templates/password_reset_request.html index fc77b47b..ab8f4d23 100644 --- a/assets/email_templates/password_reset_request.html +++ b/assets/email_templates/password_reset_request.html @@ -4,103 +4,96 @@ <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <meta http-equiv="Content-Type" content="text/html charset=UTF-8" /> <title>Password Reset Request for {instanceName}</title> <style> * { font-size: 16px; line-height: 24px; - } - body { - color: white; font-family: Arial, Helvetica, sans-serif; - background-color: #202225; } - .btn { - font-size: 15px; - border: none; - border-radius: 3px; - text-decoration: none; + p { color: white; - cursor: pointer; - padding: 15px 19px; - background-color: #ff5f00; - border-radius: 5px; - box-shadow: 0 0 10px rgba(255, 61, 0, 0.1); } - .btn:hover { - background-color: hsl(22.4, 80%, 50%); - } - .btn:active { - background-color: hsl(22.4, 60%, 50%); + .ExternalClass { + width: 100%; } </style> </head> <body> - <img - src="https://raw.githubusercontent.com/fosscord/fosscord/master/assets-rebrand/svg/Fosscord-Wordmark-Orange.svg" - alt="Branding" - style=" - width: 100%; - max-width: 200px; - margin: 0 auto; - display: block; - padding: 20px; - " - /> - <div - style=" - width: 100%; - max-width: 500px; - margin: 0 auto; - padding: 40px 50px; - background-color: rgba(50, 53, 59, 1); - border-radius: 5px; - " - > - <p + <div style="background-color: #202225;"> + <img + src="https://raw.githubusercontent.com/fosscord/fosscord/master/assets-rebrand/svg/Fosscord-Wordmark-Orange.svg" + alt="Branding" style=" - font-weight: 600; - font-size: 20px; - letter-spacing: 0.27px; - line-height: 24px; + width: 100%; + max-width: 200px; + margin: 0 auto; + display: block; + padding: 20px; + " + /> + <div + style=" + width: 100%; + max-width: 500px; + margin: 0 auto; + padding: 40px 50px; + background-color: #32353b; + border-radius: 5px; " > - Hey {username}, - </p> - <p> - Your {instanceName} password can be reset by clicking the button - below. If you did not request a new password, please ignore this - email. - </p> - <div> - <div - style=" - display: flex; - justify-content: center; - padding-bottom: 10px; - " - > - <a class="btn" href="{passwordResetUrl}" target="_blank" - >Reset Password</a - > - </div> - <hr /> - <div + <p style=" - display: flex; - justify-content: center; - flex-direction: column; - text-align: center; + font-weight: 600; + font-size: 20px; + letter-spacing: 0.27px; + line-height: 24px; " > - <p> - Alternatively, you can directly paste this link into - your browser: - </p> - <a href="{passwordResetUrl}" target="_blank" - >{passwordResetUrl}</a + Hey {userUsername}, + </p> + <p> + Your {instanceName} password can be reset by clicking the + button below. If you did not request a new password, please + ignore this email. + </p> + <div> + <div + style=" + text-align: center; + justify-content: center; + padding-bottom: 10px; + " > + <a + href="{passwordResetUrl}" + target="_blank" + style=" + font-size: 15px; + border: none; + border-radius: 3px; + text-decoration: none; + color: white; + cursor: pointer; + padding: 15px 19px; + background-color: #ff5f00; + border-radius: 5px; + " + >Reset Password</a + > + </div> + <hr /> + <div style="text-align: center"> + <p> + Alternatively, you can directly paste this link into + your browser: + </p> + <a href="{passwordResetUrl}" target="_blank" + >{passwordResetUrl}</a + > + </div> </div> </div> </div> |