<!DOCTYPE html> <html> <head> <title>Embeddable Chatbox Demo</title> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1"> </head> <body style="height: 100vh;"> <p style="font-family:sans-serif; padding: 3rem 5rem;"> <a id="bookmarklet">Bookmarklet (drag it to your bookmarks bar)</a> </p> <p style="font-family:sans-serif; padding: 3rem 5rem;">Look down!</p> <script src="./chatbox.js"></script> <script> var config = { matrixServerUrl: 'https://matrix.safesupport.chat' }; EmbeddableChatbox.mount(config); </script> <script> var bookmarklet = "var s= document.createElement('script'); s.setAttribute('src', '"+window.location.href+"bookmarklet.js'); s.setAttribute('crossorigin', 'anonymous'); document.body.appendChild(s);" bookmarklet = '(function(){'+ bookmarklet +'})();' document.querySelector('a#bookmarklet').setAttribute("href", "javascript:" + encodeURIComponent(bookmarklet)); </script> </body> </html>