{"id":10,"date":"2026-09-07T09:42:50","date_gmt":"2026-09-07T09:42:50","guid":{"rendered":"https:\/\/khulna.online\/?page_id=10"},"modified":"2026-09-07T09:42:50","modified_gmt":"2026-09-07T09:42:50","slug":"chat-box","status":"publish","type":"page","link":"https:\/\/khulna.online\/?page_id=10","title":{"rendered":"Chat Box"},"content":{"rendered":"    <div id=\"gc-app\" class=\"gc-app gc-logged-out\">\n\n        <!-- ===== AUTH SCREEN (login\/register) ===== -->\n        <div id=\"gc-auth-screen\" class=\"gc-auth-screen\" >\n            <div class=\"gc-auth-card\">\n                <h2 class=\"gc-brand\">\n                    <span class=\"gc-brand-icon gc-icon-glass\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M4 12c0-4.42 3.58-8 8-8s8 3.58 8 8-3.58 8-8 8c-1.14 0-2.22-.24-3.2-.67L4 20l1.02-4.6C4.37 14.34 4 13.2 4 12z\" stroke=\"#ffffff\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg>\n                    <\/span>\n                    <span class=\"gc-brand-text\">Global Chat<\/span>\n                <\/h2>\n\n                <div class=\"gc-tabs\">\n                    <button type=\"button\" class=\"gc-tab active\" data-tab=\"login\">Login<\/button>\n                    <button type=\"button\" class=\"gc-tab\" data-tab=\"register\">Register<\/button>\n                <\/div>\n\n                <form id=\"gc-login-form\" class=\"gc-form active\">\n                    <input type=\"text\" name=\"name\" placeholder=\"Name\" required autocomplete=\"username\">\n                    <input type=\"password\" name=\"password\" placeholder=\"Password\" required autocomplete=\"current-password\">\n                    <button type=\"submit\" class=\"gc-btn-primary\">Log In<\/button>\n                    <p class=\"gc-error\" data-form=\"login\"><\/p>\n                <\/form>\n\n                <form id=\"gc-register-form\" class=\"gc-form\" enctype=\"multipart\/form-data\">\n                    <input type=\"text\" name=\"name\" placeholder=\"Name\" required maxlength=\"60\">\n                    <input type=\"password\" name=\"password\" placeholder=\"Password (min 4 chars)\" required minlength=\"4\">\n                    <label class=\"gc-file-label\">\n                        <span class=\"gc-camera-icon gc-icon-glass\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M4 8.5A1.5 1.5 0 0 1 5.5 7h2l1-1.5h7L16.5 7h2A1.5 1.5 0 0 1 20 8.5v9A1.5 1.5 0 0 1 18.5 19h-13A1.5 1.5 0 0 1 4 17.5v-9z\" stroke=\"#ffffff\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/>\n                                <circle cx=\"12\" cy=\"13\" r=\"3.2\" stroke=\"#ffffff\" stroke-width=\"1.6\"\/>\n                            <\/svg>\n                        <\/span>\n                        <span id=\"gc-avatar-preview-label\">Choose profile picture<\/span>\n                        <input type=\"file\" name=\"avatar\" accept=\"image\/png, image\/jpeg, image\/gif, image\/webp\">\n                    <\/label>\n                    <img id=\"gc-avatar-preview\" class=\"gc-avatar-preview\" style=\"display:none;\">\n                    <button type=\"submit\" class=\"gc-btn-primary\">Create Account<\/button>\n                    <p class=\"gc-error\" data-form=\"register\"><\/p>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <!-- ===== CHAT SCREEN ===== -->\n        <div id=\"gc-chat-screen\" class=\"gc-chat-screen\" style=\"display:none;\">\n            <div class=\"gc-header\">\n                <div class=\"gc-header-left\">\n                    <span class=\"gc-live-dot\"><\/span>\n                    <div class=\"gc-header-titles\">\n                        <h3>Global Chat<\/h3>\n                        <span id=\"gc-online-count\" class=\"gc-online-count\">-- online<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"gc-header-right\">\n                    <img decoding=\"async\" id=\"gc-my-avatar\" class=\"gc-my-avatar\" src=\"https:\/\/khulna.online\/wp-content\/plugins\/global-chat\/assets\/img\/default-avatar.png\" alt=\"me\">\n                    <span id=\"gc-my-name\"><\/span>\n                    <button id=\"gc-logout-btn\" class=\"gc-logout-btn gc-icon-glass-soft\" title=\"Logout\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M9 16l-4-4m0 0l4-4m-4 4h11\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <path d=\"M14 8V6.5A1.5 1.5 0 0 1 15.5 5H18a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-2.5A1.5 1.5 0 0 1 14 17.5V16\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <div id=\"gc-messages\" class=\"gc-messages\"><\/div>\n            <div id=\"gc-typing-indicator\" class=\"gc-typing-indicator\" style=\"display:none;\"><\/div>\n\n            <form id=\"gc-send-form\" class=\"gc-input-bar\">\n                <input type=\"text\" id=\"gc-message-input\" placeholder=\"Type a message\u2026\" autocomplete=\"off\" maxlength=\"1000\" required>\n                <button type=\"submit\" class=\"gc-send-btn gc-icon-glass\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M21 3L3 10.5l7.5 2.5L13 20.5 21 3z\" fill=\"#ffffff\" stroke=\"#ffffff\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M21 3l-10.5 10\" stroke=\"#ff5e00\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/>\n                    <\/svg>\n                <\/button>\n            <\/form>\n        <\/div>\n\n    <\/div>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/khulna.online\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khulna.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/khulna.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/khulna.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khulna.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":1,"href":"https:\/\/khulna.online\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/khulna.online\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/khulna.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}