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
103
104
105
106
107
108
109
110
111
112
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>
|