{"id":13,"date":"2026-07-27T08:31:51","date_gmt":"2026-07-27T08:31:51","guid":{"rendered":"https:\/\/wpdev.the-loom.de\/?page_id=13"},"modified":"2026-07-27T08:36:11","modified_gmt":"2026-07-27T08:36:11","slug":"chat","status":"publish","type":"page","link":"https:\/\/wpdev.the-loom.de\/?page_id=13","title":{"rendered":"Chat"},"content":{"rendered":"\n<div class=\"wp-block-columns is-style-default is-layout-flex wp-container-core-columns-is-layout-3a88641f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100vw\"><div class=\"dinkychat-container\">\r\n    <div class=\"dinkychat-drawer-overlay\" id=\"dinkychat-drawer-overlay\"><\/div>\r\n    <div class=\"dinkychat-header\">\r\n        <h3>Dinky<\/h3>\r\n        <button type=\"button\" id=\"dinkychat-toggle-users\" class=\"mobile-only-btn\" aria-label=\"Toggle User List\">\r\n            <span class=\"dashicons dashicons-admin-users\"><\/span> Users\r\n        <\/button>\r\n    <\/div>\r\n    \r\n    <div class=\"dinkychat-content\">\r\n        <!-- Messages area -->\r\n        <div class=\"dinkychat-messages\" id=\"dinkychat-messages\" style=\"display: none; height: 25rem;\">\r\n            <!-- Messages will be loaded here -->\r\n        <\/div>\r\n        \r\n        <!-- User list -->\r\n        <div class=\"dinkychat-users\" id=\"dinkychat-users\" style=\"display: none; height: 25rem;\">\r\n            <h4>Users in chat<\/h4>\r\n            <ul id=\"dinkychat-user-list\">\r\n                <!-- User list will be loaded here with data attributes -->\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Registration area -->\r\n    <div class=\"dinkychat-registration\" id=\"dinkychat-registration\">\r\n        <input type=\"text\" id=\"dinkychat-username\" placeholder=\"Choose a username\" \/>\r\n        <button id=\"dinkychat-register-btn\">Join Chat<\/button>\r\n    <\/div>\r\n    \r\n    <!-- Chat interface (visible after registration) -->\r\n    <div class=\"dinkychat-interface\" id=\"dinkychat-interface\" style=\"display: none;\">\r\n        <!-- Message input -->\r\n        <div class=\"dinkychat-input-area\">\r\n            <input type=\"text\" id=\"dinkychat-message-input\" placeholder=\"Type your message...\" \/>\r\n            <button id=\"dinkychat-send-btn\">Send<\/button>\r\n        <\/div>\r\n        \r\n        <!-- Action buttons -->\r\n        <div class=\"dinkychat-actions\">\r\n            <button id=\"dinkychat-leave-btn\">Leave Chat<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Context menu element - positioned outside container for proper absolute positioning -->\r\n    <div id=\"dinkychat-context-menu\" class=\"dinkychat-context-menu\"><\/div>\r\n\r\n<\/div>\n<\/div>\n<\/div>\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":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpdev.the-loom.de\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdev.the-loom.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpdev.the-loom.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpdev.the-loom.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdev.the-loom.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":3,"href":"https:\/\/wpdev.the-loom.de\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/wpdev.the-loom.de\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/wpdev.the-loom.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}