3720afb81b
Update the forgot password, invite, and welcome emails to be cosistent with deployed code. This change is part of an ongoing effort to remove code from the branding repo. Change-Id: I6edb6811904552c1cf7761b96bc9aa879c2eb154
306 lines
18 KiB
HTML
306 lines
18 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
|
||
|
||
<head>
|
||
<!--[if gte mso 9]>
|
||
<xml>
|
||
<o:OfficeDocumentSettings>
|
||
<o:AllowPNG/>
|
||
<o:PixelsPerInch>96</o:PixelsPerInch>
|
||
</o:OfficeDocumentSettings></xml>
|
||
<![endif]-->
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||
<meta name="viewport" content="width=device-width">
|
||
<!--[if !mso]><!-->
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<!--<![endif]-->
|
||
<title></title>
|
||
<!--[if !mso]><!-->
|
||
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
|
||
<!--<![endif]-->
|
||
<link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet">
|
||
<style type="text/css">
|
||
body {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
table,
|
||
td,
|
||
tr {
|
||
vertical-align: top;
|
||
border-collapse: collapse;
|
||
}
|
||
|
||
* {
|
||
line-height: inherit;
|
||
}
|
||
|
||
a[x-apple-data-detectors=true] {
|
||
color: inherit !important;
|
||
text-decoration: none !important;
|
||
}
|
||
</style>
|
||
<style type="text/css" id="media-query">
|
||
@media (max-width: 540px) {
|
||
|
||
.block-grid,
|
||
.col {
|
||
min-width: 320px !important;
|
||
max-width: 100% !important;
|
||
display: block !important;
|
||
}
|
||
|
||
.block-grid {
|
||
width: 100% !important;
|
||
}
|
||
|
||
.col {
|
||
width: 100% !important;
|
||
}
|
||
|
||
.col>div {
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.no-stack .col {
|
||
min-width: 0 !important;
|
||
display: table-cell !important;
|
||
}
|
||
|
||
.no-stack.two-up .col {
|
||
width: 50% !important;
|
||
}
|
||
|
||
.no-stack .col.num4 {
|
||
width: 33% !important;
|
||
}
|
||
|
||
.no-stack .col.num8 {
|
||
width: 66% !important;
|
||
}
|
||
|
||
.no-stack .col.num4 {
|
||
width: 33% !important;
|
||
}
|
||
|
||
.no-stack .col.num3 {
|
||
width: 25% !important;
|
||
}
|
||
|
||
.no-stack .col.num6 {
|
||
width: 50% !important;
|
||
}
|
||
|
||
.no-stack .col.num9 {
|
||
width: 75% !important;
|
||
}
|
||
}
|
||
</style>
|
||
<style>
|
||
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700,900|Roboto:100,300,500,700&display=swap');
|
||
</style>
|
||
</head>
|
||
|
||
<body class="clean-body" style="margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: #FFFFFF;">
|
||
<!--[if IE]><div class="ie-browser"><![endif]-->
|
||
<table class="nl-container"
|
||
style="table-layout: fixed; vertical-align: top; min-width: 320px; Margin: 0 auto; border-spacing: 0;
|
||
border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; background-color: #FFFFFF; width: 100%;"
|
||
cellpadding="0" cellspacing="0" role="presentation" width="100%" bgcolor="#FFFFFF" valign="top">
|
||
<tbody>
|
||
<tr style="vertical-align: top;" valign="top">
|
||
<td style="word-break: break-word; vertical-align: top;" valign="top">
|
||
<!--[if (mso)|(IE)]>
|
||
<table width="100%" cellpadding="0" cellspacing="0" border="0">
|
||
<tr><td align="center" style="background-color:#FFFFFF">
|
||
<![endif]-->
|
||
<div style="background-color:#FFFFFF;">
|
||
<div class="block-grid "
|
||
style="Margin: 0 auto; min-width: 320px; max-width: 520px; overflow-wrap: break-word;
|
||
word-wrap: break-word; word-break: break-word; background-color: #FFFFFF;">
|
||
<div style="border-collapse: collapse;display: table;width: 100%;background-color:#FFFFFF;">
|
||
<!--[if (mso)|(IE)]>
|
||
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#FFFFFF;">
|
||
<tr><td align="center">
|
||
<table cellpadding="0" cellspacing="0" border="0" style="width:520px">
|
||
<tr class="layout-full-width" style="background-color:#FFFFFF">
|
||
<![endif]-->
|
||
<!--[if (mso)|(IE)]>
|
||
<td align="center" width="520" style="background-color:#FFFFFF;width:520px;
|
||
border-top: 0px solid #000000; border-left: 0px solid #000000;
|
||
border-bottom: 0px solid #000000; border-right: 0px solid #000000;" valign="top">
|
||
<table width="100%" cellpadding="0" cellspacing="0" border="0">
|
||
<tr><td style="padding:10px 15px 0 15px;background-color:#FFFFFF;">
|
||
<![endif]-->
|
||
<div class="col num12"
|
||
style="min-width: 320px; max-width: 520px; display: table-cell; vertical-align: top; width: 520px;">
|
||
<div style="background-color:#FFFFFF;width:100% !important;">
|
||
<!--[if (!mso)&(!IE)]><!-->
|
||
<div style="border-top:0px solid #000000; border-left:0px solid #000000;
|
||
border-bottom:0px solid #000000; border-right:0px solid #000000; padding: 10px 15px 0 15px;">
|
||
<!--<![endif]-->
|
||
<div>
|
||
<h1 style="font-family: Poppins, roboto, sans-serif; text-align: center;
|
||
color: #000; font-weight: bold; font-size: 38px !important;">
|
||
You’re Almost There
|
||
</h1>
|
||
</div>
|
||
<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0">
|
||
<tr><td style="padding: 10px 10px 0 10px;font-family: Tahoma, Verdana, sans-serif">
|
||
<![endif]-->
|
||
<div style="color:#000000;font-family:'Roboto', Tahoma, Verdana, Segoe, sans-serif;
|
||
line-height:1.2;padding: 10px 10px 0 10px;">
|
||
<div style="font-family: 'Roboto', Tahoma, Verdana, Segoe, sans-serif;
|
||
line-height: 1.2; font-size: 12px; color: #000000; mso-line-height-alt: 14px;">
|
||
<p style="font-size: 14px; line-height: 1.2; mso-line-height-alt: 17px; margin: 0;">
|
||
<span style="font-size: 18px;">Hi {{ .UserName }},</span>
|
||
</p>
|
||
<p style="font-size: 12px; line-height: 1.2; mso-line-height-alt: 14px; margin: 0;"><br>
|
||
<span style="font-size: 18px;">You created an account on Storj DCS.
|
||
Confirm your email address below to get started on the decentralized cloud.
|
||
</span>
|
||
</p>
|
||
<p style="font-size: 14px; line-height: 1.2; mso-line-height-alt: 17px; margin: 0;">
|
||
<span style="font-size: 14px;"> </span>
|
||
</p>
|
||
<p style="font-size: 12px; line-height: 1.2; mso-line-height-alt: 14px; margin: 20px 0;">
|
||
<span>
|
||
<a style="font-family: 'Roboto', Tahoma, Verdana, Segoe, sans-serif;
|
||
font-weight: bold; font-size: 16px; color: #ffffff; background-color: #2683FF;
|
||
padding: 12px 24px; border: none; border-radius: 4px; text-decoration: none;"
|
||
href="{{ .ActivationLink }}">
|
||
Confirm your email
|
||
</a>
|
||
</span>
|
||
</p>
|
||
<p style="font-size: 14px; line-height: 1.2; mso-line-height-alt: 17px; margin: 0;">
|
||
<span style="font-size: 14px;"> </span>
|
||
</p>
|
||
<p style="font-size: 14px; line-height: 1.2; mso-line-height-alt: 17px; margin: 0;">
|
||
<span style="font-size: 18px;">-The Storj Team</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!--[if mso]></td></tr></table><![endif]-->
|
||
<!--[if (!mso)&(!IE)]><!-->
|
||
</div>
|
||
<!--<![endif]-->
|
||
</div>
|
||
</div>
|
||
<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
|
||
<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="background-color:transparent;">
|
||
<div class="block-grid " style="Margin: 0 auto; min-width: 320px; max-width: 520px; overflow-wrap: break-word;
|
||
word-wrap: break-word; word-break: break-word; background-color: transparent;">
|
||
<div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;">
|
||
<!--[if (mso)|(IE)]>
|
||
<table width="100%" cellpadding="0" cellspacing="0" border="0"
|
||
style="background-color:transparent;">
|
||
<tr><td align="center">
|
||
<table cellpadding="0" cellspacing="0" border="0" style="width:520px">
|
||
<tr class="layout-full-width" style="background-color:transparent">
|
||
<![endif]-->
|
||
<!--[if (mso)|(IE)]>
|
||
<td align="center"
|
||
style="background-color:transparent;width:520px; border-top: 0px solid transparent;
|
||
border-left: 0px solid transparent; border-bottom: 0px solid transparent;
|
||
border-right: 0px solid transparent;" valign="top">
|
||
<table width="100%" cellpadding="0" cellspacing="0" border="0">
|
||
<tr><td style="padding:20px 0 5px 0">
|
||
<![endif]-->
|
||
<div class="col num12" style="min-width: 320px; max-width: 520px; display: table-cell;
|
||
vertical-align: top; width: 520px;">
|
||
<div style="width:100% !important;">
|
||
<!--[if (!mso)&(!IE)]><!-->
|
||
<div style="border-top:0px solid transparent; border-left:0px solid transparent;
|
||
border-bottom:0px solid transparent; border-right:0px solid transparent;
|
||
padding:20px 0 5px 0">
|
||
<!--<![endif]-->
|
||
<div style="font-size:16px;text-align:center;
|
||
font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif">
|
||
<ul class="social-media" style="padding-top: 40px; list-style-type: none;
|
||
display: flex; padding-left: 10px;">
|
||
<li style="width: auto; margin-right: 7px;" class="social-icon twitter">
|
||
<a href="https://twitter.com/storjproject">Twitter</a>
|
||
</li>
|
||
<li style="width: auto; margin-right: 7px;" class="social-icon github">
|
||
<a href="https://github.com/storj/storj">Github</a>
|
||
</li>
|
||
<li style="width: auto; margin-right: 7px;" class="social-icon blog">
|
||
<a href="https://storj.io/blog">Blog</a>
|
||
</li>
|
||
<li style="width: auto; margin-right: 7px;" class="social-icon website">
|
||
<a href="https://www.storj.io/">Website</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<table class="divider" border="0" cellpadding="0" cellspacing="0" width="100%"
|
||
style="table-layout: fixed; vertical-align: top; border-spacing: 0;
|
||
border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;
|
||
min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"
|
||
role="presentation" valign="top">
|
||
<tbody>
|
||
<tr style="vertical-align: top;" valign="top">
|
||
<td class="divider_inner" style="word-break: break-word; vertical-align: top;
|
||
min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
|
||
padding: 10px;" valign="top">
|
||
<table class="divider_content" border="0" cellpadding="0" cellspacing="0"
|
||
width="100%" style="table-layout: fixed; vertical-align: top;
|
||
border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt;
|
||
mso-table-rspace: 0pt; border-top: 1px solid #BBBBBB; height: 0px;
|
||
width: 100%;" align="center" role="presentation" height="0"
|
||
valign="top">
|
||
<tbody>
|
||
<tr style="vertical-align: top;" valign="top">
|
||
<td style="word-break: break-word; vertical-align: top;
|
||
-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"
|
||
height="0" valign="top">
|
||
<span></span>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<div style="font-size:16px;text-align:center;
|
||
font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif">
|
||
<div class="footer" style="padding: 40px 20px; text-align: left; color: gray;
|
||
font-size: 14px;">
|
||
<ul style="list-style-type: none; padding-left: 0;">
|
||
<li><b>Storj Labs</b></li>
|
||
<li>1450 W. Peachtree St. NW #200</li>
|
||
<li>PMB 75268</li>
|
||
<li>Atlanta, GA 30309-2955, United States</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!--[if mso]>
|
||
<table width="100%" cellpadding="0" cellspacing="0" border="0">
|
||
<tr><td style="padding10px; font-family: Arial, sans-serif">
|
||
<![endif]-->
|
||
<!--[if mso]></td></tr></table><![endif]-->
|
||
<!--[if (!mso)&(!IE)]><!-->
|
||
</div>
|
||
<!--<![endif]-->
|
||
</div>
|
||
</div>
|
||
<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
|
||
<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<!--[if (IE)]></div><![endif]-->
|
||
</body>
|
||
</html>
|