{"id":6,"date":"2026-03-19T13:43:31","date_gmt":"2026-03-19T13:43:31","guid":{"rendered":"https:\/\/typing.iteachyou.co.uk\/index.php\/colibri-wp\/"},"modified":"2026-03-19T14:38:29","modified_gmt":"2026-03-19T14:38:29","slug":"colibri-wp","status":"publish","type":"page","link":"https:\/\/typing.iteachyou.co.uk\/","title":{"rendered":"Front Page"},"content":{"rendered":"<div data-colibri-id=\"6-c1\" class=\"style-190 style-local-6-c1 position-relative\">\n  <!---->\n  <div data-colibri-component=\"section\" data-colibri-id=\"6-c2\" id=\"custom\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-334 style-local-6-c2 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-fluid-container\">\n      <!---->\n      <div data-colibri-id=\"6-c3\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-335 style-local-6-c3 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-336-outer style-local-6-c4-outer\">\n            <div data-colibri-id=\"6-c4\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-336 style-local-6-c4 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"6-c5\" class=\"style-337 style-local-6-c5 position-relative h-element\">\n                  <!---->\n                  <div class=\"\">            <div class=\"ttt-app\" data-guest-message=\"Guest results are stored only in this browser. Log in to save results to WordPress.\">\n                <div class=\"ttt-header\">\n                    <div class=\"ttt-heading-copy\">\n                        <h2 class=\"ttt-title\">Touch Typing Tracker<\/h2>\n                        <p class=\"ttt-subtitle\">Practice accuracy and speed with timed or untimed typing tests.<\/p>\n                    <\/div>\n                    <div class=\"ttt-controls\">\n                        <span class=\"ttt-control-label\">Time limit<\/span>\n                        <div class=\"ttt-time-limit-group\" role=\"radiogroup\" aria-label=\"Time limit\">\n                                                                                            <button\n                                    type=\"button\"\n                                    class=\"ttt-time-limit-pill\"\n                                    data-value=\"30\"\n                                    role=\"radio\"\n                                    aria-checked=\"false\"\n                                >\n                                    30 sec                                <\/button>\n                                                                                            <button\n                                    type=\"button\"\n                                    class=\"ttt-time-limit-pill is-selected\"\n                                    data-value=\"60\"\n                                    role=\"radio\"\n                                    aria-checked=\"true\"\n                                >\n                                    60 sec                                <\/button>\n                                                                                            <button\n                                    type=\"button\"\n                                    class=\"ttt-time-limit-pill\"\n                                    data-value=\"120\"\n                                    role=\"radio\"\n                                    aria-checked=\"false\"\n                                >\n                                    2 min                                <\/button>\n                                                                                            <button\n                                    type=\"button\"\n                                    class=\"ttt-time-limit-pill\"\n                                    data-value=\"300\"\n                                    role=\"radio\"\n                                    aria-checked=\"false\"\n                                >\n                                    5 min                                <\/button>\n                                                                                            <button\n                                    type=\"button\"\n                                    class=\"ttt-time-limit-pill\"\n                                    data-value=\"0\"\n                                    role=\"radio\"\n                                    aria-checked=\"false\"\n                                >\n                                    Untimed                                <\/button>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"ttt-panel ttt-reference-panel\">\n                    <div class=\"ttt-panel-heading\">\n                        <div>\n                            <h3>Reference passage<\/h3>\n                            <p class=\"ttt-panel-note\">Three lines stay visible at a time and the passage slides upward as you complete each line.<\/p>\n                        <\/div>\n                        <button type=\"button\" class=\"ttt-next-passage button button-secondary\">Next passage<\/button>\n                    <\/div>\n                    <div class=\"ttt-reference-frame\">\n                        <div class=\"ttt-reference-meta\">\n                            <span class=\"ttt-reference-kicker\">Three-line focus view<\/span>\n                            <span class=\"ttt-reference-tip\">Follow the highlighted top line as you type.<\/span>\n                        <\/div>\n                        <div class=\"ttt-reference\" aria-live=\"polite\"><\/div>\n                    <\/div>\n                    <div class=\"ttt-extra-characters\" aria-live=\"polite\"><\/div>\n                <\/div>\n\n                <div class=\"ttt-panel ttt-input-panel\">\n                    <div class=\"ttt-panel-heading\">\n                        <div>\n                            <h3>Your typing<\/h3>\n                            <p class=\"ttt-panel-note\">Keep your eyes on the text, then type into the area below.<\/p>\n                        <\/div>\n                        <div class=\"ttt-action-buttons\">\n                            <button type=\"button\" class=\"ttt-start button button-primary\">Start Test<\/button>\n                            <button type=\"button\" class=\"ttt-finish button button-secondary\" disabled>Finish Test<\/button>\n                            <button type=\"button\" class=\"ttt-reset button button-secondary\">Reset<\/button>\n                        <\/div>\n                    <\/div>\n                    <textarea class=\"ttt-input\" rows=\"8\" spellcheck=\"false\" autocomplete=\"off\" autocorrect=\"off\" autocapitalize=\"off\" disabled placeholder=\"Start the test to begin typing\u2026\"><\/textarea>\n                    <p class=\"ttt-status-message\" aria-live=\"polite\">Choose a time limit, then click Start Test.<\/p>\n                <\/div>\n\n                <div class=\"ttt-dashboard\" aria-live=\"polite\">\n                    <div class=\"ttt-stats-grid\">\n                        <div class=\"ttt-stat-card ttt-stat-card--hero ttt-stat-card--timer\">\n                            <span class=\"ttt-stat-label\">Timer<\/span>\n                            <strong class=\"ttt-stat-value ttt-timer\">01:00<\/strong>\n                            <span class=\"ttt-stat-note\">Countdown or elapsed time<\/span>\n                        <\/div>\n                        <div class=\"ttt-stat-card ttt-stat-card--hero ttt-stat-card--wpm\">\n                            <span class=\"ttt-stat-label\">WPM<\/span>\n                            <strong class=\"ttt-stat-value ttt-wpm\">0<\/strong>\n                            <span class=\"ttt-stat-note\">Words per minute<\/span>\n                        <\/div>\n                        <div class=\"ttt-stat-card ttt-stat-card--secondary\">\n                            <span class=\"ttt-stat-label\">CPM<\/span>\n                            <strong class=\"ttt-stat-value ttt-cpm\">0<\/strong>\n                        <\/div>\n                        <div class=\"ttt-stat-card ttt-stat-card--secondary\">\n                            <span class=\"ttt-stat-label\">Accuracy<\/span>\n                            <strong class=\"ttt-stat-value ttt-accuracy\">100%<\/strong>\n                        <\/div>\n                        <div class=\"ttt-stat-card ttt-stat-card--secondary\">\n                            <span class=\"ttt-stat-label\">Errors<\/span>\n                            <strong class=\"ttt-stat-value ttt-errors\">0<\/strong>\n                        <\/div>\n                    <\/div>\n                    <div class=\"ttt-progress-strip\">\n                        <div class=\"ttt-progress-strip-header\">\n                            <span class=\"ttt-progress-strip-label\">Passage progress<\/span>\n                            <strong class=\"ttt-progress-strip-value ttt-progress\">0%<\/strong>\n                        <\/div>\n                        <div class=\"ttt-progress-bar\" aria-hidden=\"true\">\n                            <span class=\"ttt-progress-fill\"><\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"ttt-panel ttt-history-panel\">\n                    <div class=\"ttt-panel-heading\">\n                        <div>\n                            <h3>Recent results<\/h3>\n                            <p class=\"ttt-panel-note\">Your latest attempts stay close at hand for quick comparison.<\/p>\n                        <\/div>\n                                                    <span class=\"ttt-history-note\">Saved locally in this browser<\/span>\n                                            <\/div>\n                    <div class=\"ttt-history-wrap\">\n                        <table class=\"ttt-history-table\">\n                            <thead>\n                                <tr>\n                                    <th>Date<\/th>\n                                    <th>Time Limit<\/th>\n                                    <th>WPM<\/th>\n                                    <th>CPM<\/th>\n                                    <th>Accuracy<\/th>\n                                    <th>Errors<\/th>\n                                <\/tr>\n                            <\/thead>\n                            <tbody class=\"ttt-history-body\">\n                                                                    <tr class=\"ttt-history-empty-row\">\n                                        <td colspan=\"6\">No saved attempts yet.<\/td>\n                                    <\/tr>\n                                                            <\/tbody>\n                        <\/table>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/homepage.php","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/typing.iteachyou.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/typing.iteachyou.co.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/typing.iteachyou.co.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/typing.iteachyou.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/typing.iteachyou.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":5,"href":"https:\/\/typing.iteachyou.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/typing.iteachyou.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/typing.iteachyou.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}