base
This commit is contained in:
DCCONSTRUCTIONS
@@ -0,0 +1,307 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||
<title>{{inviter_first_name}} invited you to {{project_name}} on Plane</title>
|
||||
|
||||
<style>
|
||||
/* Basic resets for email clients */
|
||||
body,
|
||||
table,
|
||||
td,
|
||||
p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
line-height: 100%;
|
||||
text-decoration: none;
|
||||
-ms-interpolation-mode: bicubic;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
/* Mobile adjustments */
|
||||
@media only screen and (max-width: 600px) {
|
||||
.email-container {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.email-content {
|
||||
padding: 24px 20px !important;
|
||||
}
|
||||
|
||||
.email-footer {
|
||||
padding: 0 20px 16px 20px !important;
|
||||
}
|
||||
}
|
||||
|
||||
*[class="gmail-fix"] {
|
||||
display: none !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body
|
||||
bgcolor="#f9f9f9"
|
||||
style="
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
|
||||
sans-serif;
|
||||
font-weight: 400;
|
||||
color: #474747;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-text-size-adjust: none;
|
||||
background-color: #f9f9f9;
|
||||
"
|
||||
>
|
||||
<!-- Preheader (hidden) -->
|
||||
<span
|
||||
class="preheader"
|
||||
style="
|
||||
display: none;
|
||||
font-size: 1px;
|
||||
color: transparent;
|
||||
line-height: 1px;
|
||||
max-height: 0;
|
||||
max-width: 0;
|
||||
opacity: 0;
|
||||
overflow: hidden;
|
||||
mso-hide: all;
|
||||
visibility: hidden;
|
||||
"
|
||||
>
|
||||
{{inviter_first_name}} has invited you to the {{project_name}} project in
|
||||
{{workspace_name}} on Plane.
|
||||
</span>
|
||||
|
||||
<!-- Outer Wrapper -->
|
||||
<center
|
||||
class="email-body"
|
||||
style="width: 100%; background-color: #f9f9f9; padding: 40px 0;"
|
||||
>
|
||||
<!-- HEADER -->
|
||||
<table role="presentation" width="100%">
|
||||
<tr>
|
||||
<td></td>
|
||||
<td
|
||||
class="email-container"
|
||||
width="620"
|
||||
style="width: 620px; max-width: 620px; margin: 0 auto;"
|
||||
>
|
||||
<table
|
||||
role="presentation"
|
||||
width="100%"
|
||||
style="background-color: #000000;"
|
||||
>
|
||||
<tr>
|
||||
<td style="padding: 24px 40px; text-align: center;">
|
||||
<img
|
||||
src="https://media.docs.plane.so/logo/new-logo-dark.png"
|
||||
width="120"
|
||||
alt="Plane"
|
||||
style="height: auto; display: block; margin: 0 auto;"
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<!-- BODY -->
|
||||
<table role="presentation" width="100%">
|
||||
<tr>
|
||||
<td></td>
|
||||
<td
|
||||
class="email-container"
|
||||
width="620"
|
||||
style="width: 620px; max-width: 620px; margin: 0 auto;"
|
||||
>
|
||||
<table
|
||||
role="presentation"
|
||||
width="100%"
|
||||
class="email-content"
|
||||
style="background-color: #ffffff; padding: 32px 40px 32px 40px;"
|
||||
>
|
||||
<tr>
|
||||
<td
|
||||
style="
|
||||
padding: 24px;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
color: #474747;
|
||||
"
|
||||
>
|
||||
<!-- ========================================= -->
|
||||
<!-- PLANE PROJECT INVITE – MAIN COPY -->
|
||||
<!-- ========================================= -->
|
||||
|
||||
<!-- Heading -->
|
||||
<h1
|
||||
style="
|
||||
margin: 0 0 12px;
|
||||
font-size: 22px;
|
||||
line-height: 1.35;
|
||||
font-weight: 600;
|
||||
color: #111111;
|
||||
"
|
||||
>
|
||||
You've been invited to the {{project_name}} project on Plane
|
||||
</h1>
|
||||
|
||||
<!-- Intro text -->
|
||||
<p style="margin: 0 0 12px;">
|
||||
{{inviter_first_name}} has invited you to work with them in
|
||||
<strong>{{project_name}}</strong> in the workspace
|
||||
<strong>{{workspace_name}}</strong> on Plane.
|
||||
</p>
|
||||
|
||||
<!-- CTA button -->
|
||||
<table
|
||||
role="presentation"
|
||||
cellspacing="0"
|
||||
cellpadding="0"
|
||||
border="0"
|
||||
style="margin: 16px 0 24px;"
|
||||
>
|
||||
<tr>
|
||||
<td>
|
||||
<a
|
||||
href="{{project_url}}"
|
||||
target="_blank"
|
||||
style="
|
||||
background-color: #1080bc;
|
||||
border-radius: 6px;
|
||||
color: #ffffff;
|
||||
padding: 12px 24px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
white-space: nowrap;
|
||||
"
|
||||
>
|
||||
Go to project
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<!-- Fallback link -->
|
||||
<p
|
||||
style="
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
line-height: 1.6;
|
||||
color: #5f5e5e;
|
||||
"
|
||||
>
|
||||
If the button doesn’t work, copy and paste this link into
|
||||
your browser:
|
||||
</p>
|
||||
|
||||
<p
|
||||
style="
|
||||
margin: 6px 0 0;
|
||||
font-size: 13px;
|
||||
line-height: 1.6;
|
||||
color: #5f5e5e;
|
||||
"
|
||||
>
|
||||
<span
|
||||
style="
|
||||
display: inline-block;
|
||||
font-family: 'Courier New', Courier, monospace;
|
||||
font-size: 12px;
|
||||
background-color: #f3f3f3;
|
||||
padding: 4px 6px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #e9e9e9;
|
||||
word-break: break-all;
|
||||
"
|
||||
>
|
||||
{{project_url}}
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<!-- Note -->
|
||||
<p
|
||||
style="
|
||||
margin: 16px 0 0;
|
||||
font-size: 13px;
|
||||
line-height: 1.6;
|
||||
color: #5f5e5e;
|
||||
"
|
||||
>
|
||||
Note: This email was sent to
|
||||
<span
|
||||
style="
|
||||
font-family: 'Courier New', Courier, monospace;
|
||||
font-size: 12px;
|
||||
background-color: #f3f3f3;
|
||||
padding: 2px 4px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #e9e9e9;
|
||||
"
|
||||
>
|
||||
{{email}}
|
||||
</span>.
|
||||
If you weren’t expecting this invitation, you can safely
|
||||
ignore this email.
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<!-- FOOTER -->
|
||||
<table role="presentation" width="100%">
|
||||
<tr>
|
||||
<td></td>
|
||||
<td
|
||||
class="email-container"
|
||||
width="620"
|
||||
style="width: 620px; max-width: 620px; margin: 0 auto;"
|
||||
>
|
||||
<table
|
||||
role="presentation"
|
||||
width="100%"
|
||||
class="email-footer"
|
||||
style="background-color: #ffffff; padding: 0 40px 16px 40px;"
|
||||
>
|
||||
<tr>
|
||||
<td
|
||||
style="
|
||||
border-top: 1px solid #e9e9e9;
|
||||
padding: 24px;
|
||||
font-size: 12px;
|
||||
line-height: 1.6;
|
||||
color: #979797;
|
||||
text-align: left;
|
||||
"
|
||||
>
|
||||
<p style="margin: 0;">Plane Software, Inc.</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
</center>
|
||||
|
||||
<base target="_blank" />
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user