Profiles
<div id="widget_container"> <script type="text/javascript"> function onLoadIframe() { // the iframe won't show until the load is complete, so here you can put a loading or something to finish const integrationIframe = document.getElementById('integration_loki') if (integrationIframe) { integrationIframe.style.visibility = 'visible'; window.addEventListener('message', function (event) { if (event.origin === 'https://web.lokiapp.live') { if (event.data.height && event.data.height > window.innerHeight) { const height = event.data.height; integrationIframe.style.height = height + 'px'; } else { integrationIframe.style.height = window.innerHeight + 'px'; } if (event.data.width !== undefined) { const width = event.data.width; integrationIframe.style.width = width + '%'; integrationIframe.style.margin = '0 calc((100% - ' + width + '%) / 2)'; } } }); window.addEventListener('load', function () { integrationIframe.src = document.getElementById('integration_loki').src + '&rand=' + Math.round(Math.random() * 10000000); }) const wind = integrationIframe.contentWindow if (wind) { const offset = document.getElementById('widget_container').offsetTop setInterval(function () { wind.postMessage({ scrollHeight: window.scrollY, maxHeight: window.innerHeight, offset: offset }, '*'); }, 500) } } } </script> <iframe src='https://web.lokiapp.live/team/name/2zpb?integration=2zpb' title='Loki integration' id='integration_loki' allow='camera;microphone' style='visibility:hidden;width:100%;min-height:600px;border:none;' onload="onLoadIframe()" ></iframe> </div>