{"id":179,"date":"2024-06-18T18:20:51","date_gmt":"2024-06-18T18:20:51","guid":{"rendered":"https:\/\/wabisabiacademy.com\/?page_id=179"},"modified":"2024-06-18T18:20:53","modified_gmt":"2024-06-18T18:20:53","slug":"curriculum","status":"publish","type":"page","link":"https:\/\/wabisabiacademy.com\/index.php\/curriculum\/","title":{"rendered":"Curriculum"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"179\" class=\"elementor elementor-179\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa806b1 e-flex e-con-boxed e-con e-parent\" data-id=\"fa806b1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-502de70 elementor-widget elementor-widget-html\" data-id=\"502de70\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    :root {\r\n    --white-belt-colour: #ffffff;\r\n    --yellow-belt-colour: #FFE600;\r\n    --green-belt-colour: #00B549;\r\n    --blue-belt-colour: #0008CB;\r\n    --red-belt-colour: #EB0012;\r\n    --black-belt-colour: #000000;\r\n    --purple-belt-colour: #8B0097;\r\n}\r\n\r\n.grades-container {\r\n    display: flex;\r\n    flex-flow: row wrap;\r\n    margin: 0 auto;\r\n    align-items: center;\r\n    justify-content: center;\r\n    max-width: 900px;\r\n}\r\n\r\n.grade-button {\r\n    width: 180px;\r\n    height: 200px;\r\n    position: relative;\r\n    border: 1px solid black;\r\n    margin: 16px;\r\n    padding: 0;\r\n}\r\n\r\n.grade-button .tag {\r\n    height: 100%;\r\n    position: absolute;\r\n    right: 28px;\r\n    top: 0;\r\n    width: 24px;\r\n}\r\n\r\n.grade-button .content {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    justify-content: flex-start;\r\n    max-width: 90px;\r\n    font-size: 16px;\r\n    text-align: left;\r\n    font-family: \"Lato\", sans-serif;\r\n    margin: 0 0 2px 4px;\r\n    color: black;\r\n    z-index: 2;\r\n}\r\n\r\n.grade-button .content h2 {\r\n    font-weight: 300;\r\n    font-size: 16px;\r\n    text-decoration: none;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.grade-button .content h3 {\r\n    font-weight: 600;\r\n    font-size: 16px;\r\n    text-decoration: none;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.tag-left {\r\n    right: auto;\r\n    left: 28px;\r\n}\r\n\r\n.white {\r\n    background: var(--white-belt-colour);\r\n}\r\n\r\n.yellow {\r\n    background: var(--yellow-belt-colour);\r\n}\r\n\r\n.green {\r\n    background: var(--green-belt-colour);\r\n}\r\n\r\n.blue {\r\n    background: var(--blue-belt-colour);\r\n}\r\n\r\n.red {\r\n    background: var(--red-belt-colour);\r\n}\r\n\r\n.black {\r\n    background: var(--black-belt-colour);\r\n}\r\n\r\n.purple {\r\n    background: var(--purple-belt-colour);\r\n}\r\n<\/style>\r\n\r\n<script>\r\n    const classes = [\"rgb(255, 255, 255)\", \"rgb(255, 230, 0)\", \"rgb(0, 181, 73)\", \"rgb(0, 8, 203)\", \"rgb(235, 0, 18)\", \"rgb(0, 0, 0)\"];                           \r\nconst colours = [\"white\", \"yellow\", \"green\", \"blue\", \"red\", \"black\"];\r\n\r\ngradeTransition = (tileId, direction) => {\r\n    tile = document.getElementById(tileId);\r\n    tag = tile.getElementsByClassName(\"tag\")[0]; \r\n\r\n    const startColours = tileId.split('-');\r\n    const startBelt = colours.indexOf(String(startColours[0]));\r\n    const startTag = colours.indexOf(String(startColours[1]));\r\n    if (colours.indexOf(startColours[0]) < 0) {\r\n        return;\r\n    }\r\n\r\n    const targetColours = tileId.split('-');\r\n    var startsWithTag = true;\r\n    if (startColours[0].localeCompare(startColours[1]) == 0) {\r\n        startsWithTag = false;\r\n    }\r\n\r\n    if (startsWithTag) {\r\n        targetColours[0] = targetColours[1];\r\n    } else {\r\n        let indexOfCurrentTag = colours.indexOf(String(targetColours[1]));\r\n        targetColours[1] = colours[indexOfCurrentTag+1];\r\n    }\r\n\r\n    const endBelt = colours.indexOf(String(targetColours[0]));\r\n    const endTag = colours.indexOf(String(targetColours[1]));\r\n\r\n    if (direction == 1) {\r\n        window.jQuery(tile).css(\"background-color\", `${classes[endBelt]}`);\r\n        window.jQuery(tag).css(\"background-color\", `${classes[endTag]}`);\r\n    } else {\r\n        window.jQuery(tile).css(\"background-color\", `${classes[startBelt]}`);\r\n        window.jQuery(tag).css(\"background-color\", `${classes[startTag]}`);\r\n    }\r\n    \r\n}\r\n\r\n<\/script>\r\n<div class=\"std-page-content\">\r\n        \r\n        <div class=\"grades-container\">\r\n            \r\n                        <a href=\"https:\/\/wabisabiacademy.com\/index.php\/white-belt-to-yellow-tag-10th-to-9th-kup\/ \" class=\"grade-button white state-0\" id=\"white-white\" onmouseenter=\"gradeTransition('white-white', 1)\" onmouseleave=\"gradeTransition('white-white', 2)\">\r\n                            <div class=\"tag white\"><\/div>\r\n                            <div class=\"content\">\r\n                                <h2>White Belt - Yellow Tag<\/h2>\r\n                                <h3>10th to 9th KUP<\/h3>\r\n                            <\/div>\r\n                        <\/a>\r\n                \r\n                        <a href= \"https:\/\/wabisabiacademy.com\/index.php\/yellow-tag-to-yellow-belt-9th-to-8th-kup\/\" class=\"grade-button white state-0\" id=\"white-yellow\" onmouseenter=\"gradeTransition('white-yellow', 1)\" onmouseleave=\"gradeTransition('white-yellow', 2)\">\r\n                            <div class=\"tag yellow\"><\/div>\r\n                            <div class=\"content\">\r\n                                <h2>Yellow Tag - Yellow Belt<\/h2>\r\n                                <h3>9th to 8th KUP<\/h3>\r\n                            <\/div>\r\n                        <\/a>\r\n                \r\n                        <a href=\"https:\/\/wabisabiacademy.com\/index.php\/yellow-belt-to-green-tag-8th-to-7th-kup\/\" class=\"grade-button yellow state-0\" id=\"yellow-yellow\" onmouseenter=\"gradeTransition('yellow-yellow', 1)\" onmouseleave=\"gradeTransition('yellow-yellow', 2)\" style=\"background-color: rgb(255, 230, 0);\">\r\n                            <div class=\"tag yellow\" style=\"background-color: rgb(255, 230, 0);\"><\/div>\r\n                            <div class=\"content\">\r\n                                <h2>Yellow Belt - Green Tag<\/h2>\r\n                                <h3>8th to 7th KUP<\/h3>\r\n                            <\/div>\r\n                        <\/a>\r\n                \r\n                        <a href=\"https:\/\/wabisabiacademy.com\/index.php\/green-tag-to-green-belt-7th-to-6th-kup\/ \" class=\"grade-button yellow state-0\" id=\"yellow-green\" onmouseenter=\"gradeTransition('yellow-green', 1)\" onmouseleave=\"gradeTransition('yellow-green', 2)\" style=\"background-color: rgb(255, 230, 0);\">\r\n                            <div class=\"tag green\" style=\"background-color: rgb(0, 181, 73);\"><\/div>\r\n                            <div class=\"content\">\r\n                                <h2>Green Tag - Green Belt<\/h2>\r\n                                <h3>7th to 6th KUP<\/h3>\r\n                            <\/div>\r\n                        <\/a>\r\n                \r\n                        <a href=\"https:\/\/wabisabiacademy.com\/index.php\/green-belt-going-for-blue-tag-6th-to-5th-kup\/ \" class=\"grade-button green state-0\" id=\"green-green\" onmouseenter=\"gradeTransition('green-green', 1)\" onmouseleave=\"gradeTransition('green-green', 2)\">\r\n                            <div class=\"tag green\"><\/div>\r\n                            <div class=\"content\">\r\n                                <h2>Green Belt - Blue Tag<\/h2>\r\n                                <h3>6th to 5th KUP<\/h3>\r\n                            <\/div>\r\n                        <\/a>\r\n                \r\n                        <a href=\"https:\/\/wabisabiacademy.com\/index.php\/blue-tag-to-blue-belt-5th-to-4th-kup\/ \" class=\"grade-button green state-0\" id=\"green-blue\" onmouseenter=\"gradeTransition('green-blue', 1)\" onmouseleave=\"gradeTransition('green-blue', 2)\">\r\n                            <div class=\"tag blue\"><\/div>\r\n                            <div class=\"content\">\r\n                                <h2>Blue Tag - Blue Belt<\/h2>\r\n                                <h3>5th to 4th KUP<\/h3>\r\n                            <\/div>\r\n                        <\/a>\r\n                \r\n                        <a href=\"https:\/\/wabisabiacademy.com\/index.php\/blue-belt-to-red-tag-4th-to-3rd-kup\/ \" class=\"grade-button blue state-0\" id=\"blue-blue\" onmouseenter=\"gradeTransition('blue-blue', 1)\" onmouseleave=\"gradeTransition('blue-blue', 2)\">\r\n                            <div class=\"tag blue\"><\/div>\r\n                            <div class=\"content\">\r\n                                <h2>Blue Belt - Red Tag<\/h2>\r\n                                <h3>4th to 3rd KUP<\/h3>\r\n                            <\/div>\r\n                        <\/a>\r\n                \r\n                        <a href=\"https:\/\/wabisabiacademy.com\/index.php\/red-tag-to-red-belt-3rd-to-2nd-kup\/ \" class=\"grade-button blue state-0\" id=\"blue-red\" onmouseenter=\"gradeTransition('blue-red', 1)\" onmouseleave=\"gradeTransition('blue-red', 2)\">\r\n                            <div class=\"tag red\"><\/div>\r\n                            <div class=\"content\">\r\n                                <h2>Red Tag - Red Belt<\/h2>\r\n                                <h3>3rd to 2nd KUP<\/h3>\r\n                            <\/div>\r\n                        <\/a>\r\n                \r\n                        <a href=\"https:\/\/wabisabiacademy.com\/index.php\/red-belt-to-black-tag-2nd-to-1st-kup\/ \" class=\"grade-button red state-0\" id=\"red-red\" onmouseenter=\"gradeTransition('red-red', 1)\" onmouseleave=\"gradeTransition('red-red', 2)\">\r\n                            <div class=\"tag red\"><\/div>\r\n                            <div class=\"content\">\r\n                                <h2>Red Belt - Black Tag<\/h2>\r\n                                <h3>2nd to 1st KUP<\/h3>\r\n                            <\/div>\r\n                        <\/a>\r\n                \r\n                        <a href=\"https:\/\/wabisabiacademy.com\/index.php\/purple-belt-non-grading\/ \" class=\"grade-button purple state-0\" id=\"purple-purple\" onmouseenter=\"gradeTransition('purple-purple', 1)\" onmouseleave=\"gradeTransition('purple-purple', 2)\">\r\n                            <div class=\"tag purple\"><\/div>\r\n                            <div class=\"content\">\r\n                                <h2>Purple Belt<\/h2>\r\n                                <h3>Non-grading<\/h3>\r\n                            <\/div>\r\n                        <\/a>\r\n                        <\/div>\r\n    <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>White Belt &#8211; Yellow Tag 10th to 9th KUP Yellow Tag &#8211; Yellow Belt 9th to 8th KUP Yellow Belt &#8211; Green Tag 8th to 7th KUP Green Tag &#8211; Green Belt 7th to 6th KUP Green Belt &#8211; Blue Tag 6th to 5th KUP Blue Tag &#8211; Blue Belt 5th to 4th KUP Blue [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-179","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wabisabiacademy.com\/index.php\/wp-json\/wp\/v2\/pages\/179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wabisabiacademy.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wabisabiacademy.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wabisabiacademy.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wabisabiacademy.com\/index.php\/wp-json\/wp\/v2\/comments?post=179"}],"version-history":[{"count":24,"href":"https:\/\/wabisabiacademy.com\/index.php\/wp-json\/wp\/v2\/pages\/179\/revisions"}],"predecessor-version":[{"id":252,"href":"https:\/\/wabisabiacademy.com\/index.php\/wp-json\/wp\/v2\/pages\/179\/revisions\/252"}],"wp:attachment":[{"href":"https:\/\/wabisabiacademy.com\/index.php\/wp-json\/wp\/v2\/media?parent=179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}