diff options
| -rw-r--r-- | assets/email_templates/new_login_location.html | 113 | ||||
| -rw-r--r-- | assets/email_templates/password_changed.html | 60 | ||||
| -rw-r--r-- | assets/email_templates/password_reset_request.html | 108 | ||||
| -rw-r--r-- | assets/email_templates/phone_removed.html | 64 | ||||
| -rw-r--r-- | assets/email_templates/verify_email.html | 15 |
5 files changed, 359 insertions, 1 deletions
diff --git a/assets/email_templates/new_login_location.html b/assets/email_templates/new_login_location.html new file mode 100644 index 00000000..701196cd --- /dev/null +++ b/assets/email_templates/new_login_location.html @@ -0,0 +1,113 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>Verify {instanceName} Login from New Location</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; + 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%); + } + </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 + style=" + font-weight: 600; + font-size: 20px; + letter-spacing: 0.27px; + line-height: 24px; + " + > + Hey {username}, + </p> + <p> + It looks like someone tried to log into your {instanceName} + account from a new location. If this is you, follow the link + below to authorize logging in from this location on your + account. If this isn't you, we suggest changing your password as + soon as possible. + </p> + <p> + <strong>IP Address:</strong> {ip} + <br /> + <strong>Location:</strong> {location} + </p> + <div> + <div + style=" + display: flex; + justify-content: center; + padding-bottom: 10px; + " + > + <a class="btn" href="{verifyUrl}" target="_blank" + >Verify Login</a + > + </div> + <hr /> + <div + style=" + display: flex; + justify-content: center; + flex-direction: column; + text-align: center; + " + > + <p> + Alternatively, you can directly paste this link into + your browser: + </p> + <a href="{verifyUrl}" target="_blank">{verifyUrl}</a> + </div> + </div> + </div> + </body> +</html> diff --git a/assets/email_templates/password_changed.html b/assets/email_templates/password_changed.html new file mode 100644 index 00000000..3f762702 --- /dev/null +++ b/assets/email_templates/password_changed.html @@ -0,0 +1,60 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>{instanceName} Password Changed</title> + + <style> + * { + font-size: 16px; + line-height: 24px; + } + body { + color: white; + font-family: Arial, Helvetica, sans-serif; + background-color: #202225; + } + </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 + style=" + font-weight: 600; + font-size: 20px; + letter-spacing: 0.27px; + line-height: 24px; + " + > + Hey {username}, + </p> + <p>Your {instanceName} password has been changed.</p> + <p> + If this wasn't done by you, please immediately reset the + password to your {instanceName} account. + </p> + </div> + </body> +</html> diff --git a/assets/email_templates/password_reset_request.html b/assets/email_templates/password_reset_request.html new file mode 100644 index 00000000..fc77b47b --- /dev/null +++ b/assets/email_templates/password_reset_request.html @@ -0,0 +1,108 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <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; + 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%); + } + </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 + style=" + font-weight: 600; + font-size: 20px; + letter-spacing: 0.27px; + line-height: 24px; + " + > + 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 + style=" + display: flex; + justify-content: center; + flex-direction: column; + 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> + </body> +</html> diff --git a/assets/email_templates/phone_removed.html b/assets/email_templates/phone_removed.html new file mode 100644 index 00000000..1eb52fbe --- /dev/null +++ b/assets/email_templates/phone_removed.html @@ -0,0 +1,64 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>Phone Removed From {instanceName} Account</title> + + <style> + * { + font-size: 16px; + line-height: 24px; + } + body { + color: white; + font-family: Arial, Helvetica, sans-serif; + background-color: #202225; + } + </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 + style=" + font-weight: 600; + font-size: 20px; + letter-spacing: 0.27px; + line-height: 24px; + " + > + Hey {username}, + </p> + <p> + Your phone number ********{phoneNumber} was recently removed + from this account and added to a different {instanceName} + account. + </p> + <p> + Please note that your phone number can only be linked to one + {instanceName} account at a time. + </p> + </div> + </body> +</html> diff --git a/assets/email_templates/verify_email.html b/assets/email_templates/verify_email.html index 041378d9..f0c11e52 100644 --- a/assets/email_templates/verify_email.html +++ b/assets/email_templates/verify_email.html @@ -7,6 +7,10 @@ <title>Verify Email Address for {instanceName}</title> <style> + * { + font-size: 16px; + line-height: 24px; + } body { color: white; font-family: Arial, Helvetica, sans-serif; @@ -54,7 +58,16 @@ border-radius: 5px; " > - <p>Hey {username},</p> + <p + style=" + font-weight: 600; + font-size: 20px; + letter-spacing: 0.27px; + line-height: 24px; + " + > + Hey {username}, + </p> <p> Thanks for registering for an account on {instanceName}! Before we get started, we just need to confirm that this is you. Click |