summary refs log tree commit diff
path: root/assets/email_templates
diff options
context:
space:
mode:
Diffstat (limited to 'assets/email_templates')
-rw-r--r--assets/email_templates/new_login_location.html113
-rw-r--r--assets/email_templates/password_changed.html60
-rw-r--r--assets/email_templates/password_reset_request.html108
-rw-r--r--assets/email_templates/phone_removed.html64
-rw-r--r--assets/email_templates/verify_email.html15
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