2022-03-20 19:14:42 +01:00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html lang = "en" >
< head >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" / >
< meta name = "x-apple-disable-message-reformatting" content = "" / >
< meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8" / >
< title > FitTrackee - {% block title %}{% endblock %}< / title >
< style type = "text/css" rel = "stylesheet" media = "all" >
body {
background-color: #F4F4F7;
color: #51545E;
width: 100% !important;
height: 100%;
margin: 0;
-webkit-text-size-adjust: none;
}
a {
color: #3869D4;
}
a img {
border: none;
}
td {
word-break: break-word;
}
.preheader {
display: none !important;
visibility: hidden;
mso-hide: all;
font-size: 1px;
line-height: 1px;
max-height: 0;
max-width: 0;
opacity: 0;
overflow: hidden;
}
body,
td,
th {
font-family: Helvetica, Arial, sans-serif;
}
h1 {
margin-top: 0;
color: #333333;
font-size: 22px;
font-weight: bold;
text-align: left;
}
td,
th {
font-size: 16px;
}
p {
color: #51545E;
margin: .4em 0 1.1875em;
font-size: 16px;
line-height: 1.625;
}
p.sub {
color: #6B6E76;
font-size: 13px;
}
.button {
background-color: #3869D4;
border-top: 10px solid #3869D4;
border-right: 18px solid #3869D4;
border-bottom: 10px solid #3869D4;
border-left: 18px solid #3869D4;
display: inline-block;
color: #FFF;
text-decoration: none;
border-radius: 3px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);
-webkit-text-size-adjust: none;
box-sizing: border-box;
}
.button--green {
background-color: #22BC66;
border-top: 10px solid #22BC66;
border-right: 18px solid #22BC66;
border-bottom: 10px solid #22BC66;
border-left: 18px solid #22BC66;
}
@media only screen and (max-width: 500px) {
.button {
width: 100% !important;
text-align: center !important;
}
}
.email-wrapper {
width: 100%;
margin: 0;
padding: 0;
background-color: #F4F4F7;
}
.email-content {
width: 100%;
margin: 0;
padding: 0;
}
.email-masthead {
padding: 25px 0;
text-align: center;
}
.email-masthead-name {
font-size: 16px;
font-weight: bold;
color: #A8AAAF;
text-decoration: none;
text-shadow: 0 1px 0 white;
}
.email-body {
width: 100%;
margin: 0;
padding: 0;
background-color: #FFFFFF;
}
.email-body-inner {
width: 570px;
margin: 0 auto;
padding: 0;
background-color: #FFFFFF;
}
.body-action {
width: 100%;
margin: 30px auto;
padding: 0;
text-align: center;
}
.body-sub {
margin-top: 25px;
padding-top: 25px;
border-top: 1px solid #EAEAEC;
}
.content-cell {
padding: 35px;
}
@media only screen and (max-width: 600px) {
.email-body-inner,
.email-footer {
width: 100% !important;
}
}
@media (prefers-color-scheme: dark) {
body,
.email-body,
.email-body-inner,
.email-content,
.email-wrapper,
.email-masthead,
.email-footer {
background-color: #333333 !important;
color: #FFF !important;
}
p,
h1 {
color: #FFF !important;
}
.email-masthead-name {
text-shadow: none !important;
}
}
< / style >
<!-- [if mso]>
< style type = "text/css" >
.f-fallback {
font-family: Arial, sans-serif;
}
< / style >
<![endif]-->
< / head >
< body >
< span class = "preheader" > {% block preheader %}{% endblock %}< / span >
< table class = "email-wrapper" width = "100%" cellpadding = "0" cellspacing = "0" role = "presentation" >
< tr >
< td align = "center" >
< table class = "email-content" width = "100%" cellpadding = "0" cellspacing = "0" role = "presentation" >
< tr >
< td class = "email-masthead" >
< a href = "{{fittrackee_url}}" class = "f-fallback email-masthead-name" >
FitTrackee
< / a >
< / td >
< / tr >
< tr >
< td class = "email-body" width = "100%" cellpadding = "0" cellspacing = "0" >
< table class = "email-body-inner" align = "center" width = "570" cellpadding = "0" cellspacing = "0" role = "presentation" >
< tr >
< td class = "content-cell" >
< div class = "f-fallback" >
2022-07-02 19:25:07 +02:00
< h1 > {{ _('Hi %(username)s,', username=username) }}< / h1 >
2022-03-20 19:14:42 +01:00
{% block content %}{% endblock %}
2022-07-02 19:25:07 +02:00
< p >
{% if operating_system and browser_name %}{{ _('For security, this request was received from a %(operating_system)s device using %(browser_name)s.', operating_system=operating_system, browser_name=browser_name) }}
{% endif %}{% block not_initiated %}{% endblock %}
< / p >
< p > {{ _('Thanks,') }}
< br > {{ _('The FitTrackee Team') }}< / p >
{% block url_to_paste %}{% endblock %}
2022-03-20 19:14:42 +01:00
< / div >
< / td >
< / tr >
< / table >
< / td >
< / tr >
< tr >
< td >
< table class = "email-footer" align = "center" width = "570" cellpadding = "0" cellspacing = "0" role = "presentation" >
< tr >
< td class = "content-cell" align = "center" >
< p class = "f-fallback sub align-center" > © FitTrackee.< / p >
< / td >
< / tr >
< / table >
< / td >
< / tr >
< / table >
< / td >
< / tr >
< / table >
< / body >
< / html >
