Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-04-21 13:37:30 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 91

Update email templates (#1175)

Browse source 
* Update email templates

* Update image file locations for email templates
This commit is contained in:
gillespi314 2021-06-24 14:56:26 -05:00 committed by GitHub
parent 9d5c87ecf2
commit 4909c0a4c5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 374 additions and 233 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/images/fleet-logo-blue-118x41@2x.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
assets/images/fleet-mark-color-40x40@2x.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 895 B

BIN
assets/images/slack-logo-41x40@2x.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
assets/images/twitter-logo-50x40@2x.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

147
server/mail/templates/change_email_confirmation.html
View file

@ -9,24 +9,31 @@
<style>
body {
font-family: "Nunito Sans", sans-serif;
margin: 0;
}
h1 {
font-weight: normal;
margin: 20px 0 40px 0;
font-weight: 700;
font-size: 24px;
line-height: 32px;
margin: 0;
padding-bottom: 32px;
}
p {
line-height: 2;
font-size: 16px;
line-height: 22px;
margin: 0;
padding-bottom: 32px;
}
a {
text-decoration: none;
color: #4a90e2;
color: #6a67fe;
}
a:hover {
text-decoration: underline;
text-decoration: none;
}
@media only screen and (max-device-width: 480px) {
@ -43,7 +50,7 @@
}
</style>
</head>
<body>
<body style="color: #192147">
<table
align="center"
border="0"
@ -55,7 +62,6 @@
style="
background: #f9fafc;
font-family: 'Nunito Sans', sans-serif;
color: #66696f;
border-collapse: collapse;
"
>
@ -67,74 +73,99 @@
cellpadding="0"
cellspacing="0"
bgcolor="#ffffff"
style="margin: 20px 10px"
style="
margin: 20px 20px;
border: 1px solid #e2e4ea;
border-radius: 8px;
"
>
<tr>
<td
colspan="2"
bgcolor="#ffffff"
style="padding: 20px; font-family: 'Nunito Sans', sans-serif"
style="
padding-top: 40px;
padding-left: 48px;
font-family: 'Nunito Sans', sans-serif;
border-radius: 8px 8px 0px 0px;
"
>
<img
src="{{.AssetURL}}/assets/images/fleet-logo-color@2x.png?raw=true"
width="174"
height="48"
/>
<a href="https://fleetdm.com" target="_blank">
<img
alt="Fleet logo"
src="{{.AssetURL}}/assets/images/fleet-logo-blue-118x41@2x.png?raw=true"
style="height: 41px; width: 118px"
/>
</a>
</td>
</tr>
<tr>
<td
colspan="2"
style="padding: 60px; font-family: 'Nunito Sans', sans-serif"
>
<h1>Change Confirmation</h1>
<p><strong>Hello,</strong></p>
<p>
This message is to confirm that the email address you recently
changed actually works. Please click the link below to confirm
that you want to change your email address in Fleet.
</p>
<table bgcolor="#F9FAFC" height="100px" cellpadding="20px">
<tr>
<td style="font-family: 'Nunito Sans', sans-serif">
<a href="{{.BaseURL}}/email/change/{{.Token}}"
>{{.BaseURL}}/email/change/{{.Token}}</a
>
</td>
</tr>
</table>
</td>
</tr>
<tr bgcolor="#9ca3ac">
<td
valign="middle"
align="left"
style="
padding: 10px 20px;
padding-top: 48px;
padding-bottom: 48px;
padding-left: 48px;
padding-right: 48px;
font-family: 'Nunito Sans', sans-serif;
color: #fff;
"
>
<h1>Confirm your updated email address</h1>
<p>Please click below to confirm your updated email address.</p>
<a
href="https://github.com/fleetdm/fleet/tree/main/docs"
style="color: #fff; text-decoration: none"
>Fleet Documentation</a
href="{{.BaseURL}}/email/change/{{.Token}}"
target="_blank"
style="
font-weight: 700;
color: #fff;
text-decoration: none;
border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #6a67fe;
border-top: 8px solid #6a67fe;
border-bottom: 8px solid #6a67fe;
border-right: 16px solid #6a67fe;
border-left: 16px solid #6a67fe;
display: inline-block;
"
>
</td>
<td
valign="middle"
align="right"
style="
padding: 10px 20px;
font-family: 'Nunito Sans', sans-serif;
"
>
<a href="https://fleetdm.com" style="text-decoration: none"
><img
src="{{.AssetURL}}/assets/images/fleet-logo-text-all-white@2x.png?raw=true"
width="122"
height="33"
/></a>
Confirm email
</a>
<div
style="border-bottom: 1px solid #e2e4ea; padding-top: 32px"
></div>
<div style="padding-top: 32px; padding-bottom: 32px">
<a href="https://github.com/fleetdm/fleet" target="_blank">
<img
alt="Fleet logo"
style="height: 20px; width: 20px; padding-right: 20px"
src="{{.AssetURL}}/assets/images/fleet-mark-color-40x40@2x.png?raw=true"
/>
</a>
<a href="https://twitter.com/fleetctl" target="_blank">
<img
alt="Twitter logo"
style="height: 20px; width: 25px; padding-right: 20px"
src="{{.AssetURL}}/assets/images/twitter-logo-50x40@2x.png?raw=true"
/>
</a>
<a
href="https://osquery.slack.com/join/shared_invite/zt-h29zm0gk-s2DBtGUTW4CFel0f0IjTEw#/"
target="_blank"
>
<img
alt="Slack logo"
style="height: 20px; width: 20.5px; padding-right: 20px"
src="{{.AssetURL}}/assets/images/slack-logo-41x40@2x.png?raw=true"
/>
</a>
</div>
<p style="font-size: 12px; line-height: 16px; padding: 0">
© 2021 Fleet Device Management Inc. <br />
All trademarks, service marks, and company names are the
property of their respective owners.
</p>
</td>
</tr>
</table>

BIN
server/mail/templates/images/fleet-logo-blue-118x42@2x.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.4 KiB

187
server/mail/templates/invite_token.html
View file

@ -9,24 +9,31 @@
<style>
body {
font-family: "Nunito Sans", sans-serif;
margin: 0;
}
h1 {
font-weight: normal;
margin: 20px 0 40px 0;
font-weight: 700;
font-size: 24px;
line-height: 32px;
margin: 0;
padding-bottom: 32px;
}
p {
line-height: 2;
font-size: 16px;
line-height: 22px;
margin: 0;
padding-bottom: 32px;
}
a {
text-decoration: none;
color: #4a90e2;
color: #6a67fe;
}
a:hover {
text-decoration: underline;
text-decoration: none;
}
@media only screen and (max-device-width: 480px) {
@ -43,7 +50,7 @@
}
</style>
</head>
<body>
<body style="color: #192147">
<table
align="center"
border="0"
@ -55,7 +62,6 @@
style="
background: #f9fafc;
font-family: 'Nunito Sans', sans-serif;
color: #66696f;
border-collapse: collapse;
"
>
@ -67,82 +73,129 @@
cellpadding="0"
cellspacing="0"
bgcolor="#ffffff"
style="margin: 20px 10px"
style="
margin: 20px 20px;
border: 1px solid #e2e4ea;
border-radius: 8px;
"
>
<tr>
<td
colspan="2"
bgcolor="#ffffff"
style="padding: 20px; font-family: 'Nunito Sans', sans-serif"
style="
padding-top: 40px;
padding-left: 48px;
font-family: 'Nunito Sans', sans-serif;
border-radius: 8px 8px 0px 0px;
"
>
<img
src="{{.AssetURL}}/assets/images/fleet-logo-color@2x.png?raw=true"
width="174"
height="48"
/>
<a href="https://fleetdm.com" target="_blank">
<img
alt="Fleet logo"
src="{{.AssetURL}}/assets/images/fleet-logo-blue-118x41@2x.png?raw=true"
style="height: 41px; width: 118px"
/>
</a>
</td>
</tr>
<tr>
<td
colspan="2"
style="padding: 60px; font-family: 'Nunito Sans', sans-serif"
style="
padding-top: 48px;
padding-bottom: 48px;
padding-left: 48px;
padding-right: 48px;
font-family: 'Nunito Sans', sans-serif;
"
>
<h1>You Have Been Invited To Fleet!</h1>
<p><strong>Hello,</strong></p>
<h1>You have been invited to Fleet!</h1>
<p>Hello,</p>
<p>
{{.InvitedByUsername}} has invited you to join
<strong>{{.OrgName}}</strong>. Please click the link below to
accept the invitation and setup your account.
<strong style="text-transform: capitalize;">{{.InvitedByUsername}} </strong>has invited you to join <strong>{{.OrgName}}</strong>.
</p>
<table bgcolor="#F9FAFC" height="100px" cellpadding="20px">
<tr>
<td style="font-family: 'Nunito Sans', sans-serif">
{{if .SSOEnabled}}
<a
href="{{.BaseURL}}/login/ssoinvites/{{.Token}}?name={{.Name}}&email={{.Email}}"
>{{.BaseURL}}/login/ssoinvites/{{.Token}}?name={{.Name}}&email={{.Email}}</a
>
{{else}}
<a
href="{{.BaseURL}}/login/invites/{{.Token}}?name={{.Name}}&email={{.Email}}"
>{{.BaseURL}}/login/invites/{{.Token}}?name={{.Name}}&email={{.Email}}</a
>
{{end}}
</td>
</tr>
</table>
</td>
</tr>
<tr bgcolor="#9ca3ac">
<td
valign="middle"
align="left"
style="
padding: 10px 20px;
font-family: 'Nunito Sans', sans-serif;
color: #fff;
"
>
<p>
Please click the button below to accept the invitation and
setup your account.
</p>
{{if .SSOEnabled}}
<a
href="https://github.com/fleetdm/fleet/tree/main/docs"
style="color: #fff; text-decoration: none"
>Fleet Documentation</a
href="{{.BaseURL}}/login/ssoinvites/{{.Token}}?name={{.Name}}&email={{.Email}}"
target="_blank"
style="
font-weight: 700;
color: #fff;
text-decoration: none;
border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #6a67fe;
border-top: 8px solid #6a67fe;
border-bottom: 8px solid #6a67fe;
border-right: 16px solid #6a67fe;
border-left: 16px solid #6a67fe;
display: inline-block;
"
>
</td>
<td
valign="middle"
align="right"
style="
padding: 10px 20px;
font-family: 'Nunito Sans', sans-serif;
"
>
<a href="https://fleetdm.com" style="text-decoration: none"
><img
src="{{.AssetURL}}/assets/images/fleet-logo-text-all-white@2x.png?raw=true"
width="122"
height="33"
/></a>
Accept invitation
</a>
{{else}}
<a
href="{{.BaseURL}}/login/invites/{{.Token}}?name={{.Name}}&email={{.Email}}"
target="_blank"
style="
font-weight: 700;
color: #fff;
text-decoration: none;
border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #6a67fe;
border-top: 8px solid #6a67fe;
border-bottom: 8px solid #6a67fe;
border-right: 16px solid #6a67fe;
border-left: 16px solid #6a67fe;
display: inline-block;
"
>
Accept invitation
</a>
{{end}}
<div
style="border-bottom: 1px solid #e2e4ea; padding-top: 32px"
></div>
<div style="padding-top: 32px; padding-bottom: 32px">
<a href="https://github.com/fleetdm/fleet" target="_blank">
<img
alt="Fleet logo"
style="height: 20px; width: 20px; padding-right: 20px"
src="{{.AssetURL}}/assets/images/fleet-mark-color-40x40@2x.png?raw=true"
/>
</a>
<a href="https://twitter.com/fleetctl" target="_blank">
<img
alt="Twitter logo"
style="height: 20px; width: 25px; padding-right: 20px"
src="{{.AssetURL}}/assets/images/twitter-logo-50x40@2x.png?raw=true"
/>
</a>
<a
href="https://osquery.slack.com/join/shared_invite/zt-h29zm0gk-s2DBtGUTW4CFel0f0IjTEw#/"
target="_blank"
>
<img
alt="Slack logo"
style="height: 20px; width: 20.5px; padding-right: 20px"
src="{{.AssetURL}}/assets/images/slack-logo-41x40@2x.png?raw=true"
/>
</a>
</div>
<p style="font-size: 12px; line-height: 16px; padding: 0">
© 2021 Fleet Device Management Inc. <br />
All trademarks, service marks, and company names are the
property of their respective owners.
</p>
</td>
</tr>
</table>

152
server/mail/templates/password_reset.html
View file

@ -9,24 +9,31 @@
<style>
body {
font-family: "Nunito Sans", sans-serif;
margin: 0;
}
h1 {
font-weight: normal;
margin: 20px 0 40px 0;
font-weight: 700;
font-size: 24px;
line-height: 32px;
margin: 0;
padding-bottom: 32px;
}
p {
line-height: 2;
font-size: 16px;
line-height: 22px;
margin: 0;
padding-bottom: 32px;
}
a {
text-decoration: none;
color: #4a90e2;
color: #6a67fe;
}
a:hover {
text-decoration: underline;
text-decoration: none;
}
@media only screen and (max-device-width: 480px) {
@ -43,7 +50,7 @@
}
</style>
</head>
<body>
<body style="color: #192147">
<table
align="center"
border="0"
@ -55,7 +62,6 @@
style="
background: #f9fafc;
font-family: 'Nunito Sans', sans-serif;
color: #66696f;
border-collapse: collapse;
"
>
@ -67,74 +73,104 @@
cellpadding="0"
cellspacing="0"
bgcolor="#ffffff"
style="margin: 20px 10px"
style="
margin: 20px 20px;
border: 1px solid #e2e4ea;
border-radius: 8px;
"
>
<tr>
<td
colspan="2"
bgcolor="#ffffff"
style="padding: 20px; font-family: 'Nunito Sans', sans-serif"
style="
padding-top: 40px;
padding-left: 48px;
font-family: 'Nunito Sans', sans-serif;
border-radius: 8px 8px 0px 0px;
"
>
<img
src="{{.AssetURL}}/assets/images/fleet-logo-color@2x.png?raw=true"
width="174"
height="48"
/>
<a href="https://fleetdm.com" target="_blank">
<img
alt="Fleet logo"
src="{{.AssetURL}}/assets/images/fleet-logo-blue-118x41@2x.png?raw=true"
style="height: 41px; width: 118px"
/>
</a>
</td>
</tr>
<tr>
<td
colspan="2"
style="padding: 60px; font-family: 'Nunito Sans', sans-serif"
style="
padding-top: 48px;
padding-bottom: 48px;
padding-left: 48px;
padding-right: 48px;
font-family: 'Nunito Sans', sans-serif;
"
>
<h1 style="font-weight: 300">Reset Your Fleet Password...</h1>
<h1>Reset your Fleet password</h1>
<p>
Someone requested a password reset on your Fleet account.
Follow the link below to reset your password:
Please click below to reset your password.
</p>
<p>
<a href="{{.BaseURL}}/login/reset?token={{.Token}}"
>Reset Password</a
>
</p>
<p style="color: #9ca3ac">
<em
>If you did not make the request, you may ignore this email
as no changes have been made.</em
>
</p>
</td>
</tr>
<tr bgcolor="#9ca3ac">
<td
valign="middle"
align="left"
style="
padding: 10px 20px;
font-family: 'Nunito Sans', sans-serif;
color: #fff;
"
>
<a
href="https://github.com/fleetdm/fleet/tree/main/docs"
style="color: #fff; text-decoration: none"
>Fleet Documentation</a
href="{{.BaseURL}}/login/reset?token={{.Token}}"
target="_blank"
style="
font-weight: 700;
color: #fff;
text-decoration: none;
border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #6a67fe;
border-top: 8px solid #6a67fe;
border-bottom: 8px solid #6a67fe;
border-right: 16px solid #6a67fe;
border-left: 16px solid #6a67fe;
display: inline-block;
"
>
</td>
<td
valign="middle"
align="right"
style="
padding: 10px 20px;
font-family: 'Nunito Sans', sans-serif;
"
>
<a href="https://fleetdm.com" style="text-decoration: none"
><img
src="{{.AssetURL}}/assets/images/fleet-logo-text-all-white@2x.png?raw=true"
width="122"
height="33"
/></a>
Reset password
</a>
<p style="font-style: italic; padding-top: 32px; padding-bottom: 0;">
If you did not make the request, you may ignore this email as no changes have been made.
</p>
<div
style="border-bottom: 1px solid #e2e4ea; padding-top: 32px"
></div>
<div style="padding-top: 32px; padding-bottom: 32px">
<a href="https://github.com/fleetdm/fleet" target="_blank">
<img
alt="Fleet logo"
style="height: 20px; width: 20px; padding-right: 20px"
src="{{.AssetURL}}/assets/images/fleet-mark-color-40x40@2x.png?raw=true"
/>
</a>
<a href="https://twitter.com/fleetctl" target="_blank">
<img
alt="Twitter logo"
style="height: 20px; width: 25px; padding-right: 20px"
src="{{.AssetURL}}/assets/images/twitter-logo-50x40@2x.png?raw=true"
/>
</a>
<a
href="https://osquery.slack.com/join/shared_invite/zt-h29zm0gk-s2DBtGUTW4CFel0f0IjTEw#/"
target="_blank"
>
<img
alt="Slack logo"
style="height: 20px; width: 20.5px; padding-right: 20px"
src="{{.AssetURL}}/assets/images/slack-logo-41x40@2x.png?raw=true"
/>
</a>
</div>
<p style="font-size: 12px; line-height: 16px; padding: 0">
© 2021 Fleet Device Management Inc. <br />
All trademarks, service marks, and company names are the
property of their respective owners.
</p>
</td>
</tr>
</table>

121
server/mail/templates/smtp_setup.html
View file

@ -9,24 +9,31 @@
<style>
body {
font-family: "Nunito Sans", sans-serif;
margin: 0;
}
h1 {
font-weight: normal;
margin: 20px 0 40px 0;
font-weight: 700;
font-size: 24px;
line-height: 32px;
margin: 0;
padding-bottom: 32px;
}
p {
line-height: 2;
font-size: 16px;
line-height: 22px;
margin: 0;
padding-bottom: 32px;
}
a {
text-decoration: none;
color: #4a90e2;
color: #6A67FE;
}
a:hover {
text-decoration: underline;
text-decoration: none;
}
@media only screen and (max-device-width: 480px) {
@ -43,7 +50,7 @@
}
</style>
</head>
<body>
<body style="color: #192147">
<table
align="center"
border="0"
@ -55,7 +62,6 @@
style="
background: #f9fafc;
font-family: 'Nunito Sans', sans-serif;
color: #66696f;
border-collapse: collapse;
"
>
@ -67,65 +73,80 @@
cellpadding="0"
cellspacing="0"
bgcolor="#ffffff"
style="margin: 20px 10px"
style="margin: 20px 20px; border: 1px solid #E2E4EA; border-radius: 8px;"
>
<tr>
<td
colspan="2"
bgcolor="#ffffff"
style="padding: 20px; font-family: 'Nunito Sans', sans-serif"
style="
padding-top: 40px;
padding-left: 48px;
font-family: 'Nunito Sans', sans-serif;
border-radius: 8px 8px 0px 0px
"
>
<a href="https://fleetdm.com" target="_blank">
<img
src="{{.AssetURL}}/assets/images/fleet-logo-color@2x.png?raw=true"
width="174"
height="48"
alt="Fleet logo"
src="{{.AssetURL}}/assets/images/fleet-logo-blue-118x41@2x.png?raw=true"
style="height: 41px; width: 118px"
/>
</td>
</a>
</td>
</tr>
<tr>
<td
colspan="2"
style="padding: 60px; font-family: 'Nunito Sans', sans-serif"
style="
padding-top: 48px;
padding-bottom: 48px;
padding-left: 48px;
padding-right: 48px;
font-family: 'Nunito Sans', sans-serif;
"
>
<h1 style="font-weight: 300">Confirmed Fleet SMTP Setup</h1>
<p>
This message confirms that SMTP is set up properly on your
<a href="{{.BaseURL}}">Fleet instance</a>.
<h1>Fleet SMTP setup confirmed</h1>
<p>This message confirms that SMTP is set up properly <a href="{{.BaseURL}}">on your Fleet instance</a>.</p>
<div
style="
border-top: 1px solid #e2e4ea;
padding-top: 32px;
"
></div>
<div style="padding-top: 32px; padding-bottom: 32px">
<a href="https://github.com/fleetdm/fleet" target="_blank">
<img
alt="Fleet logo"
style="height: 20px; width: 20px; padding-right: 20px"
src="{{.AssetURL}}/assets/images/fleet-mark-color-40x40@2x.png?raw=true"
/>
</a>
<a href="https://twitter.com/fleetctl" target="_blank">
<img
alt="Twitter logo"
style="height: 20px; width: 25px; padding-right: 20px"
src="{{.AssetURL}}/assets/images/twitter-logo-50x40@2x.png?raw=true"
/>
</a>
<a
href="https://osquery.slack.com/join/shared_invite/zt-h29zm0gk-s2DBtGUTW4CFel0f0IjTEw#/"
target="_blank"
>
<img
alt="Slack logo"
style="height: 20px; width: 20.5px; padding-right: 20px"
src="{{.AssetURL}}/assets/images/slack-logo-41x40@2x.png?raw=true"
/>
</a>
</div>
<p style="font-size: 12px; line-height: 16px; padding: 0;">
© 2021 Fleet Device Management Inc. <br />
All trademarks, service marks, and company names are the
property of their respective owners.
</p>
</td>
</tr>
<tr bgcolor="#9ca3ac">
<td
valign="middle"
align="left"
style="
padding: 10px 20px;
font-family: 'Nunito Sans', sans-serif;
color: #fff;
"
>
<a
href="https://github.com/fleetdm/fleet/tree/main/docs"
style="color: #fff; text-decoration: none"
>Fleet Documentation</a
>
</td>
<td
valign="middle"
align="right"
style="
padding: 10px 20px;
font-family: 'Nunito Sans', sans-serif;
"
>
<a href="https://fleetdm.com" style="text-decoration: none"
><img
src="{{.AssetURL}}/assets/images/fleet-logo-text-all-white@2x.png?raw=true"
width="122"
height="33"
/></a>
</td>
</tr>
</table>
<br />
</td>