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>
|
