{"id":7,"date":"2026-06-05T19:30:49","date_gmt":"2026-06-05T19:30:49","guid":{"rendered":"https:\/\/josieswenson.com\/?page_id=7"},"modified":"2026-06-05T21:12:24","modified_gmt":"2026-06-05T21:12:24","slug":"math-practice","status":"publish","type":"page","link":"https:\/\/josieswenson.com\/","title":{"rendered":"Math Practice"},"content":{"rendered":"<div id=\"mathtutor-practice\" class=\"mt-wrap\">\n\n  <div class=\"mt-topbar\">\n    <div class=\"mt-topbar-left\">\n      <span class=\"mt-logo-mark\">\u2726<\/span>\n      <span class=\"mt-greeting\">Hi, Josie Swenson!<\/span>\n    <\/div>\n    <div class=\"mt-topbar-right\">\n      <span class=\"mt-streak-badge\">\ud83d\udd25 <span id=\"mt-streak\">\u2013<\/span> day streak<\/span>\n      <span class=\"mt-xp-badge\">\u2726 <span id=\"mt-xp\">\u2013<\/span> XP<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"mt-stat-strip\">\n    <div class=\"mt-stat-card\">\n      <span class=\"mt-stat-icon\">\ud83d\udd25<\/span>\n      <span class=\"mt-stat-val\" id=\"stat-streak\">\u2013<\/span>\n      <span class=\"mt-stat-label\">Day streak<\/span>\n    <\/div>\n    <div class=\"mt-stat-card\">\n      <span class=\"mt-stat-icon\">\u2726<\/span>\n      <span class=\"mt-stat-val mt-green\" id=\"stat-xp\">\u2013<\/span>\n      <span class=\"mt-stat-label\">Total XP<\/span>\n    <\/div>\n    <div class=\"mt-stat-card\">\n      <span class=\"mt-stat-icon\">\u2b50<\/span>\n      <span class=\"mt-stat-val mt-amber\" id=\"stat-mastered\">\u2013<\/span>\n      <span class=\"mt-stat-label\">Mastered<\/span>\n    <\/div>\n    <div class=\"mt-stat-card\">\n      <span class=\"mt-stat-icon\">\ud83c\udfaf<\/span>\n      <span class=\"mt-stat-val\" id=\"stat-accuracy\">\u2013<\/span>\n      <span class=\"mt-stat-label\">Accuracy<\/span>\n    <\/div>\n  <\/div>\n\n  <div id=\"mt-start-screen\" class=\"mt-screen mt-active\">\n    <div class=\"mt-start-card\">\n      <div class=\"mt-start-hero\">\n        <div class=\"mt-start-emoji\">\ud83e\uddee<\/div>\n        <h2 class=\"mt-start-title\">Ready to practice?<\/h2>\n        <p class=\"mt-start-sub\">15 problems \u00b7 spaced repetition \u00b7 instant feedback<\/p>\n      <\/div>\n      <div class=\"mt-subject-toggle\">\n        <label class=\"mt-toggle-option\">\n          <input type=\"radio\" name=\"mt-subject\" value=\"both\" checked>\n          <span class=\"mt-toggle-pill\">Both subjects<\/span>\n        <\/label>\n        <label class=\"mt-toggle-option\">\n          <input type=\"radio\" name=\"mt-subject\" value=\"algebra\">\n          <span class=\"mt-toggle-pill\">Algebra<\/span>\n        <\/label>\n        <label class=\"mt-toggle-option\">\n          <input type=\"radio\" name=\"mt-subject\" value=\"geometry\">\n          <span class=\"mt-toggle-pill\">Geometry<\/span>\n        <\/label>\n      <\/div>\n      <button id=\"mt-start-btn\" class=\"mt-btn mt-btn-primary mt-btn-lg\">Start session \u2192<\/button>\n    <\/div>\n  <\/div>\n\n  <div id=\"mt-problem-screen\" class=\"mt-screen\">\n    <div class=\"mt-practice-layout\">\n\n      <div class=\"mt-problem-col\">\n        <div class=\"mt-problem-card\">\n          <div class=\"mt-card-header\">\n            <span id=\"mt-topic-label\" class=\"mt-topic-tag\"><\/span>\n            <div class=\"mt-diff-dots\" id=\"mt-diff-dots\">\n              <span class=\"mt-diff-dot\" data-d=\"1\"><\/span>\n              <span class=\"mt-diff-dot\" data-d=\"2\"><\/span>\n              <span class=\"mt-diff-dot\" data-d=\"3\"><\/span>\n              <span class=\"mt-diff-dot\" data-d=\"4\"><\/span>\n              <span class=\"mt-diff-dot\" data-d=\"5\"><\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"mt-progress-row\">\n            <div class=\"mt-progress-track\">\n              <div id=\"mt-progress-fill\" class=\"mt-progress-fill\"><\/div>\n            <\/div>\n            <span id=\"mt-problem-count\" class=\"mt-prog-label\">1 \/ 15<\/span>\n          <\/div>\n\n          <div class=\"mt-problem-body\">\n            <div id=\"mt-question-text\" class=\"mt-question\"><\/div>\n\n            <div id=\"mt-choices\" class=\"mt-choices\" style=\"display:none\">\n              <button class=\"mt-choice\" data-choice=\"A\"><\/button>\n              <button class=\"mt-choice\" data-choice=\"B\"><\/button>\n              <button class=\"mt-choice\" data-choice=\"C\"><\/button>\n              <button class=\"mt-choice\" data-choice=\"D\"><\/button>\n            <\/div>\n\n            <div id=\"mt-input-wrap\" class=\"mt-input-wrap\" style=\"display:none\">\n              <input type=\"text\" id=\"mt-answer-input\" class=\"mt-answer-input\"\n                     placeholder=\"Type your answer\u2026\" autocomplete=\"off\">\n            <\/div>\n\n            <div class=\"mt-action-row\">\n              <button id=\"mt-hint-btn\" class=\"mt-btn mt-btn-hint\">\ud83d\udca1 Hint<\/button>\n              <button id=\"mt-submit-btn\" class=\"mt-btn mt-btn-primary\" disabled>Check answer \u2192<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div id=\"mt-hint-drawer\" class=\"mt-hint-drawer\" style=\"display:none\">\n          <div class=\"mt-hint-tabs\">\n            <button class=\"mt-hint-tab mt-active\" data-level=\"1\">Nudge<\/button>\n            <button class=\"mt-hint-tab\" data-level=\"2\">Guide me<\/button>\n            <button class=\"mt-hint-tab\" data-level=\"3\">Full solution<\/button>\n          <\/div>\n          <div id=\"mt-hint-text\" class=\"mt-hint-text\">Loading hint\u2026<\/div>\n        <\/div>\n\n        <div id=\"mt-feedback\" class=\"mt-feedback\" style=\"display:none\">\n          <div class=\"mt-feedback-inner\">\n            <div id=\"mt-feedback-icon\" class=\"mt-feedback-icon\"><\/div>\n            <div class=\"mt-feedback-content\">\n              <div id=\"mt-feedback-message\" class=\"mt-feedback-message\"><\/div>\n              <div id=\"mt-solution-steps\" class=\"mt-solution-steps\"><\/div>\n            <\/div>\n          <\/div>\n          <button id=\"mt-next-btn\" class=\"mt-btn mt-btn-primary\">Next problem \u2192<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"mt-sidebar\">\n        <div class=\"mt-xp-card\">\n          <div class=\"mt-xp-top\">\n            <span class=\"mt-xp-label\">\u2726 XP today<\/span>\n            <span class=\"mt-streak-mini\">\ud83d\udd25 <span id=\"sb-streak\">\u2013<\/span><\/span>\n          <\/div>\n          <div class=\"mt-xp-val\"><span id=\"sb-xp\">\u2013<\/span><\/div>\n          <div class=\"mt-xp-bar-track\"><div class=\"mt-xp-bar-fill\" id=\"sb-xp-bar\"><\/div><\/div>\n        <\/div>\n\n        <div class=\"mt-map-card\">\n          <div class=\"mt-map-title\">Algebra<\/div>\n          <div class=\"mt-map-grid\" id=\"sb-algebra-pills\"><\/div>\n        <\/div>\n        <div class=\"mt-map-card\">\n          <div class=\"mt-map-title\">Geometry<\/div>\n          <div class=\"mt-map-grid\" id=\"sb-geometry-pills\"><\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <div id=\"mt-complete-screen\" class=\"mt-screen\">\n    <div class=\"mt-complete-card\">\n      <canvas id=\"mt-confetti-canvas\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:24px\"><\/canvas>\n      <div class=\"mt-complete-inner\">\n        <div class=\"mt-complete-emoji\">\ud83c\udf89<\/div>\n        <h2 class=\"mt-complete-title\">Session complete!<\/h2>\n        <p class=\"mt-complete-sub\" id=\"cs-msg\">Amazing work \u2014 keep it up!<\/p>\n        <div class=\"mt-complete-stats\">\n          <div class=\"mt-cstat\">\n            <span class=\"mt-cstat-val\" id=\"cs-correct\">\u2013<\/span>\n            <span class=\"mt-cstat-label\">Correct<\/span>\n          <\/div>\n          <div class=\"mt-cstat-divider\"><\/div>\n          <div class=\"mt-cstat\">\n            <span class=\"mt-cstat-val\" id=\"cs-accuracy\">\u2013<\/span>\n            <span class=\"mt-cstat-label\">Accuracy<\/span>\n          <\/div>\n          <div class=\"mt-cstat-divider\"><\/div>\n          <div class=\"mt-cstat\">\n            <span class=\"mt-cstat-val mt-green\" id=\"cs-xp\">\u2013<\/span>\n            <span class=\"mt-cstat-label\">XP earned<\/span>\n          <\/div>\n        <\/div>\n        <button id=\"mt-again-btn\" class=\"mt-btn mt-btn-primary mt-btn-lg\">Practice again \u2192<\/button>\n      <\/div>\n    <\/div>\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":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/josieswenson.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/josieswenson.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/josieswenson.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/josieswenson.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/josieswenson.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":1,"href":"https:\/\/josieswenson.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/josieswenson.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/josieswenson.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}