76 lines
4.0 KiB
Cheetah
76 lines
4.0 KiB
Cheetah
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>{{AppName}} · Team Invitation</title>
|
||
<style type="text/css">
|
||
.ExternalClass, .ReadMsgBody { width: 100%; background-color: #f4f6f9; }
|
||
</style>
|
||
</head>
|
||
<body style="margin:0; padding:0; background-color:#f4f6f9; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;">
|
||
|
||
<center style="width:100%; table-layout:fixed;">
|
||
<div style="max-width:600px; margin:20px auto; background:#ffffff; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,0.05); overflow:hidden;">
|
||
|
||
<div style="padding:28px 32px 16px; border-bottom:1px solid #eef2f6;">
|
||
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;">
|
||
<tr>
|
||
<td style="vertical-align:middle;">
|
||
<img src="{{AppUrl}}assets/img/favicon.png" alt="logo" width="32" height="32" style="display:inline-block; vertical-align:middle; margin-right:12px; border:0; outline:none;">
|
||
<span style="font-size:22px; font-weight:600; color:#1e293b; letter-spacing:-0.2px; vertical-align:middle;">{{AppName}}</span>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
|
||
<div style="padding:32px 32px 24px; color:#334155;">
|
||
<p style="margin:0 0 16px; font-size:16px; line-height:1.5; color:#1e293b;">
|
||
{{.locale.Tr "mail.hi_user_x" .Invite.Email}}
|
||
</p>
|
||
|
||
<p style="margin:0 0 16px; font-size:16px; line-height:1.5; color:#334155;">
|
||
{{.locale.Tr "mail.team_invite.text_1" (DotEscape .Inviter.DisplayName) (DotEscape .Team.Name) (DotEscape .Organization.DisplayName)}}
|
||
</p>
|
||
|
||
<p style="margin:0 0 20px; font-size:16px; line-height:1.5; color:#334155;">
|
||
{{.locale.Tr "mail.team_invite.text_2"}}
|
||
</p>
|
||
|
||
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="margin:28px 0 24px; border-collapse:separate;">
|
||
<tr>
|
||
<td align="center" style="border-radius:48px; background-color:#1e88e5;" bgcolor="#1e88e5">
|
||
<a href="{{.InviteURL}}" style="display:inline-block; padding:14px 36px; font-size:16px; font-weight:500; color:#ffffff; text-decoration:none; background-color:#1e88e5; border-radius:48px; border:1px solid #1e88e5; letter-spacing:0.3px; text-align:center;">Accept Invitation</a>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<div style="background:#f8fafc; border:1px solid #e2e8f0; border-radius:10px; padding:16px 18px; margin:24px 0 16px; word-break:break-word;">
|
||
<p style="margin:0 0 8px; font-size:14px; color:#475569; line-height:1.5;">
|
||
{{.locale.Tr "mail.link_not_working_do_paste"}}
|
||
</p>
|
||
<p style="margin:0; font-size:14px; font-family:monospace; color:#1e88e5; background:#ffffff; padding:10px 12px; border-radius:6px; border:1px solid #e2e8f0; word-break:break-all;">
|
||
{{.InviteURL}}
|
||
</p>
|
||
</div>
|
||
|
||
<p style="margin:16px 0 0; font-size:14px; color:#475569; line-height:1.5;">
|
||
{{.locale.Tr "mail.team_invite.text_3" .Invite.Email}}
|
||
</p>
|
||
|
||
<div style="height:1px; background:linear-gradient(90deg, transparent, #e2e8f0, transparent); margin:16px 0 8px;"></div>
|
||
</div>
|
||
|
||
<div style="padding:20px 32px 28px; background:#f9fbfd; border-top:1px solid #eef2f6; text-align:left;">
|
||
<p style="margin:0; font-size:14px; color:#64748b;">
|
||
© <a href="{{AppUrl}}" target="_blank" rel="noopener noreferrer" style="color:#1e88e5; text-decoration:none; font-weight:500; border-bottom:1px dotted #b9d5f0;">{{AppName}}</a>
|
||
</p>
|
||
<p style="margin:6px 0 0; font-size:12px; color:#94a3b8;">Secure team invitation – if you weren’t expecting this, please ignore this email.</p>
|
||
</div>
|
||
|
||
</div>
|
||
</center>
|
||
|
||
<div style="display:none; white-space:nowrap; font-size:0; line-height:0;"> </div>
|
||
</body>
|
||
</html> |