diff options
Diffstat (limited to 'assets/email_templates/verify_email.html')
| -rw-r--r-- | assets/email_templates/verify_email.html | 89 |
1 files changed, 89 insertions, 0 deletions
diff --git a/assets/email_templates/verify_email.html b/assets/email_templates/verify_email.html new file mode 100644 index 00000000..55825cfc --- /dev/null +++ b/assets/email_templates/verify_email.html @@ -0,0 +1,89 @@ +<!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 Email Address for {instanceName}</title> + + <style> + 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>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 + below to verify your email address: + </p> + <div> + <div style="display: flex; justify-content: center; padding-bottom: 10px;"> + <a class="btn" href="{verificationUrl}" target="_blank" + >Verify Email</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="{verificationUrl}" + >{verificationUrl}</a + > + </div> + </div> + </div> + </body> +</html> |