@tiledesk/tiledesk-server
Version:
The Tiledesk server module
314 lines (259 loc) • 14.1 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>Join Tiledesk from Desktop</title>
<style type="text/css">
img {
max-width: 100%;
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;
}
.header-image-container {
margin-top: 10px;
height: 40px;
background-image: url("https://tiledesk.com/wp-content/uploads/2022/08/tiledesk_v1-1.png");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@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;">
<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="alert alert-warning"
style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 16px; vertical-align: top; font-weight: 500; text-align: center; border-radius: 3px 3px 0 0; margin: 0;"
align="center" valign="top">
<div>
<div class="header-image-container"></div>
<h2 style="margin-top: 40px;">Get Ready for a Full Tiledesk Experience!</h2>
</div>
</td>
</tr>
<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">
<div style="text-align: center;">
For the optimal Tiledesk experience, we recommend using it on a desktop device. We've made
access easier for you with a personalized link.
<div style="margin-top: 20px; font-weight: 600;">Access Tiledesk on your desktop now 👇</div>
<div style="margin-top: 10px;">
<!-- // Change it with config parameter -->
<!-- <a href="{{baseScope.baseUrl}}/#/project/{{project_id}}/home?token={{token}}"
style=" background-color: #ff8574 !important; border: none; color: white; padding: 6px 18px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 4px 2px; cursor: pointer; border-radius: 8px;">
Enjoy Tiledesk
</a> -->
<a href="{{redirect_url}}"
style=" background-color: #ff8574 !important; border: none; color: white; padding: 6px 18px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin: 4px 2px; cursor: pointer; border-radius: 8px;">
Enjoy Tiledesk
</a>
</div>
</div>
<div style="margin-top: 40px;">
Alternatively, simply copy and paste this URL into your browser:
<div>
<!-- <a
href="{{baseScope.baseUrl}}/#/project/{{project_id}}/home?token={{token}}">
{{baseScope.baseUrl}}/#/project/{{project_id}}/home
</a> -->
<a
href="{{redirect_url}}">
{{baseScope.baseUrl}}/#/project/{{project_id}}/home
</a>
</div>
</div>
</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">
<div style="margin-bottom: 10px; font-style: italic;">Follow us on:</div>
<div style="display: flex; flex-direction: row;">
<a href="https://www.facebook.com/tiledesk" target="_blank">
<div
style="border-color: #3d6ad6; border: solid 1px; border-radius: 14px; padding: 4px; margin: 0px 6px; cursor: pointer;">
<img
src="https://github.com/Tiledesk/tiledesk-dashboard/assets/45603238/f762a3d7-541a-4b78-ae33-c35cdbe3b083"
width="20px" height="20px" />
</div>
</a>
<a href="https://www.youtube.com/@tiledesk" target="_blank">
<div
style="border-color: #e7332f; border: solid 1px; border-radius: 14px; padding: 4px; margin: 0px 6px; cursor: pointer;">
<img
src="https://github.com/Tiledesk/tiledesk-dashboard/assets/45603238/5dc5be2d-8bd3-43cf-b1ca-f12a36c01f1a"
width="20px" height="20px" />
</div>
</a>
<a href="https://www.linkedin.com/company/tiledesk/" target="_blank">
<div
style="border-color: #1f77b5; border: solid 1px; border-radius: 14px; padding: 4px; margin: 0px 6px; cursor: pointer;">
<img
src="https://github.com/Tiledesk/tiledesk-dashboard/assets/45603238/52d8909f-c847-4b44-8dfb-7cd041e481c3"
width="20px" height="20px" />
</div>
</a>
<a href="https://www.instagram.com/tiledesk/" target="_blank">
<div
style="border-color: #f78881; border: solid 1px; border-radius: 14px; padding: 4px; margin: 0px 6px; cursor: pointer;">
<img
src="https://github.com/Tiledesk/tiledesk-dashboard/assets/45603238/4c35afe2-277a-4fdd-8e50-0844148216c8"
width="20px" height="20px" />
</div>
</a>
<a href="https://twitter.com/tiledesk" target="_blank">
<div
style="border-color: #2ea1f2; border: solid 1px; border-radius: 14px; padding: 4px; margin: 0px 6px; cursor: pointer;">
<img
src="https://github.com/Tiledesk/tiledesk-dashboard/assets/45603238/3288635e-50b6-4b2d-bccc-0c9313dd11a5"
width="20px" height="20px" />
</div>
</a>
</div>
</td>
</tr> -->
<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>