{"id":87,"date":"2026-05-27T15:33:32","date_gmt":"2026-05-27T12:03:32","guid":{"rendered":"https:\/\/jxrt.site\/?page_id=87"},"modified":"2026-05-27T15:33:32","modified_gmt":"2026-05-27T12:03:32","slug":"chat","status":"publish","type":"page","link":"https:\/\/jxrt.site\/index.php\/chat\/","title":{"rendered":"chat"},"content":{"rendered":"


\n
\n
\n
\n
\nJXRT Chat<\/title><\/p>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n<p>body{\n margin:0;\n font-family:Vazirmatn;\n background:#050507;\n color:white;\n}<\/p>\n<p>.bg{\n position:fixed;\n inset:0;\n background:radial-gradient(circle at top,#1a2a4a,transparent),\n radial-gradient(circle at bottom,#3a1a3a,transparent);\n filter:blur(80px);\n opacity:.5;\n z-index:-1;\n}<\/p>\n<p>\/* modal *\/\n.modal{\n position:fixed;\n inset:0;\n display:flex;\n justify-content:center;\n align-items:center;\n background:rgba(0,0,0,.6);\n}<\/p>\n<p>.box{\n background:rgba(255,255,255,.05);\n padding:20px;\n border-radius:15px;\n width:280px;\n}<\/p>\n<p>.box input, .input input{\n width:100%;\n padding:10px;\n border:none;\n outline:none;\n border-radius:10px;\n}<\/p>\n<p>\/* top *\/\n.top{\n display:flex;\n justify-content:space-between;\n padding:12px;\n background:rgba(255,255,255,.03);\n backdrop-filter:blur(10px);\n}<\/p>\n<p>\/* chat *\/\n.chat{\n height:calc(100vh - 140px);\n overflow:auto;\n padding:10px;\n display:flex;\n flex-direction:column;\n gap:10px;\n}<\/p>\n<p>.msg{\n background:rgba(255,255,255,.06);\n padding:10px;\n border-radius:12px;\n max-width:70%;\n position:relative;\n}<\/p>\n<p>.me{\n align-self:flex-end;\n}<\/p>\n<p>\/* reactions area *\/\n.reacts{\n display:flex;\n gap:6px;\n margin-top:8px;\n flex-wrap:wrap;\n}<\/p>\n<p>.reacts span{\n cursor:pointer;\n padding:4px 6px;\n background:rgba(255,255,255,.08);\n border-radius:8px;\n font-size:14px;\n transition:.2s;\n}<\/p>\n<p>.reacts span:hover{\n transform:scale(1.2);\n}<\/p>\n<p>\/* show reactions *\/\n.showReacts{\n margin-top:6px;\n font-size:14px;\n opacity:.9;\n}<\/p>\n<p>\/* input *\/\n.input{\n position:fixed;\n bottom:0;\n width:100%;\n display:flex;\n gap:5px;\n padding:8px;\n background:rgba(0,0,0,.5);\n}<\/p>\n<p>.input input{\n flex:1;\n padding:10px;\n}<\/p>\n<p>button{\n padding:10px;\n border:none;\n background:white;\n border-radius:10px;\n}<\/p>\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"bg\"><\/div>\n<p><!-- NAME --><\/p>\n<div class=\"modal\" id=\"modal\">\n<div class=\"box\">\n<h3>\u0627\u0633\u0645 \u062e\u0648\u062f \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/h3>\n<p> <input id=\"name\"><br \/>\n <button onclick=\"start()\">\u0648\u0631\u0648\u062f<\/button>\n <\/div>\n<\/div>\n<div class=\"top\">\n<div id=\"user\">User<\/div>\n<div>JXRT Chat<\/div>\n<\/div>\n<div class=\"chat\" id=\"chat\"><\/div>\n<div class=\"input\">\n <input id=\"text\" placeholder=\"\u067e\u06cc\u0627\u0645...\"><br \/>\n <button onclick=\"send()\">\u27a4<\/button>\n<\/div>\n<p><script><\/p>\n<p>let username=\"User\";<\/p>\n<p>const allowedReactions = [\"\ud83d\ude02\",\"\ud83e\udd72\",\"\ud83d\ude2d\",\"\ud83d\ude33\",\"\ud83d\udd95\",\"\ud83e\udec2\",\"\ud83d\udc99\"];<\/p>\n<p>function start(){\n let n=document.getElementById(\"name\").value;\n if(n.trim()!=\"\"){\n username=n;\n document.getElementById(\"user\").innerText=n;\n document.getElementById(\"modal\").style.display=\"none\";\n }\n}<\/p>\n<p>function send(){\n let t=document.getElementById(\"text\");<\/p>\n<p> if(t.value.trim()==\"\") return;<\/p>\n<p> let chat=document.getElementById(\"chat\");<\/p>\n<p> let msg=document.createElement(\"div\");\n msg.className=\"msg me\";<\/p>\n<p> msg.innerHTML=`<\/p>\n<div>${username}: ${t.value}<\/div>\n<div class=\"showReacts\" id=\"r-${Date.now()}\"><\/div>\n<div class=\"reacts\">\n ${allowedReactions.map(r=>`<span onclick=\"react(this,'${r}')\">${r}<\/span>`).join(\"\")}\n <\/div>\n<p> `;<\/p>\n<p> chat.appendChild(msg);\n t.value=\"\";\n chat.scrollTop=chat.scrollHeight;\n}<\/p>\n<p>function react(el,emoji){\n let msg=el.closest(\".msg\");\n let box=msg.querySelector(\".showReacts\");<\/p>\n<p> if(!box.dataset.reacts){\n box.dataset.reacts=\"\";\n }<\/p>\n<p> box.dataset.reacts += emoji;<\/p>\n<p> box.innerText = box.dataset.reacts;\n}<\/p>\n<p><\/script><\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>JXRT Chat \u0627\u0633\u0645 \u062e\u0648\u062f \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f \u0648\u0631\u0648\u062f User JXRT Chat \u27a4<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-87","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jxrt.site\/index.php\/wp-json\/wp\/v2\/pages\/87","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jxrt.site\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jxrt.site\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jxrt.site\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jxrt.site\/index.php\/wp-json\/wp\/v2\/comments?post=87"}],"version-history":[{"count":2,"href":"https:\/\/jxrt.site\/index.php\/wp-json\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":91,"href":"https:\/\/jxrt.site\/index.php\/wp-json\/wp\/v2\/pages\/87\/revisions\/91"}],"wp:attachment":[{"href":"https:\/\/jxrt.site\/index.php\/wp-json\/wp\/v2\/media?parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}