{"id":20,"date":"2026-08-21T12:48:38","date_gmt":"2026-08-21T12:48:38","guid":{"rendered":"https:\/\/langutronics.tech\/?p=20"},"modified":"2026-08-21T12:48:38","modified_gmt":"2026-08-21T12:48:38","slug":"20","status":"publish","type":"post","link":"https:\/\/langutronics.tech\/index.php\/2026\/08\/21\/20\/","title":{"rendered":""},"content":{"rendered":"        <div id=\"c-card-game-app\" class=\"ccg-wrap\" data-rest-url=\"https:\/\/langutronics.tech\/index.php\/wp-json\/c-game\/v1\/\">\n            <section class=\"ccg-panel ccg-lobby\">\n                <div class=\"ccg-brand\">C<\/div>\n                <h2>C Card Game<\/h2>\n                <p>Play live with another computer using a room code.<\/p>\n\n                <div class=\"ccg-grid\">\n                    <div>\n                        <h3>Create game<\/h3>\n                        <label>Players<\/label>\n                        <select id=\"ccg-player-count\">\n                            <option value=\"2\">2 players<\/option>\n                            <option value=\"3\">3 players<\/option>\n                            <option value=\"4\">4 players<\/option>\n                        <\/select>\n                        <button type=\"button\" id=\"ccg-create\">Create game<\/button>\n                    <\/div>\n                    <div>\n                        <h3>Join game<\/h3>\n                        <label>Room code<\/label>\n                        <input id=\"ccg-room-code\" maxlength=\"12\" placeholder=\"e.g. C4821\" \/>\n                        <button type=\"button\" id=\"ccg-join\">Join game<\/button>\n                    <\/div>\n                <\/div>\n\n                <p id=\"ccg-lobby-msg\" class=\"ccg-msg\"><\/p><p id=\"ccg-js-status\" class=\"ccg-diagnostic\">Loading game script\u2026<\/p>\n            <\/section>\n\n            <section class=\"ccg-panel ccg-game\" hidden>\n                <div class=\"ccg-top\">\n                    <div>\n                        <span class=\"ccg-label\">Room<\/span>\n                        <strong id=\"ccg-room\"><\/strong>\n                    <\/div>\n                    <div>\n                        <span class=\"ccg-label\">You are<\/span>\n                        <strong id=\"ccg-player\"><\/strong>\n                    <\/div>\n                    <div>\n                        <span class=\"ccg-label\">Turn<\/span>\n                        <strong id=\"ccg-turn\"><\/strong>\n                    <\/div>\n                    <div>\n                        <span class=\"ccg-label\">Round<\/span>\n                        <strong id=\"ccg-round\"><\/strong>\n                    <\/div>\n                <\/div>\n\n                <div class=\"ccg-status\" id=\"ccg-status\"><\/div>\n\n                <div class=\"ccg-section\">\n                    <div id=\"ccg-build-area\" class=\"ccg-build-area\" hidden>\n                        <div class=\"ccg-build-status\">\n                            <span class=\"ccg-label\">ACTIVE BUILD<\/span>\n                            <strong id=\"ccg-build-status-text\"><\/strong>\n                        <\/div>\n                        <div id=\"ccg-active-build\" class=\"ccg-cards\"><\/div>\n                    <\/div>\n\n                    <div class=\"ccg-floor-heading\">\n                        <div>\n                            <span class=\"ccg-label\">SHARED TABLE<\/span>\n                            <h3>Floor<\/h3>\n                        <\/div>\n                        <span class=\"ccg-floor-note\">Loose cards available to build or take<\/span>\n                    <\/div>\n                    <div id=\"ccg-floor\" class=\"ccg-cards ccg-floor-zone\" aria-label=\"Game floor\"><\/div>\n                <\/div>\n\n                <div class=\"ccg-section\">\n                    <div class=\"ccg-head\">\n                        <h3>Your hand<\/h3>\n                        <strong id=\"ccg-score\">0 Super Points<\/strong>\n                    <\/div>\n                    <div id=\"ccg-hand\" class=\"ccg-cards\"><\/div>\n                    <p class=\"ccg-drag-help\">Drag a card from your hand onto the floor. Drop on empty floor to play it; drop onto a floor card or build stack to interact with it.<\/p>\n                    <p id=\"ccg-msg\" class=\"ccg-msg\"><\/p>\n                <\/div>\n\n                <div class=\"ccg-section\">\n                    <h3>Scores<\/h3>\n                    <div id=\"ccg-scores\"><\/div>\n                <\/div>\n\n                <button type=\"button\" id=\"ccg-leave\" class=\"ccg-secondary\">Leave game<\/button>\n            <\/section>\n        <\/div>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-20","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/langutronics.tech\/index.php\/wp-json\/wp\/v2\/posts\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/langutronics.tech\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/langutronics.tech\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/langutronics.tech\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/langutronics.tech\/index.php\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":1,"href":"https:\/\/langutronics.tech\/index.php\/wp-json\/wp\/v2\/posts\/20\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/langutronics.tech\/index.php\/wp-json\/wp\/v2\/posts\/20\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/langutronics.tech\/index.php\/wp-json\/wp\/v2\/media?parent=20"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/langutronics.tech\/index.php\/wp-json\/wp\/v2\/categories?post=20"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/langutronics.tech\/index.php\/wp-json\/wp\/v2\/tags?post=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}