2020-05-17 16:42:44 +02: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 - Réinitialiser le mot de passe< / 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 >
2020-07-11 19:35:20 +02:00
< span class = "preheader" > Utiliser ce lien pour réinitialiser le mot de passe. Ce lien n'est valide que pendant {{ expiration_delay }}.< / span >
2020-05-17 16:42:44 +02:00
< 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" >
2022-03-02 10:39:10 +01:00
< a href = "{{fittrackee_url}}" class = "f-fallback email-masthead-name" >
2020-05-17 16:42:44 +02:00
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" >
< h1 > Bonjour {{username}},< / h1 >
2022-03-02 10:39:10 +01:00
< p > Vous avez récemment demandé la réinitialisation du mot de passe de votre compte sur FitTrackee.
2020-05-17 16:42:44 +02:00
Cliquez sur le bouton ci-dessous pour le réinitialiser.
2020-07-11 19:35:20 +02:00
< strong > Cette réinitialisation n'est valide que pendant {{ expiration_delay }}.< / strong >
2020-05-17 16:42:44 +02:00
< / p >
< table class = "body-action" align = "center" width = "100%" cellpadding = "0" cellspacing = "0" role = "presentation" >
< tr >
< td align = "center" >
< table width = "100%" border = "0" cellspacing = "0" cellpadding = "0" role = "presentation" >
< tr >
< td align = "center" >
< a href = "{{password_reset_url}}" class = "f-fallback button button--green" target = "_blank" > Réinitialiser le mot de passe< / a >
< / td >
< / tr >
< / table >
< / td >
< / tr >
< / table >
< p >
2022-03-12 10:09:43 +01:00
{% if operating_system and browser_name %}Pour vérification, cette demande a été reçue à partir d'un appareil sous {{operating_system}}, utilisant le navigateur {{browser_name}}.
{% endif %}Si vous n'avez pas demandé de réinitialisation, vous pouvez ignorer cet e-mail.
2020-05-17 16:42:44 +02:00
< / p >
< p > Merci,
< br > L'équipe FitTrackee< / p >
< table class = "body-sub" role = "presentation" >
< tr >
< td >
< p class = "f-fallback sub" > Si vous avez des problèmes avec le bouton, vous pouvez copier et coller le lien suivant dans votre navigateur< / p >
< p class = "f-fallback sub" > {{password_reset_url}}< / p >
< / td >
< / tr >
< / table >
< / 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 >
