{"id":2,"date":"2025-04-18T00:21:27","date_gmt":"2025-04-18T00:21:27","guid":{"rendered":"http:\/\/staging.thedigitaltrainingcompany.com\/?page_id=2"},"modified":"2025-04-19T12:39:10","modified_gmt":"2025-04-19T12:39:10","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/staging.thedigitaltrainingcompany.com\/index.php\/sample-page\/","title":{"rendered":"Sample Page"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This is an example page. It&#8217;s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Hi there! I&#8217;m a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like pi&#241;a coladas. (And gettin&#8217; caught in the rain.)<\/p><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">&#8230;or something like this:<\/p>\n\n    <div class=\"dst-container\" \n         data-interval=\"1\"\n         data-direction=\"forward\"\n         data-mode=\"visual\"\n         data-auto-next=\"false\">\n\n        <!-- User Selection UI -->\n        <div class=\"dst-user-selection\">\n            <h2>Digit Span Working Memory Test<\/h2>\n\n            <div class=\"dst-user-cards\">\n                <div class=\"dst-user-card\" data-user=\"1\">\n                    <div class=\"dst-user-avatar\">\n                        <svg viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <circle cx=\"50\" cy=\"35\" r=\"25\" fill=\"#4e73df\"\/>\n                            <path d=\"M50,65 C25,65 10,82.5 10,100 L90,100 C90,82.5 75,65 50,65 Z\" fill=\"#4e73df\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"dst-user-info\">\n                        <input type=\"text\" class=\"dst-user-name\" placeholder=\"Enter Player 1 Name\" maxlength=\"20\">\n                        <div class=\"dst-user-scores\">\n                            <div class=\"dst-score\">Forward: <span>0<\/span><\/div>\n                            <div class=\"dst-score\">Backward: <span>0<\/span><\/div>\n                        <\/div>\n                    <\/div>\n                    <button class=\"dst-select-user-btn\">Select Player<\/button>\n                <\/div>\n\n                <div class=\"dst-user-card\" data-user=\"2\">\n                    <div class=\"dst-user-avatar\">\n                        <svg viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <circle cx=\"50\" cy=\"35\" r=\"25\" fill=\"#1cc88a\"\/>\n                            <path d=\"M50,65 C25,65 10,82.5 10,100 L90,100 C90,82.5 75,65 50,65 Z\" fill=\"#1cc88a\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"dst-user-info\">\n                        <input type=\"text\" class=\"dst-user-name\" placeholder=\"Enter Player 2 Name\" maxlength=\"20\">\n                        <div class=\"dst-user-scores\">\n                            <div class=\"dst-score\">Forward: <span>0<\/span><\/div>\n                            <div class=\"dst-score\">Backward: <span>0<\/span><\/div>\n                        <\/div>\n                    <\/div>\n                    <button class=\"dst-select-user-btn\">Select Player<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"dst-leaderboard\">\n                <h3>Leaderboard<\/h3>\n                <table class=\"dst-leaderboard-table\">\n                    <thead>\n                        <tr>\n                            <th>Player<\/th>\n                            <th>Forward Span<\/th>\n                            <th>Backward Span<\/th>\n                            <th>Total Score<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <!-- Leaderboard entries will be added dynamically -->\n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/div>\n\n        <!-- Test Settings UI -->\n        <div class=\"dst-settings\" style=\"display: none;\">\n            <div class=\"dst-active-user\">\n                <div class=\"dst-user-avatar-small\"><\/div>\n                <div class=\"dst-active-user-name\"><\/div>\n            <\/div>\n\n            <div class=\"dst-setting-group\">\n                <label>\n                    <input type=\"radio\" name=\"dst-interval\" value=\"1\"  checked='checked'>\n                    1 Second Interval\n                <\/label>\n                <label>\n                    <input type=\"radio\" name=\"dst-interval\" value=\"2\" >\n                    2 Second Interval\n                <\/label>\n            <\/div>\n\n            <div class=\"dst-setting-group\">\n                <label>\n                    <input type=\"radio\" name=\"dst-direction\" value=\"forward\"  checked='checked'>\n                    Forward Span\n                <\/label>\n                <label>\n                    <input type=\"radio\" name=\"dst-direction\" value=\"backward\" >\n                    Backward Span\n                <\/label>\n            <\/div>\n\n            <div class=\"dst-setting-group\">\n                <label>\n                    <input type=\"radio\" name=\"dst-mode\" value=\"visual\"  checked='checked'>\n                    Visual Mode\n                <\/label>\n                <label>\n                    <input type=\"radio\" name=\"dst-mode\" value=\"verbal\" >\n                    Verbal Mode\n                <\/label>\n            <\/div>\n\n            <div class=\"dst-setting-group\">\n                <label>\n                    <input type=\"radio\" name=\"dst-auto-next\" value=\"true\" >\n                    Auto Start Next (5s)\n                <\/label>\n                <label>\n                    <input type=\"radio\" name=\"dst-auto-next\" value=\"false\"  checked='checked'>\n                    Manual Start Next\n                <\/label>\n            <\/div>\n        <\/div>\n\n        <!-- Test Area UI -->\n        <div class=\"dst-test-area\" style=\"display: none;\">\n            <div class=\"dst-display\">\n                <div class=\"dst-digit\"><\/div>\n                <div class=\"dst-audio\"><\/div>\n            <\/div>\n\n            <div class=\"dst-controls\">\n                <button class=\"dst-start-btn\">Start Test<\/button>\n                <button class=\"dst-repeat-btn\" disabled>Repeat Last Sequence<\/button>\n                <button class=\"dst-next-btn\" disabled>Next Sequence<\/button>\n                <button class=\"dst-finish-btn\" disabled>Finish Test<\/button>\n            <\/div>\n\n            <div class=\"dst-input-area\">\n                <input type=\"text\" class=\"dst-answer-input\" placeholder=\"Enter the digits...\" disabled>\n                <button class=\"dst-submit-btn\" disabled>Submit<\/button>\n            <\/div>\n\n            <div class=\"dst-countdown\"><\/div>\n\n            <div class=\"dst-results\">\n                <div class=\"dst-current-level\">Current Level: <span>3<\/span><\/div>\n                <div class=\"dst-max-level\">Max Level Reached: <span>0<\/span><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.<\/p><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">As a new WordPress user, you should go to <a href=\"http:\/\/staging.thedigitaltrainingcompany.com\/wp-admin\/\">your dashboard<\/a> to delete this page and create new pages for your content. Have fun!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is an example page. It&#8217;s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this: Hi there! I&#8217;m a bike messenger [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staging.thedigitaltrainingcompany.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.thedigitaltrainingcompany.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.thedigitaltrainingcompany.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.thedigitaltrainingcompany.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.thedigitaltrainingcompany.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":3,"href":"https:\/\/staging.thedigitaltrainingcompany.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/staging.thedigitaltrainingcompany.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/staging.thedigitaltrainingcompany.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}