summary refs log tree commit diff
path: root/assets/email_templates/new_login_location.html
blob: 8c188def4aa56a707c8563e64b8b937fc9ff3770 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!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" />
	<meta http-equiv="Content-Type" content="text/html charset=UTF-8" />
	<title>Verify {instanceName} Login from New Location</title>

	<style>
		* {
			font-size: 16px;
			line-height: 24px;
			font-family: Arial, Helvetica, sans-serif;
		}

		p {
			color: white;
		}

		.ExternalClass {
			width: 100%;
		}
	</style>
</head>

<body>
	<div style="background-color: #202225;">
		<img src="https://raw.githubusercontent.com/spacebarchat/spacebarchat/master/branding/svg/Spacebar__Logo-Blue.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: #32353b;
					border-radius: 5px;
				">
			<p style="
						font-weight: 600;
						font-size: 20px;
						letter-spacing: 0.27px;
						line-height: 24px;
					">
				Hey {userUsername},
			</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> {ipAddress}
				<br />
				<strong>Location:</strong> {locationCity}, {locationRegion},
				{locationCountryName}
			</p>
			<div>
				<div style="
							text-align: center;
							justify-content: center;
							padding-bottom: 10px;
						">
					<a href="{actionUrl}" target="_blank" style="
								font-size: 15px;
								border: none;
								border-radius: 3px;
								text-decoration: none;
								color: white;
								cursor: pointer;
								padding: 15px 19px;
								background-color: #0185ff;
								border-radius: 5px;
							">Verify Login</a>
				</div>
				<hr />
				<div style="
							text-align: center;
							justify-content: center;
							padding-bottom: 10px;
						">
					<p>
						Alternatively, you can directly paste this link into
						your browser:
					</p>
					<a href="{actionUrl}" target="_blank" style="word-wrap: break-word;">{actionUrl}</a>
				</div>
			</div>
		</div>
	</div>
</body>

</html>