@tiledesk/tiledesk-server
Version:
The Tiledesk server module
230 lines (195 loc) • 9.88 kB
HTML
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<head>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>New email from Tiledesk</title>
<style type="text/css">
img {
max-width: 100%;
margin-left: 16px;
text-align: center ;
}
img.CToWUd {
margin-bottom: 16px;
max-width: 200px ;
width: 200px ;
min-width: 200px ;
outline: none;
text-decoration: none;
border: none;
height: auto;
margin-left: 0px;
}
body {
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
width: 100% ;
height: 100%;
line-height: 1.6em;
}
body {
background-color: #f6f6f6;
}
@media only screen and (max-width: 640px) {
body {
padding: 0 ;
}
h1 {
font-weight: 800 ;
margin: 20px 0 5px ;
text-align: center ;
}
h2 {
font-weight: 800 ;
margin: 20px 0 5px ;
}
h3 {
font-weight: 800 ;
margin: 20px 0 5px ;
}
h4 {
font-weight: 800 ;
margin: 20px 0 5px ;
}
h1 {
font-size: 22px ;
}
h2 {
font-size: 18px ;
}
h3 {
font-size: 16px ;
}
.container {
padding: 0 ;
width: 100% ;
}
.content {
padding: 0 ;
}
.content-wrap {
padding: 10px ;
}
.invoice {
width: 100% ;
}
}
</style>
</head>
<body itemscope itemtype="http://schema.org/EmailMessage"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em; background-color: #f6f6f6; margin: 0;"
bgcolor="#f6f6f6">
<table class="body-wrap"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; background-color: #f6f6f6; margin: 0;"
bgcolor="#f6f6f6">
<tr
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
valign="top"></td>
<td class="container" width="600"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; display: block !important; max-width: 600px !important; clear: both !important; margin: 0 auto;"
valign="top">
<div class="content"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; max-width: 600px; display: block; margin: 0 auto; padding: 20px;">
<!--
<div style="text-align:center">
<a href="http://www.tiledesk.com"
style="color:#2daae1;font-weight:bold;text-decoration:none;word-break:break-word" target="_blank">
<img src="https://tiledesk.com/wp-content/uploads/2023/01/tiledesk_log_email_200.png" class="CToWUd">
</a>
</div>
-->
<table class="main" width="100%" cellpadding="0" cellspacing="0"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; border-radius: 3px; background-color: #fff; margin: 0; border: 1px solid #e9e9e9;"
bgcolor="#fff">
<tr
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td class="content-wrap"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 20px;"
valign="top">
<table width="100%" cellpadding="0" cellspacing="0"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<tr
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td class="content-block"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
valign="top">
<h2 style="text-align: center; letter-spacing: 1px; ">
Password reset request
</h2>
<br>
<br<strong
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
Hi {{userFirstname}} {{userLastname}},</strong>
<br> <br>
Seems like you forgot your password for Tiledesk. If this is true, click below to reset your
password
<div style="text-align: center;">
<br><br>
<a href="{{baseScope.baseUrl}}/#/resetpassword/{{resetPswRequestId}}"
style=" background-color: #ff8574 !important; border: none; color: white; padding: 12px 30px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-weight: 600; letter-spacing: 1px; margin: 4px 2px; cursor: pointer;">
Reset My Password
</a>
</div>
<br><br>If you didn't forget your password you can safely ignore this email.
<br><br><span style="font-size:12px; ">If you're having trouble clicking the "Reset My Password"
button, copy and paste the URL below into your web browser: </span>
<br>
<span
style="color:#03a5e8; font-size:12px; ">{{baseScope.baseUrl}}/#/resetpassword/{{resetPswRequestId}}</span>
<br><br> The Tiledesk Team
</td>
</tr>
<tr
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td class="content-block"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
valign="top">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<hr style="width:94%;height:1px;border:none;background-color: #cacaca;">
<div style="display: flex; padding: 20px 18px; color: #888888; align-items: center;">
<span>Powered by </span>
<span style="display: flex;"><img
src="https://tiledesk.com/wp-content/uploads/2023/05/tiledesk-solo_logo_new_gray.png" width="15"
height="15" style="margin-left: 6px; margin-top: 2px;" /></span>
<span style="font-weight: bold; margin-left: 2px;">Tiledesk</span>
</div>
</td>
</tr>
</table>
<div class="footer"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; clear: both; color: #999; margin: 0; padding: 20px;">
<table width="100%"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<tr
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td class="aligncenter content-block"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; vertical-align: top; color: #999; text-align: center; margin: 0;"
align="center" valign="top">
<span><a href="http://www.tiledesk.com"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; color: #999; text-decoration: underline; margin: 0;">
Tiledesk.com </a></span>
<br><span><a href="%unsubscribe_url%"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; color: #999; text-decoration: underline; margin: 0;">Unsubscribe</a></span>
</td>
</tr>
</table>
</div>
</div>
</td>
<td
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;"
valign="top"></td>
</tr>
</table>
</body>
</html>