document.write(`<div id="theBody" class="unclickable"><div id="signinPanel" class="clickable" style="visibility:hidden; height:100%;"><div class="btn-group dropleft" id="signinPanelSettingsDropDown"><button type="button" class="settingsDropUpButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-cog"></i></button><div class="dropdown-menu myDropDownMenu shadow noselect"><span class="dropdown-item myDropDownItem" onclick="__module.settings.switchLight();" data-mobileapp-disable><span class="myDropDownItemIcon"><i class="fa fa-lightbulb" aria-hidden="true"></i></span> <span class="myDropDownItemLabel" data-mltext="dark_or_light">Dark / Light</span> </span><span class="dropdown-item myDropDownItem" onclick="__module.settings.showLanguageSelectionPanel();"><span class="myDropDownItemIcon"><i class="fas fa-globe"></i></span> <span class="myDropDownItemLabel" data-mltext="language">Language</span> </span><span class="dropdown-item myDropDownItem" onclick="__module.settings.installWebApp();" style="display:none;" data-mobile-enable data-mobileapp-disable><span class="myDropDownItemIcon"><i class="fas fa-mobile-alt"></i></span> <span class="myDropDownItemLabel" data-mltext="installWebApp">Install Web App</span> </span><span class="dropdown-item myDropDownItem" onclick="__module.settings.showFooterPopUpPanel();"><span class="myDropDownItemIcon"><span class="icon-mylogo"></span></span> <span class="myDropDownItemLabel">r00m.chat</span></span></div></div><table style="width:100%; height:100%;"><tr style="height:40%;"><td align="center"><p id="siteLogo" class="noselect"><span class="icon-mylogo"></span></p></td></tr><tr id="signInFormTr" style="visibility:hidden;"><td align="center"><form onsubmit="__module.signin.joinRoom(); return false;" action=""><table><tr><td align="center" style="height: 60px; position: relative;"><input type="text" id="usernameInputBox" name="nickname" class="inputbox" data-mltext-placeholder="nickname" placeholder="nickname" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"> <span id="nicknameInputBoxLabel" class="signInInputBoxLabel noselect" data-mltext="nickname">nickname</span></td></tr><tr><td style="height: 60px; text-align:center; position: relative;"><div class="btn-group dropleft" id="roomInputBoxMoreDropDown"><button type="button" id="roomInputBoxMoreButton" tabindex="-1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-ellipsis-v"></i></button><div class="dropdown-menu myDropDownMenu shadow noselect"><span class="dropdown-item myDropDownItem" onclick="__module.roomUtil.showRoomSearchPanel();"><span class="myDropDownItemIcon"><i class="fa fa-search" aria-hidden="true"></i></span> <span class="myDropDownItemLabel" data-mltext="search">Search</span> </span><span class="dropdown-item myDropDownItem" onclick="__module.roomUtil.showStarredRoomPanel();"><span class="myDropDownItemIcon"><i class="fas fa-star"></i></span> <span class="myDropDownItemLabel" data-mltext="starred">Starred</span> </span><span id="qrcodeScannerButton" class="dropdown-item myDropDownItem" onclick="__module.signin.showQrCodeScanner();" style="display: none;" data-mobile-enable><span class="myDropDownItemIcon"><i class="fas fa-qrcode"></i></span> <span class="myDropDownItemLabel">QR code</span></span></div></div><input type="text" id="roomIdInputBox" name="room" class="inputbox" data-mltext-placeholder="room" placeholder="room" autocomplete="off" autocorrect="off" autocapitalize="off"> <button id="loginButton" onclick="__module.signin.joinRoom();" form="noform" class="myToolTip" data-mltext-title="login" title="Login"><i class="fas fa-sign-in-alt"></i></button> <span id="roomInputBoxLabel" class="signInInputBoxLabel noselect" data-mltext="room">room</span></td></tr><tr><td id="lockButtonTd" style="height: 60px; text-align:center; position: relative;" align="center"><button id="lockButton" class="myToolTip" data-mltext-title="secretKey" title="Secret Key" onclick="__module.signin.showSecretKeyBox()" form="noform"><i id="lockButtonIcon" class="fa fa-lock" aria-hidden="true"></i></button> <input type="text" id="secretCodeInputBox" class="inputbox" data-mltext-placeholder="secretKey" placeholder="secret key" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"> <span id="secretKeyInputBoxLabel" class="signInInputBoxLabel noselect" data-mltext="secretKey">secret key</span></td></tr></table><input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;" tabindex="-1"></form></td></tr><tr style="height:10%;"><td align="center"><span class="footer-link" onclick="__module.settings.showFooterPopUpPanel()">r00m.chat</span></td></tr></table></div><div id="qrcodeScannerPanel" class="clickable"><video muted autoplay playsinline id="qrcodeScannerVideo"></video><button id="qrcodeScannerPanelCloseButton" onclick="__module.signin.closeQrcodeScanner();"><i class="fas fa-times-circle"></i></button></div><div id="videoPlayerPanel" class="fullScreenPanel"><div class="fullScreenPanelHeader"><span class="fullScreenPanelHeaderTitle" id="videoPlayerPanelTitle">Video</span> <button class="fullScreenPanelCloseButton" onclick="__module.chat.closeVideoPanel();"><i class="fas fa-times-circle"></i></button></div><div id="videoPlayerPanelLoader" class="loader"></div><div id="videoPlayerContainer"></div></div><div id="roomSearchPanel" class="fullScreenPanel"><div id="roomSearchInputBox" class="fullScreenPanelHeader"><input type="text" id="roomSearchInput" data-mltext-placeholder="searchRoom" placeholder="search room" autocomplete="off"> <button class="fullScreenPanelCloseButton" onclick="__module.roomUtil.hideRoomSearchPanel();"><i class="fas fa-times-circle"></i></button></div><div id="roomSearchResultContainer" class="fullScreenPanelContent"></div></div><div id="starredRoomsPanel" class="fullScreenPanel"><div class="fullScreenPanelHeader"><span class="fullScreenPanelHeaderTitle" data-mltext="starredRooms">Starred rooms</span> <button class="fullScreenPanelCloseButton" onclick="__module.roomUtil.hideStarredRoomPanel();"><i class="fas fa-times-circle"></i></button></div><div id="starredRoomsPanelContent" class="fullScreenPanelContent"><div class="starredRoomsItem"><span class="starredRoomsItemRoomLabel"></span> <span class="starredRoomsItemRoomLabel"><i class="fas fa-key"></i></span> <button class="starredRoomsItemDeleteButton"><i class="fas fa-trash-alt"></i></button></div></div></div><div id="languageSelectionPanel" class="fullScreenPanel"><div class="fullScreenPanelHeader"><span class="fullScreenPanelHeaderTitle" data-mltext="language">Language</span> <button class="fullScreenPanelCloseButton" onclick="__module.settings.hideLanguageSelectionPanel();"><i class="fas fa-times-circle"></i></button></div><div id="languagePanelContent" class="fullScreenPanelContent"><div class="starredRoomsItem" onclick="__module.settings.setLanguage('en');"><span class="fullScreenPanelItemLabel">English</span></div><div class="starredRoomsItem" onclick="__module.settings.setLanguage('zh');"><span class="fullScreenPanelItemLabel">中文(繁體)</span></div><div class="starredRoomsItem" onclick="__module.settings.setLanguage('zhcn');"><span class="fullScreenPanelItemLabel">中文(简体)</span></div></div></div><div id="footerPopUpPanel" class="fullScreenPanel"><div class="fullScreenPanelHeader"><span class="fullScreenPanelHeaderTitle">r00m.chat <span id="versionLabel">v0.1.12</span></span> <button class="fullScreenPanelCloseButton" onclick="__module.settings.hideFooterPopUpPanel();"><i class="fas fa-times-circle"></i></button></div><div id="footerPopUpPanelContent" class="fullScreenPanelContent"><a class="starredRoomsItem" href="https://developer.r00m.chat" target="_blank"><span class="fullScreenPanelItemLabel">Developer</span> </a><a class="starredRoomsItem" href="/about" target="_blank"><span class="fullScreenPanelItemLabel">About</span> </a><a class="starredRoomsItem" href="https://info.r00m.chat/tos" target="_blank"><span class="fullScreenPanelItemLabel">Terms of Service</span> </a><a class="starredRoomsItem" href="https://info.r00m.chat/tos#privacy-policy" target="_blank"><span class="fullScreenPanelItemLabel">Privacy Policy</span> </a><a class="starredRoomsItem" href="/contact" target="_blank"><span class="fullScreenPanelItemLabel">Contact</span> </a><a class="starredRoomsItem" href="/blog" target="_blank"><span class="fullScreenPanelItemLabel">Blog</span> </a><a class="starredRoomsItem" target="_blank"><span class="fullScreenPanelItemLabel"><i class="fab fa-facebook"></i>&nbsp;&nbsp;facebook</span> </a><a class="starredRoomsItem" target="_blank"><span class="fullScreenPanelItemLabel"><i class="fab fa-twitter"></i>&nbsp;&nbsp;twitter</span></a></div></div><div id="roomInfoPanel" class="fullScreenPanel"><div class="fullScreenPanelHeader"><span class="fullScreenPanelHeaderTitle" data-mltext="info">info</span> <button class="fullScreenPanelCloseButton" onclick="__module.chatControlPanel.hideRoomInfoPanel();"><i class="fas fa-times-circle"></i></button></div><div id="roomInfoPanelContent" class="fullScreenPanelContent"></div></div><form onsubmit="return false;" action="" id="emojiSearchFrom"></form><div id="chatPanel" style="visibility:hidden;"><div id="chatPanelContainer"><form id="chatInputForm" onsubmit="__module.chat.sendMessage(); return false;" action=""><textarea id="chatInput" class="chatInput shadow clickable" placeholder="Aa..."></textarea> <button id="topButton" form="noform" class="shadow" onclick="__module.chatControlPanel.gotoTop();"><i class="fa fa-arrow-up" aria-hidden="true"></i></button><div id="newMessageOuter"><div id="newMessage" class="shadow clickable" onclick="__module.chat.gotoNewMessage();"></div></div><div id="chatPanelLeftAdditionPanel" class="clickable"><div id="emojiButton" class="chatPanelAdditionItem chatPanelLeftAdditionItem"><span id="emojiButtonFontIcon" class="chatPanelAdditionfontawesomeIcon" onclick="__module.emojiPanel.toggleEmojiPicker();"><i class="fas fa-smile"></i></span><div id="emojiPickerPanel" class="chatInputPopupPanel shadow" style="padding-bottom: 5px;"><div id="emojiPickerPanelArrow" class="chatInputPopupPanelArrow"></div><div id="emojiPickerContainer" class="chatInputPopupContainer"><div id="emojiPickerTabContainer"><button class="emojiPickerTab" form="noform" data-mltext="emoji" onclick="__module.emojiPanel.showEmojiPicker(true, 0);">Emoji</button> <button style="display: none;" class="emojiPickerTab" form="noform" data-mltext="stickers" onclick="__module.emojiPanel.showEmojiPicker(true, 1);">Stickers</button> <button class="emojiPickerTab" form="noform" data-mltext="gifs" onclick="__module.emojiPanel.showEmojiPicker(true, 2);">GIFs</button></div><div id="emojiPickerHeader" class="chatInputPopupHeader"><input id="emojiPickerSearchField" form="emojiSearchFrom" onkeydown="__module.emojiPanel.onEmojiPickerSearchFieldKeyDown(event);" data-mltext-placeholder="search_ddd" placeholder="search..."> <input type="submit" form="emojiSearchFrom" style="position: absolute; left: -9999px; width: 1px; height: 1px;" tabindex="-1"></div><div id="emojiPickerContent" class="chatInputPopupContent" style="height:240px; overflow-y:scroll;"></div><div id="emojiPickerFooter" class="chatInputPopupFooter"><span id="gifAttributionSpan">Powered By <b>Tenor</b></span></div></div></div></div></div><div id="chatPanelAdditionPanel" class="clickable"><div id="imageButton" class="chatPanelAdditionItem"><span id="imageButtonSpan" class="chatPanelAdditionfontawesomeIcon myToolTip" data-mltext-title="image" title="" onclick="__module.chat.onImageButtonClick();"><i class="fa fa-image" aria-hidden="true"></i></span></div><div id="chatInputSpeechColorButton" class="chatPanelAdditionItem"><span id="chatInputSpeechColorButtonContent" class="chatPanelAdditionfontawesomeIcon myToolTip" data-mltext-title="bubbleColor" title="bubble color" onclick="__module.bubbleColorPicker.toggleBubbleColorPicker();"></span><div id="bubbleColorPickerPanel" class="chatInputPopupPanel chatInputPopupPanelRight shadow"><div class="chatInputPopupPanelArrow chatInputPopupPanelArrowRight"></div><div class="chatInputPopupContainer"><div id="bubbleColorPickerContent" class="chatInputPopupContent" style="width:210px; padding:0px 5px;"></div></div></div></div></div><div id="chatInputSendingPanel"><div class="chatInputSendingLoader"></div></div><input type="file" id="imageUploadInput" style="display:none;" accept="image/*"> <input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;" tabindex="-1"></form><form id="chatInputNicknameForm" onsubmit="return false;" action=""><input type="text" id="chatInputNickname" class="chatInput shadow" data-mltext-placeholder="enterNickname" placeholder="Enter nickname..." autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></form></div></div><div id="chatBottomPanel" style="visibility:hidden;"><button id="userCountBox" class="chatBottomPanelButton myToolTip shadow" style="width:auto;" title="" onclick="__module.participant.toggleParticipantPanel();"><i class="fas fa-user"></i><span id="userCountValue">???</span></button> <button id="shareButton" data-privatechat-disable class="chatBottomPanelButton shadow myToolTip" onclick="__module.chatControlPanel.displayShareURL();" data-mltext-title="share" title="share">&nbsp;<i class="fas fa-qrcode"></i>&nbsp;</button> <button id="starButton" data-embed-iframe-disable class="chatBottomPanelButton shadow myToolTip" onclick="__module.chatControlPanel.starRoom();" data-mltext-title="star_room" title="star room">&nbsp;<i class="fas fa-star"></i>&nbsp;</button> <button id="privateChatButton" class="chatBottomPanelButton shadow myToolTip" onclick="__module.privateChat.togglePrivateChatPanel();" data-mltext-title="privateChat" title="private chat room">&nbsp;<i class="fas fa-comment-alt"></i>&nbsp;<div id="privateChatButtonBadge"></div></button><div class="btn-group dropup" id="settingsDropUp"><button type="button" class="settingsDropUpButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-cog"></i></button><div class="dropdown-menu myDropDownMenu shadow noselect"><span class="dropdown-header myDropDownHeader" onclick="__module.chatControlPanel.openR00mDotChat();" data-embeddomain-enable><span class="myDropDownItemIcon"><span class="icon-mylogo"></span></span> <span class="myDropDownItemLabel">r00m.chat</span></span><div class="dropdown-divider myDropDownDivider" data-embeddomain-enable></div><span class="dropdown-item myDropDownItem" onclick="__module.chatControlPanel.showRoomInfo();" data-privatechat-disable><span class="myDropDownItemIcon"><i class="fa fa-info"></i></span> <span class="myDropDownItemLabel" data-mltext="info">info</span> </span><span class="dropdown-item myDropDownItem" onclick="__module.settings.showLanguageSelectionPanel();" data-privatechat-disable><span class="myDropDownItemIcon"><i class="fas fa-globe"></i></span> <span class="myDropDownItemLabel" data-mltext="language">Language</span> </span><span class="dropdown-item myDropDownItem" onclick="__module.settings.switchLight();" data-privatechat-disable data-mobileapp-disable><span class="myDropDownItemIcon"><i class="fa fa-lightbulb" aria-hidden="true"></i></span> <span class="myDropDownItemLabel" data-mltext="dark_or_light">Dark / Light</span> </span><span class="dropdown-item myDropDownItem" onclick="__module.chatControlPanel.showClearAllMessagesConfirm();"><span class="myDropDownItemIcon"><i class="fas fa-trash-alt"></i></span> <span class="myDropDownItemLabel" data-mltext="clearAllMessage">Clear all messages</span> </span><span class="dropdown-item myDropDownItem" onclick="__module.chatControlPanel.showQuitConfirm();" data-embed-iframe-disable><span class="myDropDownItemIcon"><i class="fa fa-power-off" aria-hidden="true"></i></span> <span class="myDropDownItemLabel" data-mltext="quit">Quit</span> </span><span class="dropdown-item myDropDownItem" onclick="__module.privateChat.leavePrivateChatConfirm();" data-privatechat-enable style="display:none;"><span class="myDropDownItemIcon"><i class="fa fa-power-off" aria-hidden="true"></i></span> <span class="myDropDownItemLabel" data-mltext="leavePrivateChat">Leave private chat room</span></span></div></div><span id="mobileAssistantButtonGroup" data-mobile-enable><button id="mobileAssistant_focusChatInputButton" class="mobileAssistantButton" onclick="__module.chatControlPanel.focusChatInput();">Aa...</button> <button id="mobileAssistant_goToTopButton" class="mobileAssistantButton" onclick="__module.chatControlPanel.gotoTop();"><i class="fa fa-arrow-up" aria-hidden="true"></i></button></span></div><div id="systemMessagePanel" class="clickable"><div id="systemMessagePanelHeader"><button id="systemMessagePanelCloseButton" onclick="__module.systemMessage.closeSystemMessagePanel();" data-mltext="close">close</button></div><div id="systemMessagePanelContent"></div></div><div id="userInfoToolTipTemplate" class="clickable"><ul id="userInfoToolTipTemplateUL"><li><button class="userInfoToolTipTemplateButton" onclick="__module.participant.showUserInfo();"><i class="fas fa-info-circle"></i>&nbsp; <span data-mltext="info">info</span></button></li><li><button class="userInfoToolTipTemplateButton" onclick="__module.participant.blockUserButtonClick();"><i class="fa fa-ban" aria-hidden="true"></i>&nbsp; <span id="blockText">Block / Unblock</span></button></li><li><button id="invitePrivateChatButton" class="userInfoToolTipTemplateButton" onclick="__module.participant.privateChatButtonClick();"><i class="fas fa-comment-alt"></i>&nbsp; <span data-mltext="inviteToPrivateChatRoom">invite to private chat room</span></button></li></ul></div><div id="privateChatPanel" class="sidePopUpPanel"><div id="privateChatPanelHeader" class="sidePopUpPanelHeader"><div class="privateChatPanelHeaderTitle" data-mltext="privateChat">Private chat room</div><button class="privateChatPanelHeaderButton privateChatPanelHeaderButtonRight myToolTip" style="margin-right: 5px;" data-mltext-title="hide" title="hide" onclick="__module.privateChat.hidePrivateChatPanel();"><i class="fas fa-times"></i></button></div><div id="privateChatPanelIframePlaceholder"><iframe id="privateChatPanelIframe" class="privateChatPanelIframe" src=""></iframe></div></div><div id="participantPanel" class="sidePopUpPanel"><div id="participantPanelHeader" class="sidePopUpPanelHeader"><div class="privateChatPanelHeaderTitle" data-mltext="otherParticipants">Other users</div><button class="privateChatPanelHeaderButton privateChatPanelHeaderButtonRight myToolTip" style="margin-right: 5px;" data-mltext-title="hide" title="hide" onclick="__module.participant.hideParticipantPanel();"><i class="fas fa-times"></i></button></div><div id="participantPanelContent" class="sidePopUpPanelContent"></div></div><div id="loadingPanel" class="clickable"><div class="loader"></div><div class="loaderSiteIcon"><span class="icon-mylogo"></span></div></div><div id="chatAreaBlockOverlay" class="chatAreaOverlay clickable"></div><div id="modal" class="myModal" style="box-sizing: content-box;"><div class="modalContainer" style="background:#fff;"><p id="modalContent" style="padding:30px; text-align:center; color:#333; margin: auto;"></p><button class="modalCloseButton" onclick="closeModal();"><i class="fas fa-times"></i></button></div></div><div id="confirmModal" class="myModal"><div class="modalContainer" id="confirmModalContainer"><p id="confirmModalContent" style="padding:30px; text-align:center; color:#000; margin: auto;"></p><div id="confirmModalButtonGroup"><button id="confirmButtonYes" onclick="onConfirmClick(true);" class="confirmButton" data-mltext="yes">Yes</button> <button id="confirmButtonNo" onclick="onConfirmClick(false);" class="confirmButton" data-mltext="no">No</button></div></div></div><div id="alertModal" class="myModal"><div class="modalContainer" style="background:rgb(214, 23, 23);"><p id="alertModalContent" style="padding:30px; text-align:center; color:#fff; margin: auto;"></p><button class="alertModalCloseButton" onclick="closeAlertModal();">OK</button></div></div><button id="mobileSendButton" class="shadow clickable" onclick="__module.chat.sendMessage();">Send</button><div id="invisibleArea"></div></div><div id="theContentBody"><p id="chatArea"></p></div>`);