CINXE.COM
Zendesk Chat
<!DOCTYPE html> <html> <head> <title>Zendesk Chat</title> <meta name="HandheldFriendly" content="True"/> <meta name="MobileOptimized" content="320"/> <meta http-equiv="cleartype" content="on"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no"/> <meta name="robots" content="noindex"/> <link rel="icon" type="image/png" href="/dashboard/images/favicon.ico"/> <style> body { padding:0; margin:0; } html,body{ height:100%;width:100%;-webkit-text-size-adjust:100%; } *{ padding:0;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } </style> <style> body { background: rgb(238, 238, 238); } #loading { position: relative; top: 60px; z-index: -100; font-family: Verdana, Geneva, sans-serif; font-size: 14px; text-align: center; } #loading_inside { position: relative; display: inline-block; text-align: left; padding: 10px; color: #666666; background: #ffffff; background: rgba(255, 255, 255, 0.9); border: 1px solid #DDD; border-radius: 5px; box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.1); } #loading_img { margin-top: -2px; } #loading_img .dot { display: inline-block; width: 6px; height: 6px; background-color: #666666; border-radius: 50%; margin-right: 3px; opacity: 0.5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #loading_img .dot:last-child { margin-right: 0; } #loading_img .dot.dark { opacity: 1; } </style> </head> <body> <div id="loading"> <div id="loading_inside"> <div id="loading_img"></div> </div> </div> <script type="text/javascript"> (function() { function getQueryParam(name) { var queries = window.location.search.slice(1).split('&'); var query; for (var i = 0; i < queries.length; i++) { query = queries[i].split('='); if (query[0] == name) { try { return window.decodeURIComponent(query[1] || ''); } catch (e) { return ''; } } } return ''; } var mid = getQueryParam('mid'); if (mid) { document.cookie = '__zlcpomid=' + mid + '; SameSite=Lax'; window.location.href = (window.location.href || '').replace(/([?&])mid=[^&#]+/, '$1'); return; } var key = getQueryParam('key'), widget_url = (window.location.host === 'v2.zopim.com' || window.location.host === 'cdn.zopim.com') ? '//v2.zopim.com/' : '/bin/widget.js'; if (!key) return; window.$zopim_popout=1; window.zEPopout=true; window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s= d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set. _.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute('charset','utf-8'); $.src=widget_url+'?'+key;z.t=+new Date;$. type='text/javascript';e.parentNode.insertBefore($,e)})(document,'script'); })(); </script> <script type="text/javascript"> /* * Animiate loading dots */ (function() { var INTERVAL = 100, DOT_COUNT = 3, OVERRUN = 2, INDEX_START = -1, index = INDEX_START, dots = [], dots_holder = document.getElementById('loading_img'), timer, connected; for (var i = 0; i < DOT_COUNT; i++) { var dot = document.createElement('div'); dot.className = 'dot'; dots_holder.appendChild(dot); dots.push(dot); } function play() { tick(); timer = window.setTimeout(play, INTERVAL); } function tick() { dots[index] && (dots[index].className = 'dot'); index++; if (index >= DOT_COUNT + OVERRUN) index = INDEX_START; dots[index] && (dots[index].className = 'dot dark'); } play(); window.$zopim(function onZopim() { window.$zopim.livechat.setOnConnected(function onZopimConnected() { if (connected) return; connected = true; window.setTimeout(function clearTimeout() { timer = window.clearTimeout(timer); }, 8000); }); }); })(); </script> </body> </html>