chore: migrate mail themes to shared framework and locked upstream inputs
This commit is contained in:
1 parent
5c0589f6f6
commit
fec3ace600
225 files changed
+4718
-15807
No files matched your search
@@ -1,140 +0,0 @@
|
||||
<!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" />
|
||||
<meta name="x-apple-disable-message-reformatting" />
|
||||
|
||||
<title>
|
||||
{{.locale.Tr "mail.team_invite.subject" (.Inviter.DisplayName|DotEscape) (.Organization.DisplayName|DotEscape)}}
|
||||
</title>
|
||||
|
||||
<style type="text/css">
|
||||
/* Base */
|
||||
body,.ExternalClass,.ReadMsgBody { background-color:#f4f6f9 }
|
||||
.email-wrap { max-width:600px;margin:20px auto;font-family:’Helvetica Neue’,Helvetica,Arial,sans-serif }
|
||||
|
||||
/* Header */
|
||||
.email-logo { display:inline-block;vertical-align:middle;margin-right:12px;border:0;outline:none }
|
||||
.email-brand { font-size:22px;font-weight:600;color:#1e293b;letter-spacing:-0.2px;vertical-align:middle }
|
||||
.email-header { padding:28px 32px 16px;border-bottom:1px solid #eef2f6;background:#ffffff;border-radius:12px 12px 0 0 }
|
||||
|
||||
/* Card */
|
||||
.email-card { padding:32px 32px 24px;color:#334155;background:#ffffff }
|
||||
.email-heading { margin:0 0 16px;font-size:16px;line-height:1.5;color:#1e293b }
|
||||
.email-text { margin:0 0 16px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
.email-subtext { margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
|
||||
/* Divider */
|
||||
.email-divider { height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:16px 0 8px }
|
||||
|
||||
/* Button */
|
||||
.email-btn-row { padding:0;text-align:center }
|
||||
.email-btn { display:inline-block;padding:14px 36px;font-size:16px;font-weight:500;color:#ffffff!important;text-decoration:none;background:#1e88e5;border-radius:48px;border:1px solid #1e88e5;letter-spacing:0.3px;text-align:center }
|
||||
.email-btn-table { margin:28px 0 24px;border-collapse:separate }
|
||||
|
||||
/* Fallback link */
|
||||
.email-link-box { border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px }
|
||||
.email-link-label { margin:0 0 8px;font-size:14px;color:#475569;line-height:1.5 }
|
||||
.email-link-url { 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 }
|
||||
|
||||
/* Footer */
|
||||
.email-footer { padding:20px 32px 28px;background:#f9fbfd;border-top:1px solid #eef2f6;text-align:left;border-radius:0 0 12px 12px }
|
||||
.email-footer-text { margin:0;font-size:14px;color:#64748b }
|
||||
.email-footer-link { color:#1e88e5;text-decoration:none;font-weight:500;border-bottom:1px dotted #b9d5f0 }
|
||||
|
||||
/* Typography utilities */
|
||||
.card-body a { color:#1e88e5!important;text-decoration:none!important;font-weight:500!important }
|
||||
|
||||
/* Responsive */
|
||||
@media only screen and (max-width:480px) {
|
||||
.email-header { padding:20px 20px 12px!important }
|
||||
.email-card { padding:24px 20px 16px!important }
|
||||
.email-btn-row { padding:0!important }
|
||||
.email-footer { padding:16px 20px 24px!important }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="margin:0;padding:0;background:#f4f6f9;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
|
||||
<center style="width:100%;table-layout:fixed;">
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:600px;background:#ffffff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;" class="email-wrap">
|
||||
|
||||
<!-- Floating Title -->
|
||||
<tr>
|
||||
<td class="email-header">
|
||||
|
||||
<img src="{{AppUrl}}assets/img/favicon.png" alt="logo" width="32" height="32" class="email-logo" />
|
||||
<span class="email-brand">{{AppName}}</span>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Card -->
|
||||
<tr>
|
||||
<td class="email-card card-body">
|
||||
|
||||
<p class="email-heading">
|
||||
{{.locale.Tr "mail.hi_user_x" .Invite.Email}}
|
||||
</p>
|
||||
|
||||
<p class="email-text">
|
||||
{{.locale.Tr "mail.team_invite.text_1" (DotEscape .Inviter.DisplayName) (DotEscape .Team.Name) (DotEscape .Organization.DisplayName)}}
|
||||
</p>
|
||||
|
||||
<p class="email-subtext">
|
||||
{{.locale.Tr "mail.team_invite.text_2"}}
|
||||
</p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Divider -->
|
||||
<tr>
|
||||
<td class="email-divider"></td>
|
||||
</tr>
|
||||
|
||||
<!-- Button & Link -->
|
||||
<tr>
|
||||
<td class="email-btn-row">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="email-btn-table">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<a href="{{.InviteURL}}" class="email-btn">{{.locale.Tr "mail.view_it_on" AppName}}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="email-link-box">
|
||||
<tr>
|
||||
<td style="padding:16px 18px;">
|
||||
<p class="email-link-label">{{.locale.Tr "mail.link_not_working_do_paste"}}</p>
|
||||
<p class="email-link-url">{{.InviteURL}}</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<p class="email-subtext" style="margin-top:24px;font-size:12px;color:#475569;">
|
||||
{{.locale.Tr "mail.team_invite.text_3" .Invite.Email}}
|
||||
</p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Footer -->
|
||||
<tr>
|
||||
<td class="email-footer">
|
||||
|
||||
<p class="email-footer-text">
|
||||
©
|
||||
<a href="{{AppUrl}}" class="email-footer-link">{{AppName}}</a>
|
||||
</p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,136 +0,0 @@
|
||||
<!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" />
|
||||
<meta name="x-apple-disable-message-reformatting" />
|
||||
|
||||
<title>
|
||||
{{.Subject}}
|
||||
</title>
|
||||
|
||||
<style type="text/css">
|
||||
/* Base */
|
||||
body,.ExternalClass,.ReadMsgBody { background-color:#f4f6f9 }
|
||||
.email-wrap { max-width:600px;margin:20px auto;font-family:’Helvetica Neue’,Helvetica,Arial,sans-serif }
|
||||
|
||||
/* Header */
|
||||
.email-logo { display:inline-block;vertical-align:middle;margin-right:12px;border:0;outline:none }
|
||||
.email-brand { font-size:22px;font-weight:600;color:#1e293b;letter-spacing:-0.2px;vertical-align:middle }
|
||||
.email-header { padding:28px 32px 16px;border-bottom:1px solid #eef2f6;background:#ffffff;border-radius:12px 12px 0 0 }
|
||||
|
||||
/* Card */
|
||||
.email-card { padding:32px 32px 24px;color:#334155;background:#ffffff }
|
||||
.email-heading { margin:0 0 16px;font-size:20px;font-weight:600;color:#1e293b }
|
||||
.email-text { margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
.email-subtext { margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
|
||||
/* Divider */
|
||||
.email-divider { height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:16px 0 8px }
|
||||
|
||||
/* Button */
|
||||
.email-btn-row { padding:0;text-align:center }
|
||||
.email-btn { display:inline-block;padding:14px 36px;font-size:16px;font-weight:500;color:#ffffff!important;text-decoration:none;background:#1e88e5;border-radius:48px;border:1px solid #1e88e5;letter-spacing:0.3px;text-align:center }
|
||||
.email-btn-table { margin:16px 0 24px;border-collapse:separate }
|
||||
|
||||
/* Fallback link */
|
||||
.email-link-box { border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px }
|
||||
.email-link-label { margin:0 0 8px;font-size:14px;color:#475569;line-height:1.5 }
|
||||
.email-link-url { 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 }
|
||||
|
||||
/* Footer */
|
||||
.email-footer { padding:20px 32px 28px;background:#f9fbfd;border-top:1px solid #eef2f6;text-align:left;border-radius:0 0 12px 12px }
|
||||
.email-footer-text { margin:0;font-size:14px;color:#64748b }
|
||||
.email-footer-link { color:#1e88e5;text-decoration:none;font-weight:500;border-bottom:1px dotted #b9d5f0 }
|
||||
|
||||
/* Typography utilities */
|
||||
.card-body a,.card-body a:link,.card-body a:visited { color:#1e88e5!important;text-decoration:none!important;font-weight:500!important }
|
||||
.card-body h2 { color:#1e293b!important;font-size:20px!important;font-weight:600!important;margin:0 0 16px!important }
|
||||
.card-body ul { list-style:none!important;padding:0!important;margin:0 0 30px!important }
|
||||
|
||||
/* Responsive */
|
||||
@media only screen and (max-width:480px) {
|
||||
.email-header { padding:20px 20px 12px!important }
|
||||
.email-card { padding:24px 20px 16px!important }
|
||||
.email-btn-row { padding:0!important }
|
||||
.email-footer { padding:16px 20px 24px!important }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="margin:0;padding:0;background:#f4f6f9;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
|
||||
<center style="width:100%;table-layout:fixed;">
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:600px;background:#ffffff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;" class="email-wrap">
|
||||
|
||||
<!-- Floating Title -->
|
||||
<tr>
|
||||
<td class="email-header">
|
||||
|
||||
<img src="{{AppUrl}}assets/img/favicon.png" alt="logo" width="32" height="32" class="email-logo" />
|
||||
<span class="email-brand">{{AppName}}</span>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Card -->
|
||||
<tr>
|
||||
<td class="email-card card-body">
|
||||
|
||||
<h2>{{.Repo.FullName}} {{.Run.WorkflowID}}: {{.RunStatusText}}</h2>
|
||||
|
||||
<ul>
|
||||
{{range $job := .Jobs}}
|
||||
<li style="background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;margin-bottom:10px;">
|
||||
<a href="{{$job.HTMLURL}}">{{$job.Status}}: {{$job.Name}}{{if gt $job.Attempt 1}}, Attempt #{{$job.Attempt}}{{end}}, {{$job.Duration}}</a>
|
||||
</li>
|
||||
{{end}}
|
||||
</ul>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Divider -->
|
||||
<tr>
|
||||
<td class="email-divider"></td>
|
||||
</tr>
|
||||
|
||||
<!-- Button & Link -->
|
||||
<tr>
|
||||
<td class="email-btn-row">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="email-btn-table">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<a href="{{.Run.HTMLURL}}" class="email-btn">{{.locale.Tr "mail.view_it_on" AppName}}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="email-link-box">
|
||||
<tr>
|
||||
<td style="padding:16px 18px;">
|
||||
<p class="email-link-label">{{.locale.Tr "mail.link_not_working_do_paste"}}</p>
|
||||
<p class="email-link-url">{{.Run.HTMLURL}}</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Footer -->
|
||||
<tr>
|
||||
<td class="email-footer">
|
||||
|
||||
<p class="email-footer-text">
|
||||
©
|
||||
<a href="{{AppUrl}}" class="email-footer-link">{{AppName}}</a>
|
||||
</p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,128 +0,0 @@
|
||||
<!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" />
|
||||
<meta name="x-apple-disable-message-reformatting" />
|
||||
|
||||
<title>
|
||||
{{.Subject}}
|
||||
</title>
|
||||
|
||||
<style type="text/css">
|
||||
/* Base */
|
||||
body,.ExternalClass,.ReadMsgBody { background-color:#f4f6f9 }
|
||||
.email-wrap { max-width:600px;margin:20px auto;font-family:’Helvetica Neue’,Helvetica,Arial,sans-serif }
|
||||
|
||||
/* Header */
|
||||
.email-logo { display:inline-block;vertical-align:middle;margin-right:12px;border:0;outline:none }
|
||||
.email-brand { font-size:22px;font-weight:600;color:#1e293b;letter-spacing:-0.2px;vertical-align:middle }
|
||||
.email-header { padding:28px 32px 16px;border-bottom:1px solid #eef2f6;background:#ffffff;border-radius:12px 12px 0 0 }
|
||||
|
||||
/* Card */
|
||||
.email-card { padding:32px 32px 24px;color:#334155;background:#ffffff }
|
||||
.email-heading { margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
.email-text { margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
.email-subtext { margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
|
||||
/* Divider */
|
||||
.email-divider { height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:16px 0 8px }
|
||||
|
||||
/* Button */
|
||||
.email-btn-row { padding:0;text-align:center }
|
||||
.email-btn { display:inline-block;padding:14px 36px;font-size:16px;font-weight:500;color:#ffffff!important;text-decoration:none;background:#1e88e5;border-radius:48px;border:1px solid #1e88e5;letter-spacing:0.3px;text-align:center }
|
||||
.email-btn-table { margin:28px 0 24px;border-collapse:separate }
|
||||
|
||||
/* Fallback link */
|
||||
.email-link-box { border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px }
|
||||
.email-link-label { margin:0 0 8px;font-size:14px;color:#475569;line-height:1.5 }
|
||||
.email-link-url { 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 }
|
||||
|
||||
/* Footer */
|
||||
.email-footer { padding:20px 32px 28px;background:#f9fbfd;border-top:1px solid #eef2f6;text-align:left;border-radius:0 0 12px 12px }
|
||||
.email-footer-text { margin:0;font-size:14px;color:#64748b }
|
||||
.email-footer-link { color:#1e88e5;text-decoration:none;font-weight:500;border-bottom:1px dotted #b9d5f0 }
|
||||
|
||||
/* Typography utilities */
|
||||
.card-body a,.card-body a:link,.card-body a:visited { color:#1e88e5!important;text-decoration:none!important;font-weight:500!important }
|
||||
|
||||
/* Responsive */
|
||||
@media only screen and (max-width:480px) {
|
||||
.email-header { padding:20px 20px 12px!important }
|
||||
.email-card { padding:24px 20px 16px!important }
|
||||
.email-btn-row { padding:0!important }
|
||||
.email-footer { padding:16px 20px 24px!important }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="margin:0;padding:0;background:#f4f6f9;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
|
||||
<center style="width:100%;table-layout:fixed;">
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:600px;background:#ffffff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;" class="email-wrap">
|
||||
|
||||
<!-- Floating Title -->
|
||||
<tr>
|
||||
<td class="email-header">
|
||||
|
||||
<img src="{{AppUrl}}assets/img/favicon.png" alt="logo" width="32" height="32" class="email-logo" />
|
||||
<span class="email-brand">{{AppName}}</span>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Card -->
|
||||
<tr>
|
||||
<td class="email-card card-body">
|
||||
|
||||
<p class="email-heading">
|
||||
{{.locale.Tr "mail.repo.collaborator.added.text"}} <code>{{.RepoName}}</code>.
|
||||
</p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Divider -->
|
||||
<tr>
|
||||
<td class="email-divider"></td>
|
||||
</tr>
|
||||
|
||||
<!-- Button & Link -->
|
||||
<tr>
|
||||
<td class="email-btn-row">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="email-btn-table">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<a href="{{.Link}}" class="email-btn">{{.locale.Tr "mail.view_it_on" AppName}}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="email-link-box">
|
||||
<tr>
|
||||
<td style="padding:16px 18px;">
|
||||
<p class="email-link-label">{{.locale.Tr "mail.link_not_working_do_paste"}}</p>
|
||||
<p class="email-link-url">{{.Link}}</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Footer -->
|
||||
<tr>
|
||||
<td class="email-footer">
|
||||
|
||||
<p class="email-footer-text">
|
||||
©
|
||||
<a href="{{AppUrl}}" class="email-footer-link">{{AppName}}</a>
|
||||
</p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,134 +0,0 @@
|
||||
<!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" />
|
||||
<meta name="x-apple-disable-message-reformatting" />
|
||||
|
||||
<title>
|
||||
{{.Subject}}
|
||||
</title>
|
||||
|
||||
<style type="text/css">
|
||||
/* Base */
|
||||
body,.ExternalClass,.ReadMsgBody { background-color:#f4f6f9 }
|
||||
.email-wrap { max-width:600px;margin:20px auto;font-family:’Helvetica Neue’,Helvetica,Arial,sans-serif }
|
||||
|
||||
/* Header */
|
||||
.email-logo { display:inline-block;vertical-align:middle;margin-right:12px;border:0;outline:none }
|
||||
.email-brand { font-size:22px;font-weight:600;color:#1e293b;letter-spacing:-0.2px;vertical-align:middle }
|
||||
.email-header { padding:28px 32px 16px;border-bottom:1px solid #eef2f6;background:#ffffff;border-radius:12px 12px 0 0 }
|
||||
|
||||
/* Card */
|
||||
.email-card { padding:32px 32px 24px;color:#334155;background:#ffffff }
|
||||
.email-heading { margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
.email-text { margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
.email-subtext { margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
|
||||
/* Divider */
|
||||
.email-divider { height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:16px 0 8px }
|
||||
|
||||
/* Button */
|
||||
.email-btn-row { padding:0;text-align:center }
|
||||
.email-btn { display:inline-block;padding:14px 36px;font-size:16px;font-weight:500;color:#ffffff!important;text-decoration:none;background:#1e88e5;border-radius:48px;border:1px solid #1e88e5;letter-spacing:0.3px;text-align:center }
|
||||
.email-btn-table { margin:28px 0 24px;border-collapse:separate }
|
||||
|
||||
/* Fallback link */
|
||||
.email-link-box { border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px }
|
||||
.email-link-label { margin:0 0 8px;font-size:14px;color:#475569;line-height:1.5 }
|
||||
.email-link-url { 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 }
|
||||
|
||||
/* Footer */
|
||||
.email-footer { padding:20px 32px 28px;background:#f9fbfd;border-top:1px solid #eef2f6;text-align:left;border-radius:0 0 12px 12px }
|
||||
.email-footer-text { margin:0;font-size:14px;color:#64748b }
|
||||
.email-footer-link { color:#1e88e5;text-decoration:none;font-weight:500;border-bottom:1px dotted #b9d5f0 }
|
||||
|
||||
/* Typography utilities */
|
||||
.card-body a,.card-body a:link,.card-body a:visited { color:#1e88e5!important;text-decoration:none!important;font-weight:500!important }
|
||||
|
||||
/* Responsive */
|
||||
@media only screen and (max-width:480px) {
|
||||
.email-header { padding:20px 20px 12px!important }
|
||||
.email-card { padding:24px 20px 16px!important }
|
||||
.email-btn-row { padding:0!important }
|
||||
.email-footer { padding:16px 20px 24px!important }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="margin:0;padding:0;background:#f4f6f9;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
|
||||
<center style="width:100%;table-layout:fixed;">
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:600px;background:#ffffff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;" class="email-wrap">
|
||||
|
||||
<!-- Floating Title -->
|
||||
<tr>
|
||||
<td class="email-header">
|
||||
|
||||
<img src="{{AppUrl}}assets/img/favicon.png" alt="logo" width="32" height="32" class="email-logo" />
|
||||
<span class="email-brand">{{AppName}}</span>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Card -->
|
||||
<tr>
|
||||
<td class="email-card card-body">
|
||||
|
||||
{{$repo_url := HTMLFormat "<a href=’%s’>%s</a>" .Issue.Repo.HTMLURL .Issue.Repo.FullName}}
|
||||
{{$link := HTMLFormat "<a href=’%s’>#%d</a>" .Link .Issue.Index}}
|
||||
<p class="email-heading">
|
||||
{{if .IsPull}}
|
||||
{{.locale.Tr "mail.issue_assigned.pull" .Doer.Name $link $repo_url}}
|
||||
{{else}}
|
||||
{{.locale.Tr "mail.issue_assigned.issue" .Doer.Name $link $repo_url}}
|
||||
{{end}}
|
||||
</p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Divider -->
|
||||
<tr>
|
||||
<td class="email-divider"></td>
|
||||
</tr>
|
||||
|
||||
<!-- Button & Link -->
|
||||
<tr>
|
||||
<td class="email-btn-row">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="email-btn-table">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<a href="{{.Link}}" class="email-btn">{{.locale.Tr "mail.view_it_on" AppName}}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="email-link-box">
|
||||
<tr>
|
||||
<td style="padding:16px 18px;">
|
||||
<p class="email-link-label">{{.locale.Tr "mail.link_not_working_do_paste"}}</p>
|
||||
<p class="email-link-url">{{.Link}}</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Footer -->
|
||||
<tr>
|
||||
<td class="email-footer">
|
||||
|
||||
<p class="email-footer-text">
|
||||
©
|
||||
<a href="{{AppUrl}}" class="email-footer-link">{{AppName}}</a>
|
||||
</p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,209 +0,0 @@
|
||||
<!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" />
|
||||
<meta name="x-apple-disable-message-reformatting" />
|
||||
|
||||
<title>
|
||||
{{.Subject}}
|
||||
</title>
|
||||
|
||||
<style type="text/css">
|
||||
/* Base */
|
||||
body,.ExternalClass,.ReadMsgBody { background-color:#f4f6f9 }
|
||||
.email-wrap { max-width:600px;margin:20px auto;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif }
|
||||
|
||||
/* Header */
|
||||
.email-logo { display:inline-block;vertical-align:middle;margin-right:12px;border:0;outline:none }
|
||||
.email-brand { font-size:22px;font-weight:600;color:#1e293b;letter-spacing:-0.2px;vertical-align:middle }
|
||||
.email-header { padding:28px 32px 16px;border-bottom:1px solid #eef2f6;background:#ffffff;border-radius:12px 12px 0 0 }
|
||||
|
||||
/* Card */
|
||||
.email-card { padding:32px 32px 24px;color:#334155;background:#ffffff }
|
||||
.email-heading { margin:0 0 16px;font-size:16px;line-height:1.5;color:#1e293b }
|
||||
.email-text { margin:0 0 16px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
.email-subtext { margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
|
||||
/* Divider */
|
||||
.email-divider { height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:16px 0 8px }
|
||||
|
||||
/* Button */
|
||||
.email-btn-row { padding:0;text-align:center }
|
||||
.email-btn { display:inline-block;padding:14px 36px;font-size:16px;font-weight:500;color:#ffffff!important;text-decoration:none;background:#1e88e5;border-radius:48px;border:1px solid #1e88e5;letter-spacing:0.3px;text-align:center }
|
||||
.email-btn-table { margin:28px 0 24px;border-collapse:separate }
|
||||
|
||||
/* Fallback link */
|
||||
.email-link-box { border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px }
|
||||
.email-link-label { margin:0 0 8px;font-size:14px;color:#475569;line-height:1.5 }
|
||||
.email-link-url { 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 }
|
||||
|
||||
/* Footer */
|
||||
.email-footer { padding:20px 32px 28px;background:#f9fbfd;border-top:1px solid #eef2f6;text-align:left;border-radius:0 0 12px 12px }
|
||||
.email-footer-text { margin:0;font-size:14px;color:#64748b }
|
||||
.email-footer-link { color:#1e88e5;text-decoration:none;font-weight:500;border-bottom:1px dotted #b9d5f0 }
|
||||
|
||||
/* Content */
|
||||
.horizon-content,.horizon-content * { color:#334155!important }
|
||||
.horizon-content a,.horizon-content a:link,.horizon-content a:visited { color:#1e88e5!important;text-decoration:none!important;font-weight:500!important }
|
||||
.horizon-content a:hover,.horizon-content a:active { color:#1565c0!important }
|
||||
.horizon-content code,.horizon-content pre { background:#f1f5f9!important;border-color:#e2e8f0!important }
|
||||
.horizon-content blockquote { border-left:1px solid #cbd5e1!important;color:#475569!important }
|
||||
.horizon-content hr { border-color:#e2e8f0!important }
|
||||
.horizon-content img { border:0;max-width:100%!important }
|
||||
|
||||
/* Typography utilities */
|
||||
.card-body a { color:#1e88e5!important;text-decoration:none!important;font-weight:500!important }
|
||||
.card-body blockquote { padding-left:1em;margin:1em 0;border-left:1px solid #cbd5e1;color:#475569 }
|
||||
.card-body pre { background:#f1f5f9;padding:12px;border-radius:6px;overflow-x:auto;font-size:14px;line-height:1.5 }
|
||||
.card-body hr { border:none;border-top:1px solid #e2e8f0;margin:20px 0 }
|
||||
|
||||
/* Responsive */
|
||||
@media only screen and (max-width:480px) {
|
||||
.email-header { padding:20px 20px 12px!important }
|
||||
.email-card { padding:24px 20px 16px!important }
|
||||
.email-btn-row { padding:0!important }
|
||||
.email-footer { padding:16px 20px 24px!important }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="margin:0;padding:0;background:#f4f6f9;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
|
||||
<center style="width:100%;table-layout:fixed;">
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:600px;background:#ffffff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;" class="email-wrap">
|
||||
|
||||
<!-- Floating Title -->
|
||||
<tr>
|
||||
<td class="email-header">
|
||||
|
||||
<img src="{{AppUrl}}assets/img/favicon.png" alt="logo" width="32" height="32" class="email-logo" />
|
||||
<span class="email-brand">{{AppName}}</span>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Card -->
|
||||
<tr>
|
||||
<td class="email-card card-body">
|
||||
|
||||
<p class="email-heading"></p>
|
||||
|
||||
<p class="email-text">
|
||||
{{if .IsMention}}
|
||||
<p>{{.locale.Tr "mail.issue.x_mentioned_you" .Doer.Name}}</p>
|
||||
{{end}}
|
||||
|
||||
{{if eq .ActionName "push"}}
|
||||
<p>
|
||||
{{if .Comment.IsForcePush}}
|
||||
{{$oldCommitUrl := printf "%s/commit/%s" .Comment.Issue.PullRequest.BaseRepo.HTMLURL .Comment.OldCommit}}
|
||||
{{$oldShortSha := ShortSha .Comment.OldCommit}}
|
||||
{{$oldCommitLink := HTMLFormat "<a href=\047%[1]s\047>%[2]s</a>" $oldCommitUrl $oldShortSha}}
|
||||
{{$newCommitUrl := printf "%s/commit/%s" .Comment.Issue.PullRequest.BaseRepo.HTMLURL .Comment.NewCommit}}
|
||||
{{$newShortSha := ShortSha .Comment.NewCommit}}
|
||||
{{$newCommitLink := HTMLFormat "<a href=\047%[1]s\047>%[2]s</a>" $newCommitUrl $newShortSha}}
|
||||
{{.locale.Tr "mail.issue.action.force_push" .Doer.Name .Comment.Issue.PullRequest.HeadBranch $oldCommitLink $newCommitLink}}
|
||||
{{else}}
|
||||
{{.locale.TrN (len .Comment.Commits) "mail.issue.action.push_1" "mail.issue.action.push_n" .Doer.Name .Comment.Issue.PullRequest.HeadBranch (len .Comment.Commits)}}
|
||||
{{end}}
|
||||
</p>
|
||||
{{end}}
|
||||
|
||||
<p>
|
||||
{{if eq .ActionName "close"}}
|
||||
{{.locale.Tr "mail.issue.action.close" .Doer.Name .Issue.Index}}
|
||||
{{else if eq .ActionName "reopen"}}
|
||||
{{.locale.Tr "mail.issue.action.reopen" .Doer.Name .Issue.Index}}
|
||||
{{else if eq .ActionName "merge"}}
|
||||
{{.locale.Tr "mail.issue.action.merge" .Doer.Name .Issue.Index .Issue.PullRequest.BaseBranch}}
|
||||
{{else if eq .ActionName "approve"}}
|
||||
{{.locale.Tr "mail.issue.action.approve" .Doer.Name}}
|
||||
{{else if eq .ActionName "reject"}}
|
||||
{{.locale.Tr "mail.issue.action.reject" .Doer.Name}}
|
||||
{{else if eq .ActionName "review"}}
|
||||
{{.locale.Tr "mail.issue.action.review" .Doer.Name}}
|
||||
{{else if eq .ActionName "review_dismissed"}}
|
||||
{{.locale.Tr "mail.issue.action.review_dismissed" .Doer.Name .Comment.Review.Reviewer.Name}}
|
||||
{{else if eq .ActionName "ready_for_review"}}
|
||||
{{.locale.Tr "mail.issue.action.ready_for_review" .Doer.Name}}
|
||||
{{end}}
|
||||
{{- if eq .Body ""}}
|
||||
{{if eq .ActionName "new"}}
|
||||
{{.locale.Tr "mail.issue.action.new" .Doer.Name .Issue.Index}}
|
||||
{{end}}
|
||||
{{else}}
|
||||
<span class="horizon-content">{{.Body}}</span>
|
||||
{{end -}}
|
||||
{{if .CanReply}}
|
||||
{{.locale.Tr "mail.reply"}}
|
||||
{{end}}
|
||||
</p>
|
||||
|
||||
{{- range .ReviewComments}}
|
||||
<hr>
|
||||
<p>{{$.locale.Tr "mail.issue.in_tree_path" .TreePath}}</p>
|
||||
<pre>{{.Patch}}</pre>
|
||||
<div class="horizon-content">{{.RenderedContent}}</div>
|
||||
{{end -}}
|
||||
|
||||
{{if eq .ActionName "push"}}
|
||||
<ul>
|
||||
{{range .Comment.Commits}}
|
||||
<li>
|
||||
<a href="{{$.Comment.Issue.PullRequest.BaseRepo.HTMLURL}}/commit/{{.UserCommit.GitCommit.ID}}">{{ShortSha .UserCommit.GitCommit.ID.String}}</a> - {{.UserCommit.GitCommit.MessageTitle}}
|
||||
</li>
|
||||
{{end}}
|
||||
</ul>
|
||||
{{end}}
|
||||
</p>
|
||||
|
||||
<p class="email-subtext"></p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Divider -->
|
||||
<tr>
|
||||
<td class="email-divider"></td>
|
||||
</tr>
|
||||
|
||||
<!-- Button & Link -->
|
||||
<tr>
|
||||
<td class="email-btn-row">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="email-btn-table">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<a href="{{.Link}}" class="email-btn">{{.locale.Tr "mail.view_it_on" AppName}}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="email-link-box">
|
||||
<tr>
|
||||
<td style="padding:16px 18px;">
|
||||
<p class="email-link-label">{{.locale.Tr "mail.link_not_working_do_paste"}}</p>
|
||||
<p class="email-link-url">{{.Link}}</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Footer -->
|
||||
<tr>
|
||||
<td class="email-footer">
|
||||
|
||||
<p class="email-footer-text">
|
||||
©
|
||||
<a href="{{AppUrl}}" class="email-footer-link">{{AppName}}</a>
|
||||
</p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,169 +0,0 @@
|
||||
<!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" />
|
||||
<meta name="x-apple-disable-message-reformatting" />
|
||||
|
||||
<title>
|
||||
{{.Subject}}
|
||||
</title>
|
||||
|
||||
<style type="text/css">
|
||||
/* Base */
|
||||
body,.ExternalClass,.ReadMsgBody { background-color:#f4f6f9 }
|
||||
.email-wrap { max-width:600px;margin:20px auto;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif }
|
||||
|
||||
/* Header */
|
||||
.email-logo { display:inline-block;vertical-align:middle;margin-right:12px;border:0;outline:none }
|
||||
.email-brand { font-size:22px;font-weight:600;color:#1e293b;letter-spacing:-0.2px;vertical-align:middle }
|
||||
.email-header { padding:28px 32px 16px;border-bottom:1px solid #eef2f6;background:#ffffff;border-radius:12px 12px 0 0 }
|
||||
|
||||
/* Card */
|
||||
.email-card { padding:32px 32px 24px;color:#334155;background:#ffffff }
|
||||
.email-heading { margin:0 0 16px;font-size:16px;line-height:1.5;color:#1e293b }
|
||||
.email-text { margin:0 0 16px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
.email-subtext { margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
|
||||
/* Divider */
|
||||
.email-divider { height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:16px 0 8px }
|
||||
|
||||
/* Button */
|
||||
.email-btn-row { padding:0;text-align:center }
|
||||
.email-btn { display:inline-block;padding:14px 36px;font-size:16px;font-weight:500;color:#ffffff!important;text-decoration:none;background:#1e88e5;border-radius:48px;border:1px solid #1e88e5;letter-spacing:0.3px;text-align:center }
|
||||
.email-btn-table { margin:16px 0 24px;border-collapse:separate }
|
||||
|
||||
/* Fallback link */
|
||||
.email-link-box { border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px }
|
||||
.email-link-label { margin:0 0 8px;font-size:14px;color:#475569;line-height:1.5 }
|
||||
.email-link-url { 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 }
|
||||
|
||||
/* Footer */
|
||||
.email-footer { padding:20px 32px 28px;background:#f9fbfd;border-top:1px solid #eef2f6;text-align:left;border-radius:0 0 12px 12px }
|
||||
.email-footer-text { margin:0;font-size:14px;color:#64748b }
|
||||
.email-footer-link { color:#1e88e5;text-decoration:none;font-weight:500;border-bottom:1px dotted #b9d5f0 }
|
||||
|
||||
/* Typography utilities */
|
||||
.card-body a,.card-body a:link,.card-body a:visited { color:#1e88e5!important;text-decoration:none!important;font-weight:500!important }
|
||||
.card-body h4 { color:#1e293b!important;margin:24px 0 8px!important;font-size:18px!important;font-weight:600!important }
|
||||
.card-body ul { margin:0 0 24px!important;padding-left:20px!important }
|
||||
.card-body li { margin-bottom:6px!important;font-size:15px!important;line-height:1.5!important;color:#334155!important }
|
||||
|
||||
/* Content */
|
||||
.horizon-content,.horizon-content * { color:#334155!important }
|
||||
.horizon-content a,.horizon-content a:link,.horizon-content a:visited { color:#1e88e5!important;text-decoration:underline!important }
|
||||
.horizon-content a:hover,.horizon-content a:active { color:#1565c0!important }
|
||||
.horizon-content code,.horizon-content pre { color:#0f172a!important;background:#f1f5f9!important;border-color:#e2e8f0!important }
|
||||
.horizon-content blockquote { border-left:1px solid #cbd5e1!important;color:#475569!important }
|
||||
.horizon-content h1,.horizon-content h2,.horizon-content h3,.horizon-content h4,.horizon-content h5,.horizon-content h6 { color:#1e293b!important }
|
||||
.horizon-content hr { border-color:#e2e8f0!important }
|
||||
.horizon-content img { border:0;max-width:100%!important }
|
||||
|
||||
/* Responsive */
|
||||
@media only screen and (max-width:480px) {
|
||||
.email-header { padding:20px 20px 12px!important }
|
||||
.email-card { padding:24px 20px 16px!important }
|
||||
.email-btn-row { padding:0!important }
|
||||
.email-footer { padding:16px 20px 24px!important }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="margin:0;padding:0;background:#f4f6f9;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
|
||||
<center style="width:100%;table-layout:fixed;">
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:600px;background:#ffffff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;" class="email-wrap">
|
||||
|
||||
<!-- Floating Title -->
|
||||
<tr>
|
||||
<td class="email-header">
|
||||
|
||||
<img src="{{AppUrl}}assets/img/favicon.png" alt="logo" width="32" height="32" class="email-logo" />
|
||||
<span class="email-brand">{{AppName}}</span>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Card -->
|
||||
<tr>
|
||||
<td class="email-card card-body">
|
||||
|
||||
{{$release_url := HTMLFormat "<a href='%s'>%s</a>" .Release.HTMLURL .Release.TagName}}
|
||||
{{$repo_url := HTMLFormat "<a href='%s'>%s</a>" .Release.Repo.HTMLURL .Release.Repo.FullName}}
|
||||
<p class="email-heading">
|
||||
{{.locale.Tr "mail.release.new.text" .Release.Publisher.Name $release_url $repo_url}}
|
||||
</p>
|
||||
|
||||
<h4>{{.locale.Tr "mail.release.title" .Release.Title}}</h4>
|
||||
|
||||
{{if .Release.RenderedNote}}
|
||||
{{.locale.Tr "mail.release.note"}}<br>
|
||||
<div class="horizon-content">{{.Release.RenderedNote}}</div>
|
||||
{{end}}
|
||||
|
||||
<p style="margin:20px 0 8px;font-weight:500;color:#1e293b;">{{.locale.Tr "mail.release.downloads"}}</p>
|
||||
<ul>
|
||||
{{if not .DisableDownloadSourceArchives}}
|
||||
<li>
|
||||
<a href="{{.Release.Repo.HTMLURL}}/archive/{{.Release.TagName | PathEscapeSegments}}.zip" rel="nofollow">{{.locale.Tr "mail.release.download.zip"}}</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{.Release.Repo.HTMLURL}}/archive/{{.Release.TagName | PathEscapeSegments}}.tar.gz" rel="nofollow">{{.locale.Tr "mail.release.download.targz"}}</a>
|
||||
</li>
|
||||
{{end}}
|
||||
{{if .Release.Attachments}}
|
||||
{{range .Release.Attachments}}
|
||||
<li>
|
||||
<a href="{{.DownloadURL}}" target="_blank">{{.Name}} ({{.Size | FormatByteSize}})</a>
|
||||
</li>
|
||||
{{end}}
|
||||
{{end}}
|
||||
</ul>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Divider -->
|
||||
<tr>
|
||||
<td class="email-divider"></td>
|
||||
</tr>
|
||||
|
||||
<!-- Button & Link -->
|
||||
<tr>
|
||||
<td class="email-btn-row">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="email-btn-table">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<a href="{{.Link}}" class="email-btn">{{.locale.Tr "mail.view_it_on" AppName}}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="email-link-box">
|
||||
<tr>
|
||||
<td style="padding:16px 18px;">
|
||||
<p class="email-link-label">{{.locale.Tr "mail.link_not_working_do_paste"}}</p>
|
||||
<p class="email-link-url">{{.Link}}</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Footer -->
|
||||
<tr>
|
||||
<td class="email-footer">
|
||||
|
||||
<p class="email-footer-text">
|
||||
©
|
||||
<a href="{{AppUrl}}" class="email-footer-link">{{AppName}}</a>
|
||||
</p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,129 +0,0 @@
|
||||
<!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" />
|
||||
<meta name="x-apple-disable-message-reformatting" />
|
||||
|
||||
<title>
|
||||
{{.Subject}}
|
||||
</title>
|
||||
|
||||
<style type="text/css">
|
||||
/* Base */
|
||||
body,.ExternalClass,.ReadMsgBody { background-color:#f4f6f9 }
|
||||
.email-wrap { max-width:600px;margin:20px auto;font-family:’Helvetica Neue’,Helvetica,Arial,sans-serif }
|
||||
|
||||
/* Header */
|
||||
.email-logo { display:inline-block;vertical-align:middle;margin-right:12px;border:0;outline:none }
|
||||
.email-brand { font-size:22px;font-weight:600;color:#1e293b;letter-spacing:-0.2px;vertical-align:middle }
|
||||
.email-header { padding:28px 32px 16px;border-bottom:1px solid #eef2f6;background:#ffffff;border-radius:12px 12px 0 0 }
|
||||
|
||||
/* Card */
|
||||
.email-card { padding:32px 32px 24px;color:#334155;background:#ffffff }
|
||||
.email-heading { margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
.email-text { margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
.email-subtext { margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
|
||||
/* Divider */
|
||||
.email-divider { height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:16px 0 8px }
|
||||
|
||||
/* Button */
|
||||
.email-btn-row { padding:0;text-align:center }
|
||||
.email-btn { display:inline-block;padding:14px 36px;font-size:16px;font-weight:500;color:#ffffff!important;text-decoration:none;background:#1e88e5;border-radius:48px;border:1px solid #1e88e5;letter-spacing:0.3px;text-align:center }
|
||||
.email-btn-table { margin:28px 0 24px;border-collapse:separate }
|
||||
|
||||
/* Fallback link */
|
||||
.email-link-box { border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px }
|
||||
.email-link-label { margin:0 0 8px;font-size:14px;color:#475569;line-height:1.5 }
|
||||
.email-link-url { 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 }
|
||||
|
||||
/* Footer */
|
||||
.email-footer { padding:20px 32px 28px;background:#f9fbfd;border-top:1px solid #eef2f6;text-align:left;border-radius:0 0 12px 12px }
|
||||
.email-footer-text { margin:0;font-size:14px;color:#64748b }
|
||||
.email-footer-link { color:#1e88e5;text-decoration:none;font-weight:500;border-bottom:1px dotted #b9d5f0 }
|
||||
|
||||
/* Typography utilities */
|
||||
.card-body a,.card-body a:link,.card-body a:visited { color:#1e88e5!important;text-decoration:none!important;font-weight:500!important }
|
||||
|
||||
/* Responsive */
|
||||
@media only screen and (max-width:480px) {
|
||||
.email-header { padding:20px 20px 12px!important }
|
||||
.email-card { padding:24px 20px 16px!important }
|
||||
.email-btn-row { padding:0!important }
|
||||
.email-footer { padding:16px 20px 24px!important }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="margin:0;padding:0;background:#f4f6f9;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
|
||||
<center style="width:100%;table-layout:fixed;">
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:600px;background:#ffffff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;" class="email-wrap">
|
||||
|
||||
<!-- Floating Title -->
|
||||
<tr>
|
||||
<td class="email-header">
|
||||
|
||||
<img src="{{AppUrl}}assets/img/favicon.png" alt="logo" width="32" height="32" class="email-logo" />
|
||||
<span class="email-brand">{{AppName}}</span>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Card -->
|
||||
<tr>
|
||||
<td class="email-card card-body">
|
||||
|
||||
{{$url := HTMLFormat "<a href=’%[1]s’>%[2]s</a>" .Link .Repo}}
|
||||
<p class="email-heading">
|
||||
{{.Subject}}. {{.locale.Tr "mail.repo.transfer.body" $url}}
|
||||
</p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Divider -->
|
||||
<tr>
|
||||
<td class="email-divider"></td>
|
||||
</tr>
|
||||
|
||||
<!-- Button & Link -->
|
||||
<tr>
|
||||
<td class="email-btn-row">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="email-btn-table">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<a href="{{.Link}}" class="email-btn">{{.locale.Tr "mail.view_it_on" AppName}}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="email-link-box">
|
||||
<tr>
|
||||
<td style="padding:16px 18px;">
|
||||
<p class="email-link-label">{{.locale.Tr "mail.link_not_working_do_paste"}}</p>
|
||||
<p class="email-link-url">{{.Link}}</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Footer -->
|
||||
<tr>
|
||||
<td class="email-footer">
|
||||
|
||||
<p class="email-footer-text">
|
||||
©
|
||||
<a href="{{AppUrl}}" class="email-footer-link">{{AppName}}</a>
|
||||
</p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,134 +0,0 @@
|
||||
<!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" />
|
||||
<meta name="x-apple-disable-message-reformatting" />
|
||||
|
||||
<title>
|
||||
{{.locale.Tr "mail.activate_account.title" (.DisplayName|DotEscape)}}
|
||||
</title>
|
||||
|
||||
<style type="text/css">
|
||||
/* Base */
|
||||
body,.ExternalClass,.ReadMsgBody { background-color:#f4f6f9 }
|
||||
.email-wrap { max-width:600px;margin:20px auto;font-family:’Helvetica Neue’,Helvetica,Arial,sans-serif }
|
||||
|
||||
/* Header */
|
||||
.email-logo { display:inline-block;vertical-align:middle;margin-right:12px;border:0;outline:none }
|
||||
.email-brand { font-size:22px;font-weight:600;color:#1e293b;letter-spacing:-0.2px;vertical-align:middle }
|
||||
.email-header { padding:28px 32px 16px;border-bottom:1px solid #eef2f6;background:#ffffff;border-radius:12px 12px 0 0 }
|
||||
|
||||
/* Card */
|
||||
.email-card { padding:32px 32px 24px;color:#334155;background:#ffffff }
|
||||
.email-heading { margin:0 0 16px;font-size:16px;line-height:1.5;color:#1e293b }
|
||||
.email-text { margin:0 0 8px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
.email-subtext { margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
|
||||
/* Divider */
|
||||
.email-divider { height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:16px 0 8px }
|
||||
|
||||
/* Button */
|
||||
.email-btn-row { padding:0;text-align:center }
|
||||
.email-btn { display:inline-block;padding:14px 36px;font-size:16px;font-weight:500;color:#ffffff!important;text-decoration:none;background:#1e88e5;border-radius:48px;border:1px solid #1e88e5;letter-spacing:0.3px;text-align:center }
|
||||
.email-btn-table { margin:28px 0 24px;border-collapse:separate }
|
||||
|
||||
/* Fallback link */
|
||||
.email-link-box { border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px }
|
||||
.email-link-label { margin:0 0 8px;font-size:14px;color:#475569;line-height:1.5 }
|
||||
.email-link-url { 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 }
|
||||
|
||||
/* Footer */
|
||||
.email-footer { padding:20px 32px 28px;background:#f9fbfd;border-top:1px solid #eef2f6;text-align:left;border-radius:0 0 12px 12px }
|
||||
.email-footer-text { margin:0;font-size:14px;color:#64748b }
|
||||
.email-footer-link { color:#1e88e5;text-decoration:none;font-weight:500;border-bottom:1px dotted #b9d5f0 }
|
||||
|
||||
/* Typography utilities */
|
||||
.card-body a { color:#1e88e5!important;text-decoration:none!important;font-weight:500!important }
|
||||
|
||||
/* Responsive */
|
||||
@media only screen and (max-width:480px) {
|
||||
.email-header { padding:20px 20px 12px!important }
|
||||
.email-card { padding:24px 20px 16px!important }
|
||||
.email-btn-row { padding:0!important }
|
||||
.email-footer { padding:16px 20px 24px!important }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="margin:0;padding:0;background:#f4f6f9;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
|
||||
<center style="width:100%;table-layout:fixed;">
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:600px;background:#ffffff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;" class="email-wrap">
|
||||
|
||||
<!-- Floating Title -->
|
||||
<tr>
|
||||
<td class="email-header">
|
||||
|
||||
<img src="{{AppUrl}}assets/img/favicon.png" alt="logo" width="32" height="32" class="email-logo" />
|
||||
<span class="email-brand">{{AppName}}</span>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Card -->
|
||||
<tr>
|
||||
<td class="email-card card-body">
|
||||
|
||||
<p class="email-text">
|
||||
{{.locale.Tr "mail.activate_account.text_1" (.DisplayName|DotEscape) AppName}}
|
||||
</p>
|
||||
|
||||
<p class="email-subtext">
|
||||
{{.locale.Tr "mail.activate_account.text_2" .ActiveCodeLives}}
|
||||
</p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Divider -->
|
||||
<tr>
|
||||
<td class="email-divider"></td>
|
||||
</tr>
|
||||
|
||||
<!-- Button & Link -->
|
||||
<tr>
|
||||
<td class="email-btn-row">
|
||||
|
||||
{{$activate_url := printf "%suser/activate?code=%s" AppUrl (QueryEscape .Code)}}
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="email-btn-table">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<a href="{{$activate_url}}" class="email-btn">{{.locale.Tr "mail.activate_account"}}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="email-link-box">
|
||||
<tr>
|
||||
<td style="padding:16px 18px;">
|
||||
<p class="email-link-label">{{.locale.Tr "mail.link_not_working_do_paste"}}</p>
|
||||
<p class="email-link-url">{{$activate_url}}</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Footer -->
|
||||
<tr>
|
||||
<td class="email-footer">
|
||||
|
||||
<p class="email-footer-text">
|
||||
©
|
||||
<a href="{{AppUrl}}" class="email-footer-link">{{AppName}}</a>
|
||||
</p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,134 +0,0 @@
|
||||
<!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" />
|
||||
<meta name="x-apple-disable-message-reformatting" />
|
||||
|
||||
<title>
|
||||
{{.locale.Tr "mail.activate_email.title" (.DisplayName|DotEscape)}}
|
||||
</title>
|
||||
|
||||
<style type="text/css">
|
||||
/* Base */
|
||||
body,.ExternalClass,.ReadMsgBody { background-color:#f4f6f9 }
|
||||
.email-wrap { max-width:600px;margin:20px auto;font-family:’Helvetica Neue’,Helvetica,Arial,sans-serif }
|
||||
|
||||
/* Header */
|
||||
.email-logo { display:inline-block;vertical-align:middle;margin-right:12px;border:0;outline:none }
|
||||
.email-brand { font-size:22px;font-weight:600;color:#1e293b;letter-spacing:-0.2px;vertical-align:middle }
|
||||
.email-header { padding:28px 32px 16px;border-bottom:1px solid #eef2f6;background:#ffffff;border-radius:12px 12px 0 0 }
|
||||
|
||||
/* Card */
|
||||
.email-card { padding:32px 32px 24px;color:#334155;background:#ffffff }
|
||||
.email-heading { margin:0 0 16px;font-size:16px;line-height:1.5;color:#1e293b }
|
||||
.email-text { margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
.email-subtext { margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
|
||||
/* Divider */
|
||||
.email-divider { height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:16px 0 8px }
|
||||
|
||||
/* Button */
|
||||
.email-btn-row { padding:0;text-align:center }
|
||||
.email-btn { display:inline-block;padding:14px 36px;font-size:16px;font-weight:500;color:#ffffff!important;text-decoration:none;background:#1e88e5;border-radius:48px;border:1px solid #1e88e5;letter-spacing:0.3px;text-align:center }
|
||||
.email-btn-table { margin:28px 0 24px;border-collapse:separate }
|
||||
|
||||
/* Fallback link */
|
||||
.email-link-box { border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px }
|
||||
.email-link-label { margin:0 0 8px;font-size:14px;color:#475569;line-height:1.5 }
|
||||
.email-link-url { 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 }
|
||||
|
||||
/* Footer */
|
||||
.email-footer { padding:20px 32px 28px;background:#f9fbfd;border-top:1px solid #eef2f6;text-align:left;border-radius:0 0 12px 12px }
|
||||
.email-footer-text { margin:0;font-size:14px;color:#64748b }
|
||||
.email-footer-link { color:#1e88e5;text-decoration:none;font-weight:500;border-bottom:1px dotted #b9d5f0 }
|
||||
|
||||
/* Typography utilities */
|
||||
.card-body a { color:#1e88e5!important;text-decoration:none!important;font-weight:500!important }
|
||||
|
||||
/* Responsive */
|
||||
@media only screen and (max-width:480px) {
|
||||
.email-header { padding:20px 20px 12px!important }
|
||||
.email-card { padding:24px 20px 16px!important }
|
||||
.email-btn-row { padding:0!important }
|
||||
.email-footer { padding:16px 20px 24px!important }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="margin:0;padding:0;background:#f4f6f9;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
|
||||
<center style="width:100%;table-layout:fixed;">
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:600px;background:#ffffff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;" class="email-wrap">
|
||||
|
||||
<!-- Floating Title -->
|
||||
<tr>
|
||||
<td class="email-header">
|
||||
|
||||
<img src="{{AppUrl}}assets/img/favicon.png" alt="logo" width="32" height="32" class="email-logo" />
|
||||
<span class="email-brand">{{AppName}}</span>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Card -->
|
||||
<tr>
|
||||
<td class="email-card card-body">
|
||||
|
||||
<p class="email-heading">
|
||||
{{.locale.Tr "mail.hi_user_x" (.DisplayName|DotEscape)}}
|
||||
</p>
|
||||
|
||||
<p class="email-text">
|
||||
{{.locale.Tr "mail.activate_email.text" .ActiveCodeLives}}
|
||||
</p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Divider -->
|
||||
<tr>
|
||||
<td class="email-divider"></td>
|
||||
</tr>
|
||||
|
||||
<!-- Button & Link -->
|
||||
<tr>
|
||||
<td class="email-btn-row">
|
||||
|
||||
{{$activate_url := printf "%suser/activate_email?code=%s&email=%s" AppUrl (QueryEscape .Code) (QueryEscape .Email)}}
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="email-btn-table">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<a href="{{$activate_url}}" class="email-btn">{{.locale.Tr "mail.activate_email"}}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="email-link-box">
|
||||
<tr>
|
||||
<td style="padding:16px 18px;">
|
||||
<p class="email-link-label">{{.locale.Tr "mail.link_not_working_do_paste"}}</p>
|
||||
<p class="email-link-url">{{$activate_url}}</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Footer -->
|
||||
<tr>
|
||||
<td class="email-footer">
|
||||
|
||||
<p class="email-footer-text">
|
||||
©
|
||||
<a href="{{AppUrl}}" class="email-footer-link">{{AppName}}</a>
|
||||
</p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,141 +0,0 @@
|
||||
<!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" />
|
||||
<meta name="x-apple-disable-message-reformatting" />
|
||||
|
||||
<title>
|
||||
{{.locale.Tr "mail.register_notify.title" (.DisplayName|DotEscape) AppName}}
|
||||
</title>
|
||||
|
||||
<style type="text/css">
|
||||
/* Base */
|
||||
body,.ExternalClass,.ReadMsgBody { background-color:#f4f6f9 }
|
||||
.email-wrap { max-width:600px;margin:20px auto;font-family:’Helvetica Neue’,Helvetica,Arial,sans-serif }
|
||||
|
||||
/* Header */
|
||||
.email-logo { display:inline-block;vertical-align:middle;margin-right:12px;border:0;outline:none }
|
||||
.email-brand { font-size:22px;font-weight:600;color:#1e293b;letter-spacing:-0.2px;vertical-align:middle }
|
||||
.email-header { padding:28px 32px 16px;border-bottom:1px solid #eef2f6;background:#ffffff;border-radius:12px 12px 0 0 }
|
||||
|
||||
/* Card */
|
||||
.email-card { padding:32px 32px 24px;color:#334155;background:#ffffff }
|
||||
.email-heading { margin:0 0 16px;font-size:16px;line-height:1.5;color:#1e293b }
|
||||
.email-text { margin:0 0 8px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
.email-subtext { margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
|
||||
/* Divider */
|
||||
.email-divider { height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:16px 0 8px }
|
||||
|
||||
/* Button */
|
||||
.email-btn-row { padding:0;text-align:center }
|
||||
.email-btn { display:inline-block;padding:14px 36px;font-size:16px;font-weight:500;color:#ffffff!important;text-decoration:none;background:#1e88e5;border-radius:48px;border:1px solid #1e88e5;letter-spacing:0.3px;text-align:center }
|
||||
.email-btn-table { margin:28px 0 24px;border-collapse:separate }
|
||||
|
||||
/* Fallback link */
|
||||
.email-link-box { border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px }
|
||||
.email-link-label { margin:0 0 8px;font-size:14px;color:#475569;line-height:1.5 }
|
||||
.email-link-url { 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 }
|
||||
|
||||
/* Footer */
|
||||
.email-footer { padding:20px 32px 28px;background:#f9fbfd;border-top:1px solid #eef2f6;text-align:left;border-radius:0 0 12px 12px }
|
||||
.email-footer-text { margin:0;font-size:14px;color:#64748b }
|
||||
.email-footer-link { color:#1e88e5;text-decoration:none;font-weight:500;border-bottom:1px dotted #b9d5f0 }
|
||||
|
||||
/* Typography utilities */
|
||||
.card-body a { color:#1e88e5!important;text-decoration:none!important;font-weight:500!important }
|
||||
|
||||
/* Responsive */
|
||||
@media only screen and (max-width:480px) {
|
||||
.email-header { padding:20px 20px 12px!important }
|
||||
.email-card { padding:24px 20px 16px!important }
|
||||
.email-btn-row { padding:0!important }
|
||||
.email-footer { padding:16px 20px 24px!important }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="margin:0;padding:0;background:#f4f6f9;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
|
||||
<center style="width:100%;table-layout:fixed;">
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:600px;background:#ffffff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;" class="email-wrap">
|
||||
|
||||
<!-- Floating Title -->
|
||||
<tr>
|
||||
<td class="email-header">
|
||||
|
||||
<img src="{{AppUrl}}assets/img/favicon.png" alt="logo" width="32" height="32" class="email-logo" />
|
||||
<span class="email-brand">{{AppName}}</span>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Card -->
|
||||
<tr>
|
||||
<td class="email-card card-body">
|
||||
|
||||
<p class="email-heading">
|
||||
{{.locale.Tr "mail.hi_user_x" (.DisplayName|DotEscape)}}
|
||||
</p>
|
||||
|
||||
<p class="email-text">
|
||||
{{.locale.Tr "mail.register_notify.text_1" AppName}}
|
||||
</p>
|
||||
|
||||
<p class="email-subtext">
|
||||
{{.locale.Tr "mail.register_notify.text_2" .Username}}
|
||||
</p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Divider -->
|
||||
<tr>
|
||||
<td class="email-divider"></td>
|
||||
</tr>
|
||||
|
||||
<!-- Button & Link -->
|
||||
<tr>
|
||||
<td class="email-btn-row">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="email-btn-table">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<a href="{{AppUrl}}user/login" class="email-btn">{{.locale.Tr "mail.view_it_on" AppName}}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
{{$set_pwd_url := printf "%suser/forgot_password" AppUrl}}
|
||||
<p style="margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155;">
|
||||
{{.locale.Tr "mail.register_notify.text_3" $set_pwd_url}}
|
||||
</p>
|
||||
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="email-link-box">
|
||||
<tr>
|
||||
<td style="padding:16px 18px;">
|
||||
<p class="email-link-label">{{.locale.Tr "mail.link_not_working_do_paste"}}</p>
|
||||
<p class="email-link-url">{{AppUrl}}user/login</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Footer -->
|
||||
<tr>
|
||||
<td class="email-footer">
|
||||
|
||||
<p class="email-footer-text">
|
||||
©
|
||||
<a href="{{AppUrl}}" class="email-footer-link">{{AppName}}</a>
|
||||
</p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,134 +0,0 @@
|
||||
<!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" />
|
||||
<meta name="x-apple-disable-message-reformatting" />
|
||||
|
||||
<title>
|
||||
{{.locale.Tr "mail.reset_password.title" (.DisplayName|DotEscape)}}
|
||||
</title>
|
||||
|
||||
<style type="text/css">
|
||||
/* Base */
|
||||
body,.ExternalClass,.ReadMsgBody { background-color:#f4f6f9 }
|
||||
.email-wrap { max-width:600px;margin:20px auto;font-family:’Helvetica Neue’,Helvetica,Arial,sans-serif }
|
||||
|
||||
/* Header */
|
||||
.email-logo { display:inline-block;vertical-align:middle;margin-right:12px;border:0;outline:none }
|
||||
.email-brand { font-size:22px;font-weight:600;color:#1e293b;letter-spacing:-0.2px;vertical-align:middle }
|
||||
.email-header { padding:28px 32px 16px;border-bottom:1px solid #eef2f6;background:#ffffff;border-radius:12px 12px 0 0 }
|
||||
|
||||
/* Card */
|
||||
.email-card { padding:32px 32px 24px;color:#334155;background:#ffffff }
|
||||
.email-heading { margin:0 0 16px;font-size:16px;line-height:1.5;color:#1e293b }
|
||||
.email-text { margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
.email-subtext { margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
|
||||
/* Divider */
|
||||
.email-divider { height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:16px 0 8px }
|
||||
|
||||
/* Button */
|
||||
.email-btn-row { padding:0;text-align:center }
|
||||
.email-btn { display:inline-block;padding:14px 36px;font-size:16px;font-weight:500;color:#ffffff!important;text-decoration:none;background:#1e88e5;border-radius:48px;border:1px solid #1e88e5;letter-spacing:0.3px;text-align:center }
|
||||
.email-btn-table { margin:28px 0 24px;border-collapse:separate }
|
||||
|
||||
/* Fallback link */
|
||||
.email-link-box { border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px }
|
||||
.email-link-label { margin:0 0 8px;font-size:14px;color:#475569;line-height:1.5 }
|
||||
.email-link-url { 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 }
|
||||
|
||||
/* Footer */
|
||||
.email-footer { padding:20px 32px 28px;background:#f9fbfd;border-top:1px solid #eef2f6;text-align:left;border-radius:0 0 12px 12px }
|
||||
.email-footer-text { margin:0;font-size:14px;color:#64748b }
|
||||
.email-footer-link { color:#1e88e5;text-decoration:none;font-weight:500;border-bottom:1px dotted #b9d5f0 }
|
||||
|
||||
/* Typography utilities */
|
||||
.card-body a { color:#1e88e5!important;text-decoration:none!important;font-weight:500!important }
|
||||
|
||||
/* Responsive */
|
||||
@media only screen and (max-width:480px) {
|
||||
.email-header { padding:20px 20px 12px!important }
|
||||
.email-card { padding:24px 20px 16px!important }
|
||||
.email-btn-row { padding:0!important }
|
||||
.email-footer { padding:16px 20px 24px!important }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="margin:0;padding:0;background:#f4f6f9;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
|
||||
<center style="width:100%;table-layout:fixed;">
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:600px;background:#ffffff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;" class="email-wrap">
|
||||
|
||||
<!-- Floating Title -->
|
||||
<tr>
|
||||
<td class="email-header">
|
||||
|
||||
<img src="{{AppUrl}}assets/img/favicon.png" alt="logo" width="32" height="32" class="email-logo" />
|
||||
<span class="email-brand">{{AppName}}</span>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Card -->
|
||||
<tr>
|
||||
<td class="email-card card-body">
|
||||
|
||||
<p class="email-heading">
|
||||
{{.locale.Tr "mail.hi_user_x" (.DisplayName|DotEscape)}}
|
||||
</p>
|
||||
|
||||
<p class="email-text">
|
||||
{{.locale.Tr "mail.reset_password.text" .ResetPwdCodeLives}}
|
||||
</p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Divider -->
|
||||
<tr>
|
||||
<td class="email-divider"></td>
|
||||
</tr>
|
||||
|
||||
<!-- Button & Link -->
|
||||
<tr>
|
||||
<td class="email-btn-row">
|
||||
|
||||
{{$recover_url := printf "%suser/recover_account?code=%s" AppUrl (QueryEscape .Code)}}
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="email-btn-table">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<a href="{{$recover_url}}" class="email-btn">{{.locale.Tr "mail.reset_password"}}</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="email-link-box">
|
||||
<tr>
|
||||
<td style="padding:16px 18px;">
|
||||
<p class="email-link-label">{{.locale.Tr "mail.link_not_working_do_paste"}}</p>
|
||||
<p class="email-link-url">{{$recover_url}}</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- Footer -->
|
||||
<tr>
|
||||
<td class="email-footer">
|
||||
|
||||
<p class="email-footer-text">
|
||||
©
|
||||
<a href="{{AppUrl}}" class="email-footer-link">{{AppName}}</a>
|
||||
</p>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,75 @@
|
||||
/* Base */
|
||||
body,.ExternalClass,.ReadMsgBody { background-color:#f4f6f9 }
|
||||
.email-wrap { max-width:600px;margin:20px auto;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif }
|
||||
|
||||
/* Header */
|
||||
.email-logo { display:inline-block;vertical-align:middle;margin-right:12px;border:0;outline:none }
|
||||
.email-brand { font-size:22px;font-weight:600;color:#1e293b;letter-spacing:-0.2px;vertical-align:middle }
|
||||
.email-header { padding:28px 32px 16px;border-bottom:1px solid #eef2f6;background:#ffffff;border-radius:12px 12px 0 0 }
|
||||
|
||||
/* Card */
|
||||
.email-card { padding:32px 32px 24px;color:#334155;background:#ffffff }
|
||||
.email-heading { margin:0 0 16px;font-size:16px;line-height:1.5;color:#1e293b }
|
||||
.email-text { margin:0 0 8px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
.email-subtext { margin:0 0 20px;font-size:16px;line-height:1.5;color:#334155 }
|
||||
|
||||
/* Divider */
|
||||
.email-divider { height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:16px 0 8px }
|
||||
|
||||
/* Button */
|
||||
.email-btn-row { padding:0;text-align:center }
|
||||
.email-btn,.card-body .email-btn,.card-body .email-btn:link,.card-body .email-btn:visited { display:inline-block;padding:14px 36px;font-size:16px;font-weight:500;color:#ffffff!important;text-decoration:none!important;background:#1e88e5;border-radius:48px;border:1px solid #1e88e5;letter-spacing:0.3px;text-align:center }
|
||||
.email-btn-table { margin:28px 0 24px;border-collapse:separate }
|
||||
|
||||
/* Fallback link */
|
||||
.email-link-box { border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px }
|
||||
.email-link-label { margin:0 0 8px;font-size:14px;color:#475569;line-height:1.5 }
|
||||
.email-link-url { 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 }
|
||||
|
||||
/* Footer */
|
||||
.email-footer { padding:20px 32px 28px;background:#f9fbfd;border-top:1px solid #eef2f6;text-align:left;border-radius:0 0 12px 12px }
|
||||
.email-footer-text { margin:0;font-size:14px;color:#64748b }
|
||||
.email-footer-link { color:#1e88e5;text-decoration:none;font-weight:500;border-bottom:1px dotted #b9d5f0 }
|
||||
|
||||
/* Typography utilities */
|
||||
.card-body a { color:#1e88e5!important;text-decoration:none!important;font-weight:500!important }
|
||||
|
||||
/* Responsive */
|
||||
@media only screen and (max-width:480px) {
|
||||
.email-header { padding:20px 20px 12px!important }
|
||||
.email-card { padding:24px 20px 16px!important }
|
||||
.email-btn-row { padding:0!important }
|
||||
.email-footer { padding:16px 20px 24px!important }
|
||||
}
|
||||
|
||||
/* Official-snapshot presentation adapter: no content or translation overrides. */
|
||||
body { margin:0; padding:24px 16px; background-color:#f4f6f9; }
|
||||
body, td { font-family:Helvetica,Arial,sans-serif; }
|
||||
.email-wrap { width:100%; max-width:600px; border-collapse:separate; border-spacing:0; }
|
||||
.card-body { font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
|
||||
.card-body > pre, .card-body code { font-family:Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
|
||||
.card-body ul { padding-left:22px; }
|
||||
.card-body blockquote { padding-left:16px; border-left:3px solid #1e88e5; }
|
||||
|
||||
|
||||
.mail-footer { margin:0; }
|
||||
.mail-footer td { border-top-color:transparent!important; color:#334155!important; }
|
||||
.mail-footer a { color:#1e88e5!important; text-decoration:none; }
|
||||
.email-body { padding:32px; }
|
||||
@media only screen and (max-width:480px) {
|
||||
body { padding:12px 8px; }
|
||||
.email-wrap { margin:0 auto; }
|
||||
.email-body { padding:24px 18px!important; }
|
||||
.card-body { width:auto!important; }
|
||||
.resp-hide { display:none!important; }
|
||||
|
||||
}
|
||||
|
||||
/* Shared framework controls: keep URLs readable, never style them as CTAs. */
|
||||
.email-link-cell { padding:16px 18px; }
|
||||
.email-link-url a,.card-body .email-link-url a { color:inherit!important; text-decoration:none!important; font-size:inherit; }
|
||||
.email-link-url { overflow-wrap:anywhere; word-break:break-all; }
|
||||
.email-action { margin:20px 0 0; }
|
||||
.email-btn-row { box-sizing:border-box; }
|
||||
.card-body .email-btn { max-width:100%; box-sizing:border-box; white-space:normal; overflow-wrap:anywhere; }
|
||||
@media only screen and (max-width:480px) { .card-body .email-btn { display:block; text-align:center; width:100%; } .email-btn-table { width:100%; } }
|
||||
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"name": "horizon",
|
||||
"description": "Enterprise / Corporate",
|
||||
"mode": "framed",
|
||||
"layout": "horizon"
|
||||
}
|
||||
Reference in new issue
Block a user