102 lines
		
	
	
		
			2.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			102 lines
		
	
	
		
			2.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!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> | 
