@tiledesk/tiledesk-server

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <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 !important; } img.CToWUd { margin-bottom: 16px; max-width: 200px !important; width: 200px !important; min-width: 200px !important; outline: none; text-decoration: none; border: none; height: auto; margin-left: 0px; } body { 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; } .content { width: 100%; display: flex; margin-top: 16px; } .inner-content { width: 556px; } .content-box { width: 100%; background-color: white; border: solid 1px #e9e9e9; border-radius: 6px; } .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; } .title-container { width: 100%; display: flex; margin-top: 20px; } .text-container { padding: 20px 30px; text-align: center; } .custom-divider { width: 94%; height: 1px; border: none; background-color: #cacaca; } .custom-button { background-color: #ff8574 !important; border: none; color: white !important; 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; } .footer { width: 100%; text-align: center; padding: 12px 0px } .powered-by-container { display: flex; padding: 20px 18px; color: #888888; } .social-button-container { display: flex; } .social-icon-container { border: solid 1px; border-radius: 14px; width: 20px; height: 20px; padding: 4px; margin: 0px 6px; cursor: pointer; } .unsubscribe-container { align-items: center; margin-top: 30px; } .site-link { font-size: 12px; font-weight: bold; color: #999; } .unsubscribe-link { font-size: 12px; color: #999; } @media only screen and (max-width: 640px) { body { padding: 0 !important; } h1 { font-weight: 800 !important; margin: 20px 0 5px !important; text-align: center !important; } h2 { font-weight: 800 !important; margin: 20px 0 5px !important; } h3 { font-weight: 800 !important; margin: 20px 0 5px !important; } h4 { font-weight: 800 !important; margin: 20px 0 5px !important; } h1 { font-size: 22px !important; } h2 { font-size: 18px !important; } h3 { font-size: 16px !important; } .inner-content { width: auto; padding: 0px 8px; } .content-box { width: auto; } .text-container { padding: 20px 10px; } } </style> </head> <body itemscope itemtype="http://schema.org/EmailMessage" bgcolor="#f6f6f6"> <div class="content" style="flex-direction: column;align-items: center;"> <div class="inner-content"> <div class="content-box"> <div class="header-image-container"></div> <div class="title-container" style="justify-content: center;"> <h2>Get Ready for a Full Tiledesk Experience!</h2> </div> <div class="text-container"> 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;"> <a href="{{baseScope.baseUrl}}/{{project_id}}/home?token={{token}}" class="custom-button" style="color: white;"> Enjoy Tiledesk </a> </div> <div style="margin-top: 40px; text-align: left;"> Alternatively, simply copy and paste this URL into your browser: <div> <a href="{{baseScope.baseUrl}}/{{project_id}}/home?token={{token}}"> {{baseScope.baseUrl}}/{{project_id}}/home </a> </div> </div> </div> <hr class="custom-divider"> <div class="powered-by-container" style="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> </div> <div class="footer"> <div style="margin-bottom: 10px; font-style: italic;">Follow us on:</div> <div class="social-button-container" style="flex-direction: row; justify-content: center;">  <a href="https://www.facebook.com/tiledesk" target="_blank"> <div class="social-icon-container" style="border-color: #3d6ad6;"> <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 class="social-icon-container" style="border-color: #e7332f;"> <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 class="social-icon-container" style="border-color: #1f77b5;"> <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 class="social-icon-container" style="border-color: #f78881;"> <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 class="social-icon-container" style="border-color: #2ea1f2;"> <img src="https://github.com/Tiledesk/tiledesk-dashboard/assets/45603238/3288635e-50b6-4b2d-bccc-0c9313dd11a5" width="20px" height="20px" /> </div> </a> </div> <div class="unsubscribe-container" style="display: flex;flex-direction: column;"> <a href="http://www.tiledesk.com" class="site-link">Tiledesk.com </a> <a href="%unsubscribe_url%" class="unsubscribe-link">Unsubscribe</a> </div> </div> </div> </div> </body>