{"id":995,"date":"2026-02-13T04:41:58","date_gmt":"2026-02-13T04:41:58","guid":{"rendered":"https:\/\/withifi.muhubonurture.nl\/?page_id=995"},"modified":"2026-08-29T15:53:21","modified_gmt":"2026-08-29T15:53:21","slug":"oefenen-met-voltooide-tijd","status":"publish","type":"page","link":"https:\/\/withifi.muhubonurture.nl\/?page_id=995","title":{"rendered":"Oefenen Met Voltooide Tijd"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"995\" class=\"elementor elementor-995\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c758180 e-con-full e-flex e-con e-parent\" data-id=\"c758180\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a13d053 elementor-widget elementor-widget-html\" data-id=\"a13d053\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n     WITH IFI \u2014 VOLTOOIDE TIJD OEFENEN\r\n     3 LEVELS + IFI ALS BEGELEIDER\r\n========================================= -->\r\n\r\n<style>\r\n\r\nbody{\r\n  margin:0;\r\n  font-family:'Inter',sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PAGINA\r\n========================================= *\/\r\n\r\n.vtt-page{\r\n  min-height:100vh;\r\n  padding:6rem 6vw 5rem;\r\n\r\n  color:#3A2B24;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 16% 18%,\r\n      rgba(255,255,255,.88) 0%,\r\n      transparent 31%\r\n    ),\r\n    radial-gradient(\r\n      circle at 86% 22%,\r\n      rgba(230,244,237,.58) 0%,\r\n      transparent 31%\r\n    ),\r\n    radial-gradient(\r\n      circle at 50% 86%,\r\n      rgba(255,232,240,.48) 0%,\r\n      transparent 38%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #F9FBF8 0%,\r\n      #EEF7F3 48%,\r\n      #FFF8EF 100%\r\n    );\r\n}\r\n\r\n.vtt-wrap{\r\n  max-width:1180px;\r\n  margin:0 auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HERO\r\n========================================= *\/\r\n\r\n.vtt-hero{\r\n  max-width:940px;\r\n  margin:0 auto 3.5rem;\r\n  padding:3.1rem;\r\n\r\n  border-radius:42px;\r\n\r\n  background:rgba(255,255,255,.64);\r\n  border:1px solid rgba(255,255,255,.96);\r\n\r\n  box-shadow:0 16px 42px rgba(90,70,55,.08);\r\n\r\n  backdrop-filter:blur(16px);\r\n  -webkit-backdrop-filter:blur(16px);\r\n\r\n  text-align:center;\r\n}\r\n\r\n.vtt-label{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:.45rem;\r\n\r\n  margin-bottom:1.2rem;\r\n  padding:10px 18px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:rgba(255,255,255,.78);\r\n  border:1px solid rgba(255,255,255,.96);\r\n\r\n  color:#8B6B55;\r\n\r\n  font-size:.9rem;\r\n  font-weight:900;\r\n}\r\n\r\n.vtt-title{\r\n  margin:0 0 1.2rem;\r\n\r\n  color:#3A2B24;\r\n\r\n  font-size:clamp(42px,6vw,72px);\r\n  line-height:1.05;\r\n\r\n  font-weight:950;\r\n}\r\n\r\n.vtt-intro{\r\n  max-width:760px;\r\n  margin:0 auto;\r\n\r\n  color:#7A6455;\r\n\r\n  font-size:19px;\r\n  line-height:1.85;\r\n\r\n  font-weight:650;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LEVEL ROUTE\r\n========================================= *\/\r\n\r\n.vtt-level-route{\r\n  max-width:1000px;\r\n  margin:0 auto 3rem;\r\n\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n\r\n  gap:1.2rem;\r\n}\r\n\r\n.vtt-route-level{\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  padding:1.6rem;\r\n\r\n  border-radius:30px;\r\n\r\n  border:1px solid rgba(255,255,255,.95);\r\n\r\n  box-shadow:0 10px 28px rgba(90,70,55,.06);\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.vtt-route-level:nth-child(1){\r\n  background:linear-gradient(\r\n    135deg,\r\n    #FFF4E3,\r\n    #FFF9EF\r\n  );\r\n}\r\n\r\n.vtt-route-level:nth-child(2){\r\n  background:linear-gradient(\r\n    135deg,\r\n    #EAF7F1,\r\n    #F7FFFB\r\n  );\r\n}\r\n\r\n.vtt-route-level:nth-child(3){\r\n  background:linear-gradient(\r\n    135deg,\r\n    #FFEAF1,\r\n    #FFF7FA\r\n  );\r\n}\r\n\r\n.vtt-route-level::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:120px;\r\n  height:120px;\r\n\r\n  right:-42px;\r\n  top:-42px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:rgba(255,255,255,.5);\r\n}\r\n\r\n.vtt-route-level.active{\r\n  transform:translateY(-5px);\r\n  box-shadow:0 18px 38px rgba(90,70,55,.11);\r\n}\r\n\r\n.vtt-route-level.done{\r\n  opacity:.72;\r\n}\r\n\r\n.vtt-route-icon{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:52px;\r\n  height:52px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  margin-bottom:.9rem;\r\n\r\n  border-radius:18px;\r\n\r\n  background:rgba(255,255,255,.78);\r\n\r\n  font-size:1.45rem;\r\n}\r\n\r\n.vtt-route-level h3{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  margin:0 0 .4rem;\r\n\r\n  color:#3A2B24;\r\n\r\n  font-size:1.15rem;\r\n  font-weight:950;\r\n}\r\n\r\n.vtt-route-level p{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  margin:0;\r\n\r\n  color:#7A6455;\r\n\r\n  font-size:.96rem;\r\n  line-height:1.6;\r\n\r\n  font-weight:650;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SUPPORT LEVEL 1\r\n========================================= *\/\r\n\r\n.vtt-support{\r\n  max-width:900px;\r\n  margin:0 auto 2.3rem;\r\n\r\n  text-align:center;\r\n}\r\n\r\n.vtt-support-title{\r\n  margin-bottom:1rem;\r\n\r\n  color:#7A6455;\r\n\r\n  font-size:.95rem;\r\n  font-weight:850;\r\n}\r\n\r\n.vtt-support-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,1fr);\r\n\r\n  gap:1rem;\r\n}\r\n\r\n.vtt-support-card{\r\n  padding:1.35rem;\r\n\r\n  border-radius:24px;\r\n\r\n  border:1px solid rgba(255,255,255,.96);\r\n\r\n  box-shadow:0 8px 20px rgba(90,70,55,.06);\r\n}\r\n\r\n.vtt-support-card.busy{\r\n  background:linear-gradient(\r\n    135deg,\r\n    #FFF4E8,\r\n    #FFF9F3\r\n  );\r\n}\r\n\r\n.vtt-support-card.done{\r\n  background:linear-gradient(\r\n    135deg,\r\n    #EAF7F1,\r\n    #F7FFFB\r\n  );\r\n}\r\n\r\n.vtt-support-icon{\r\n  display:block;\r\n\r\n  margin-bottom:.55rem;\r\n\r\n  font-size:2rem;\r\n}\r\n\r\n.vtt-support-card strong{\r\n  display:block;\r\n\r\n  margin-bottom:.35rem;\r\n\r\n  color:#3A2B24;\r\n\r\n  font-size:1.08rem;\r\n  font-weight:950;\r\n}\r\n\r\n.vtt-support-card span{\r\n  color:#7A6455;\r\n\r\n  font-size:.95rem;\r\n  line-height:1.6;\r\n\r\n  font-weight:700;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   OEFENKAART\r\n========================================= *\/\r\n\r\n.vtt-oefen-box{\r\n  max-width:1120px;\r\n\r\n  margin:0 auto;\r\n\r\n  padding:2.4rem;\r\n\r\n  border-radius:42px;\r\n\r\n  background:rgba(255,255,255,.68);\r\n\r\n  border:1px solid rgba(255,255,255,.96);\r\n\r\n  box-shadow:0 18px 46px rgba(90,70,55,.09);\r\n\r\n  backdrop-filter:blur(14px);\r\n  -webkit-backdrop-filter:blur(14px);\r\n}\r\n\r\n.vtt-oefen-layout{\r\n  display:grid;\r\n\r\n  grid-template-columns:minmax(0,1fr) 235px;\r\n\r\n  gap:2.2rem;\r\n\r\n  align-items:center;\r\n}\r\n\r\n.vtt-oefen-main{\r\n  min-width:0;\r\n  text-align:center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TOP\r\n========================================= *\/\r\n\r\n.vtt-oefen-top{\r\n  display:flex;\r\n\r\n  justify-content:space-between;\r\n  align-items:center;\r\n\r\n  gap:1rem;\r\n\r\n  margin-bottom:1.4rem;\r\n}\r\n\r\n.vtt-level-pill,\r\n.vtt-vraag-pill{\r\n  padding:10px 16px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:rgba(255,255,255,.88);\r\n\r\n  color:#8B6B55;\r\n\r\n  font-size:.9rem;\r\n  font-weight:900;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PROGRESS\r\n========================================= *\/\r\n\r\n.vtt-progress-wrap{\r\n  width:100%;\r\n  height:9px;\r\n\r\n  margin-bottom:2.5rem;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#F4EFEA;\r\n}\r\n\r\n.vtt-progress-bar{\r\n  width:0%;\r\n  height:100%;\r\n\r\n  border-radius:999px;\r\n\r\n  background:linear-gradient(\r\n    90deg,\r\n    #FFD9B5 0%,\r\n    #DDEFE6 55%,\r\n    #F4CFE0 100%\r\n  );\r\n\r\n  transition:width .35s ease;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   VRAAG\r\n========================================= *\/\r\n\r\n.vtt-vraag-type{\r\n  display:inline-block;\r\n\r\n  margin-bottom:.8rem;\r\n\r\n  padding:7px 13px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#FFF3E8;\r\n\r\n  color:#8B6B55;\r\n\r\n  font-size:.82rem;\r\n  font-weight:900;\r\n}\r\n\r\n.vtt-vraag-title{\r\n  max-width:650px;\r\n\r\n  margin:0 auto .65rem;\r\n\r\n  color:#3A2B24;\r\n\r\n  font-size:clamp(1.5rem,3vw,2rem);\r\n\r\n  line-height:1.3;\r\n\r\n  font-weight:950;\r\n}\r\n\r\n.vtt-helper{\r\n  max-width:650px;\r\n\r\n  margin:0 auto 1.6rem;\r\n\r\n  color:#7A6455;\r\n\r\n  font-size:1rem;\r\n  line-height:1.7;\r\n\r\n  font-weight:700;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ZIN\r\n========================================= *\/\r\n\r\n.vtt-stimulus{\r\n  max-width:760px;\r\n\r\n  margin:1.2rem auto 2rem;\r\n\r\n  padding:1.4rem 1.6rem;\r\n\r\n  border-radius:25px;\r\n\r\n  background:linear-gradient(\r\n    135deg,\r\n    #FFF9F3 0%,\r\n    #F8FCFA 100%\r\n  );\r\n\r\n  border:1px solid rgba(255,255,255,.96);\r\n\r\n  color:#3A2B24;\r\n\r\n  font-size:clamp(1.65rem,4vw,2.7rem);\r\n\r\n  line-height:1.45;\r\n\r\n  font-weight:950;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ANTWOORDEN\r\n========================================= *\/\r\n\r\n.vtt-antwoorden{\r\n  display:flex;\r\n\r\n  justify-content:center;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:.9rem;\r\n}\r\n\r\n.vtt-answer{\r\n  min-width:145px;\r\n\r\n  padding:1rem 1.45rem;\r\n\r\n  border:none;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#FFF9F4;\r\n\r\n  color:#3A2B24 !important;\r\n\r\n  box-shadow:0 8px 20px rgba(90,70,55,.07);\r\n\r\n  font-family:inherit;\r\n\r\n  font-size:1rem;\r\n  font-weight:900;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:.22s ease;\r\n}\r\n\r\n.vtt-answer:hover{\r\n  transform:translateY(-2px);\r\n\r\n  background:#FFF0DE;\r\n}\r\n\r\n.vtt-answer.correct{\r\n  background:#DDF5E4 !important;\r\n\r\n  color:#315D43 !important;\r\n}\r\n\r\n.vtt-answer.try-again{\r\n  background:#FFF0E8 !important;\r\n\r\n  color:#8A5D4C !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INPUT\r\n========================================= *\/\r\n\r\n.vtt-input-wrap{\r\n  max-width:440px;\r\n\r\n  margin:0 auto;\r\n}\r\n\r\n.vtt-input{\r\n  width:100%;\r\n\r\n  box-sizing:border-box;\r\n\r\n  padding:1rem 1.25rem;\r\n\r\n  border:2px solid #E7DAD0;\r\n\r\n  border-radius:20px;\r\n\r\n  outline:none;\r\n\r\n  background:#FFFDFC;\r\n\r\n  color:#3A2B24;\r\n\r\n  text-align:center;\r\n\r\n  font-family:inherit;\r\n\r\n  font-size:1.25rem;\r\n  font-weight:900;\r\n\r\n  transition:.2s ease;\r\n}\r\n\r\n.vtt-input:focus{\r\n  border-color:#C9DED5;\r\n\r\n  box-shadow:0 0 0 5px rgba(207,234,214,.35);\r\n}\r\n\r\n.vtt-input.correct{\r\n  background:#F0FAF3;\r\n\r\n  border-color:#C4E4CF;\r\n}\r\n\r\n.vtt-input.try-again{\r\n  background:#FFF7F2;\r\n\r\n  border-color:#F1D7C9;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BUTTONS\r\n========================================= *\/\r\n\r\n.vtt-check-btn,\r\n.vtt-next-btn,\r\n.vtt-restart-btn{\r\n  margin-top:1.4rem;\r\n\r\n  padding:1rem 1.8rem;\r\n\r\n  border:none;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#FFD6A8;\r\n\r\n  color:#3A2B24;\r\n\r\n  box-shadow:0 9px 22px rgba(90,70,55,.08);\r\n\r\n  font-family:inherit;\r\n\r\n  font-size:1rem;\r\n  font-weight:950;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:.22s ease;\r\n}\r\n\r\n.vtt-check-btn:hover,\r\n.vtt-next-btn:hover,\r\n.vtt-restart-btn:hover{\r\n  transform:translateY(-2px);\r\n\r\n  background:#FFF0DE;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   FEEDBACK\r\n========================================= *\/\r\n\r\n.vtt-feedback{\r\n  min-height:34px;\r\n\r\n  margin-top:1.5rem;\r\n\r\n  color:#7A6455;\r\n\r\n  font-size:1rem;\r\n  line-height:1.7;\r\n\r\n  font-weight:800;\r\n}\r\n\r\n.vtt-feedback.good{\r\n  color:#47735A;\r\n}\r\n\r\n.vtt-feedback.retry{\r\n  color:#8A6555;\r\n}\r\n\r\n.vtt-next-wrap{\r\n  display:none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IFI RECHTS\r\n========================================= *\/\r\n\r\n.vtt-ifi-side{\r\n  align-self:stretch;\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  justify-content:center;\r\n  align-items:center;\r\n\r\n  gap:1rem;\r\n\r\n  padding:.5rem 0;\r\n}\r\n\r\n.vtt-ifi-side-avatar{\r\n  display:block;\r\n\r\n  width:205px;\r\n\r\n  max-width:100%;\r\n  max-height:330px;\r\n\r\n  height:auto;\r\n\r\n  object-fit:contain;\r\n\r\n  filter:drop-shadow(\r\n    0 14px 24px rgba(90,70,55,.10)\r\n  );\r\n\r\n  transition:\r\n    opacity .25s ease,\r\n    transform .25s ease;\r\n}\r\n\r\n.vtt-ifi-side-bubble{\r\n  width:100%;\r\n\r\n  box-sizing:border-box;\r\n\r\n  padding:1rem 1.15rem;\r\n\r\n  border-radius:24px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 18% 18%,\r\n      rgba(255,255,255,.94) 0%,\r\n      transparent 40%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #FFF8EF 0%,\r\n      #F3FBF8 100%\r\n    );\r\n\r\n  border:1px solid rgba(255,255,255,.96);\r\n\r\n  box-shadow:0 10px 26px rgba(90,70,55,.07);\r\n\r\n  text-align:center;\r\n}\r\n\r\n.vtt-ifi-name{\r\n  display:inline-block;\r\n\r\n  margin-bottom:.5rem;\r\n\r\n  padding:6px 11px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:rgba(255,255,255,.82);\r\n\r\n  color:#8B6B55;\r\n\r\n  font-size:.82rem;\r\n  font-weight:900;\r\n}\r\n\r\n.vtt-ifi-message{\r\n  margin:0;\r\n\r\n  color:#5F4B3F;\r\n\r\n  font-size:.95rem;\r\n  line-height:1.65;\r\n\r\n  font-weight:750;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LEVEL OVERGANG\r\n========================================= *\/\r\n\r\n.vtt-level-transition{\r\n  display:none;\r\n\r\n  padding:2.2rem;\r\n\r\n  border-radius:30px;\r\n\r\n  background:linear-gradient(\r\n    135deg,\r\n    #FFF8EF,\r\n    #F3FBF8\r\n  );\r\n\r\n  text-align:center;\r\n}\r\n\r\n.vtt-level-transition h3{\r\n  margin:0 0 .7rem;\r\n\r\n  color:#3A2B24;\r\n\r\n  font-size:1.6rem;\r\n  font-weight:950;\r\n}\r\n\r\n.vtt-level-transition p{\r\n  max-width:620px;\r\n\r\n  margin:0 auto;\r\n\r\n  color:#7A6455;\r\n\r\n  line-height:1.8;\r\n\r\n  font-weight:700;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   FINISH\r\n========================================= *\/\r\n\r\n.vtt-finish{\r\n  display:none;\r\n\r\n  text-align:center;\r\n}\r\n\r\n.vtt-finish-avatar{\r\n  width:180px;\r\n\r\n  max-height:250px;\r\n\r\n  object-fit:contain;\r\n\r\n  margin:0 auto 1rem;\r\n\r\n  filter:drop-shadow(\r\n    0 12px 22px rgba(90,70,55,.10)\r\n  );\r\n}\r\n\r\n.vtt-finish h2{\r\n  margin:.5rem 0 .8rem;\r\n\r\n  color:#3A2B24;\r\n\r\n  font-size:clamp(2rem,4vw,3rem);\r\n\r\n  font-weight:950;\r\n}\r\n\r\n.vtt-finish p{\r\n  max-width:620px;\r\n\r\n  margin:0 auto;\r\n\r\n  color:#7A6455;\r\n\r\n  font-size:1.05rem;\r\n  line-height:1.8;\r\n\r\n  font-weight:700;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   NOTE\r\n========================================= *\/\r\n\r\n.vtt-note{\r\n  max-width:760px;\r\n\r\n  margin:3rem auto 0;\r\n\r\n  padding:1.7rem;\r\n\r\n  border-radius:28px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 12% 18%,\r\n      rgba(255,255,255,.88),\r\n      transparent 34%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #FFF8EF,\r\n      #F3FBF8 52%,\r\n      #EEF7FE\r\n    );\r\n\r\n  border:1px solid rgba(255,255,255,.96);\r\n\r\n  box-shadow:0 14px 34px rgba(90,70,55,.07);\r\n\r\n  text-align:center;\r\n\r\n  color:#7A6455;\r\n\r\n  font-size:1rem;\r\n  line-height:1.8;\r\n\r\n  font-weight:700;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n  .vtt-oefen-layout{\r\n    grid-template-columns:minmax(0,1fr) 175px;\r\n\r\n    gap:1.2rem;\r\n  }\r\n\r\n  .vtt-ifi-side-avatar{\r\n    width:155px;\r\n  }\r\n\r\n  .vtt-ifi-message{\r\n    font-size:.88rem;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n  .vtt-page{\r\n    padding:4rem 5vw;\r\n  }\r\n\r\n  .vtt-hero{\r\n    padding:2.3rem 1.7rem;\r\n  }\r\n\r\n  .vtt-level-route{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .vtt-support-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .vtt-oefen-box{\r\n    padding:1.5rem 1.15rem;\r\n  }\r\n\r\n  .vtt-oefen-layout{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .vtt-oefen-top{\r\n    justify-content:center;\r\n\r\n    flex-wrap:wrap;\r\n  }\r\n\r\n  .vtt-ifi-side{\r\n    order:-1;\r\n\r\n    flex-direction:row;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:1rem;\r\n\r\n    padding:.2rem 0 1rem;\r\n  }\r\n\r\n  .vtt-ifi-side-avatar{\r\n    width:95px;\r\n\r\n    flex-shrink:0;\r\n  }\r\n\r\n  .vtt-ifi-side-bubble{\r\n    text-align:left;\r\n  }\r\n\r\n  .vtt-answer{\r\n    width:100%;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   EXTRA KLEIN\r\n========================================= *\/\r\n\r\n@media(max-width:480px){\r\n\r\n  .vtt-ifi-side{\r\n    flex-direction:column;\r\n\r\n    text-align:center;\r\n  }\r\n\r\n  .vtt-ifi-side-bubble{\r\n    text-align:center;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section\r\n  class=\"jouw-class\"\r\n  data-withifi-world=\"woordenwereld\"\r\n  data-withifi-parent=\"taalbouwen\">\r\n\r\n  <div class=\"vtt-wrap\">\r\n\r\n\r\n    <!-- =====================================\r\n         HERO\r\n    ====================================== -->\r\n\r\n    <div class=\"vtt-hero\">\r\n\r\n      <div class=\"vtt-label\">\r\n        \u2705 Taal bouwen\r\n      <\/div>\r\n\r\n      <h1 class=\"vtt-title\">\r\n        Voltooide tijd oefenen.\r\n      <\/h1>\r\n\r\n      <p class=\"vtt-intro\">\r\n        Soms is iets nog bezig.\r\n        Soms is de actie\r\n        <strong>al gedaan of klaar<\/strong>.\r\n        Dan gebruiken we vaak woorden zoals\r\n        <strong>heb, hebt, heeft<\/strong>\r\n        of\r\n        <strong>hebben<\/strong>.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         LEVEL ROUTE\r\n    ====================================== -->\r\n\r\n    <div class=\"vtt-level-route\">\r\n\r\n\r\n      <div\r\n        class=\"vtt-route-level active\"\r\n        id=\"vttRoute1\">\r\n\r\n        <div class=\"vtt-route-icon\">\r\n          \ud83c\udf31\r\n        <\/div>\r\n\r\n        <h3>\r\n          Level 1 \u00b7 Herkennen\r\n        <\/h3>\r\n\r\n        <p>\r\n          Is de actie nog bezig of al klaar?\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div\r\n        class=\"vtt-route-level\"\r\n        id=\"vttRoute2\">\r\n\r\n        <div class=\"vtt-route-icon\">\r\n          \ud83c\udf3f\r\n        <\/div>\r\n\r\n        <h3>\r\n          Level 2 \u00b7 Opbouwen\r\n        <\/h3>\r\n\r\n        <p>\r\n          Kies het hulpwoord en het goede voltooid deelwoord.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div\r\n        class=\"vtt-route-level\"\r\n        id=\"vttRoute3\">\r\n\r\n        <div class=\"vtt-route-icon\">\r\n          \ud83c\udf33\r\n        <\/div>\r\n\r\n        <h3>\r\n          Level 3 \u00b7 Zelf doen\r\n        <\/h3>\r\n\r\n        <p>\r\n          Maak zelf een zin in de voltooide tijd af.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         SUPPORT LEVEL 1\r\n    ====================================== -->\r\n\r\n    <div\r\n      class=\"vtt-support\"\r\n      id=\"vttSupport\">\r\n\r\n      <div class=\"vtt-support-title\">\r\n        Kijk naar het verschil\r\n      <\/div>\r\n\r\n      <div class=\"vtt-support-grid\">\r\n\r\n\r\n        <div class=\"vtt-support-card busy\">\r\n\r\n          <span class=\"vtt-support-icon\">\r\n            \ud83c\udf31\r\n          <\/span>\r\n\r\n          <strong>\r\n            Nu bezig\r\n          <\/strong>\r\n\r\n          <span>\r\n            Ik speel buiten.<br>\r\n            De actie gebeurt nu.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"vtt-support-card done\">\r\n\r\n          <span class=\"vtt-support-icon\">\r\n            \u2705\r\n          <\/span>\r\n\r\n          <strong>\r\n            Al klaar\r\n          <\/strong>\r\n\r\n          <span>\r\n            Ik heb buiten gespeeld.<br>\r\n            De actie is al gedaan.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         OEFENSECTIE\r\n    ====================================== -->\r\n\r\n    <div class=\"vtt-oefen-box\">\r\n\r\n      <div class=\"vtt-oefen-layout\">\r\n\r\n\r\n        <!-- LINKERKANT -->\r\n\r\n        <div class=\"vtt-oefen-main\">\r\n\r\n\r\n          <div id=\"vttExerciseContent\">\r\n\r\n\r\n            <div class=\"vtt-oefen-top\">\r\n\r\n              <div\r\n                class=\"vtt-level-pill\"\r\n                id=\"vttLevelPill\">\r\n\r\n                \ud83c\udf31 Level 1 \u00b7 Herkennen\r\n\r\n              <\/div>\r\n\r\n\r\n              <div\r\n                class=\"vtt-vraag-pill\"\r\n                id=\"vttQuestionCounter\">\r\n\r\n                Vraag 1\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vtt-progress-wrap\">\r\n\r\n              <div\r\n                class=\"vtt-progress-bar\"\r\n                id=\"vttProgressBar\">\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n              class=\"vtt-vraag-type\"\r\n              id=\"vttQuestionType\">\r\n\r\n              Herkennen\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n              class=\"vtt-vraag-title\"\r\n              id=\"vttQuestionTitle\">\r\n            <\/div>\r\n\r\n\r\n            <div\r\n              class=\"vtt-helper\"\r\n              id=\"vttHelper\">\r\n            <\/div>\r\n\r\n\r\n            <div\r\n              class=\"vtt-stimulus\"\r\n              id=\"vttStimulus\">\r\n            <\/div>\r\n\r\n\r\n            <div id=\"vttAnswerArea\">\r\n            <\/div>\r\n\r\n\r\n            <div\r\n              class=\"vtt-feedback\"\r\n              id=\"vttFeedback\">\r\n            <\/div>\r\n\r\n\r\n            <div\r\n              class=\"vtt-next-wrap\"\r\n              id=\"vttNextWrap\">\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"vtt-next-btn\"\r\n                id=\"vttNextBtn\">\r\n\r\n                Rustig verder \ud83c\udf3f\r\n\r\n              <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- LEVEL OVERGANG -->\r\n\r\n          <div\r\n            class=\"vtt-level-transition\"\r\n            id=\"vttTransition\">\r\n\r\n            <h3 id=\"vttTransitionTitle\">\r\n            <\/h3>\r\n\r\n            <p id=\"vttTransitionText\">\r\n            <\/p>\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"vtt-next-btn\"\r\n              id=\"vttStartNextLevel\">\r\n\r\n              Verder \ud83c\udf3f\r\n\r\n            <\/button>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- EINDE -->\r\n\r\n          <div\r\n            class=\"vtt-finish\"\r\n            id=\"vttFinish\">\r\n\r\n            <img decoding=\"async\"\r\n              class=\"vtt-finish-avatar\"\r\n              src=\"https:\/\/withifi.muhubonurture.nl\/wp-content\/uploads\/2026\/06\/Goed-Gedaan.png\"\r\n              alt=\"Ifi zegt goed gedaan\">\r\n\r\n            <h2>\r\n              Goed geoefend \ud83c\udf38\r\n            <\/h2>\r\n\r\n            <p id=\"vttResultText\">\r\n            <\/p>\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"vtt-restart-btn\"\r\n              id=\"vttRestartBtn\">\r\n\r\n              Nog een keer oefenen \ud83c\udf3f\r\n\r\n            <\/button>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================\r\n             IFI RECHTS\r\n        ================================== -->\r\n\r\n        <aside class=\"vtt-ifi-side\">\r\n\r\n          <img decoding=\"async\"\r\n            id=\"vttIfiAvatar\"\r\n            class=\"vtt-ifi-side-avatar\"\r\n            src=\"https:\/\/withifi.muhubonurture.nl\/wp-content\/uploads\/2026\/06\/uitleg.png\"\r\n            alt=\"Ifi helpt bij de oefening\">\r\n\r\n          <div class=\"vtt-ifi-side-bubble\">\r\n\r\n            <div class=\"vtt-ifi-name\">\r\n              IFI helpt je \ud83c\udf3f\r\n            <\/div>\r\n\r\n            <p\r\n              class=\"vtt-ifi-message\"\r\n              id=\"vttIfiMessage\">\r\n\r\n              Kijk rustig naar de zin.\r\n              Is de actie nog bezig, of is hij al gedaan?\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/aside>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         REMINDER\r\n    ====================================== -->\r\n\r\n    <div class=\"vtt-note\">\r\n\r\n      Kleine reminder \ud83c\udf38<br>\r\n\r\n      Bij voltooide tijd zie je vaak\r\n      <strong>heb, hebt, heeft<\/strong>\r\n      of\r\n      <strong>hebben<\/strong>.\r\n      Daarna komt vaak een woord zoals\r\n      <strong>gespeeld, gekookt<\/strong>\r\n      of\r\n      <strong>getekend<\/strong>.\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n  \"DOMContentLoaded\",\r\n  function(){\r\n\r\n    \"use strict\";\r\n\r\n\r\n    \/* =========================================\r\n       IFI AVATARS\r\n    ========================================= *\/\r\n\r\n    const VTT_IFI={\r\n\r\n      uitleg:\r\n        \"https:\/\/withifi.muhubonurture.nl\/wp-content\/uploads\/2026\/06\/uitleg.png\",\r\n\r\n      denken:\r\n        \"https:\/\/withifi.muhubonurture.nl\/wp-content\/uploads\/2026\/06\/Samen-Nadenken.png\",\r\n\r\n      goed:\r\n        \"https:\/\/withifi.muhubonurture.nl\/wp-content\/uploads\/2026\/06\/Goed-Gedaan.png\"\r\n\r\n    };\r\n\r\n\r\n    \/* =========================================\r\n       LEVELS\r\n    ========================================= *\/\r\n\r\n    const vttLevels=[\r\n\r\n\r\n      \/* =======================================\r\n         LEVEL 1 \u2014 HERKENNEN\r\n      ======================================= *\/\r\n\r\n      {\r\n\r\n        level:1,\r\n\r\n        title:\r\n          \"\ud83c\udf31 Level 1 \u00b7 Herkennen\",\r\n\r\n        questions:[\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Nu bezig of al klaar?\",\r\n\r\n            question:\r\n              \"Wat vertelt deze zin?\",\r\n\r\n            helper:\r\n              \"Kijk of de actie nog bezig is.\",\r\n\r\n            stimulus:\r\n              \"Ik speel buiten.\",\r\n\r\n            answers:[\r\n              \"Nu bezig\",\r\n              \"Al klaar\"\r\n            ],\r\n\r\n            correct:\r\n              \"Nu bezig\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Nu bezig of al klaar?\",\r\n\r\n            question:\r\n              \"Wat vertelt deze zin?\",\r\n\r\n            helper:\r\n              \"Let op: heb gespeeld.\",\r\n\r\n            stimulus:\r\n              \"Ik heb buiten gespeeld.\",\r\n\r\n            answers:[\r\n              \"Nu bezig\",\r\n              \"Al klaar\"\r\n            ],\r\n\r\n            correct:\r\n              \"Al klaar\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Nu bezig of al klaar?\",\r\n\r\n            question:\r\n              \"Is de actie al gedaan?\",\r\n\r\n            helper:\r\n              \"Kijk naar het woord koken.\",\r\n\r\n            stimulus:\r\n              \"Wij koken soep.\",\r\n\r\n            answers:[\r\n              \"Nu bezig\",\r\n              \"Al klaar\"\r\n            ],\r\n\r\n            correct:\r\n              \"Nu bezig\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Nu bezig of al klaar?\",\r\n\r\n            question:\r\n              \"Is de actie al gedaan?\",\r\n\r\n            helper:\r\n              \"Let op: hebben gekookt.\",\r\n\r\n            stimulus:\r\n              \"Wij hebben soep gekookt.\",\r\n\r\n            answers:[\r\n              \"Nu bezig\",\r\n              \"Al klaar\"\r\n            ],\r\n\r\n            correct:\r\n              \"Al klaar\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Nu bezig of al klaar?\",\r\n\r\n            question:\r\n              \"Wat vertelt deze zin?\",\r\n\r\n            helper:\r\n              \"Heeft getekend betekent dat de actie al gedaan is.\",\r\n\r\n            stimulus:\r\n              \"Zij heeft een bloem getekend.\",\r\n\r\n            answers:[\r\n              \"Nu bezig\",\r\n              \"Al klaar\"\r\n            ],\r\n\r\n            correct:\r\n              \"Al klaar\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Nu bezig of al klaar?\",\r\n\r\n            question:\r\n              \"Wat gebeurt er hier?\",\r\n\r\n            helper:\r\n              \"Luistert gebeurt nu.\",\r\n\r\n            stimulus:\r\n              \"Jij luistert naar muziek.\",\r\n\r\n            answers:[\r\n              \"Nu bezig\",\r\n              \"Al klaar\"\r\n            ],\r\n\r\n            correct:\r\n              \"Nu bezig\"\r\n\r\n          }\r\n\r\n\r\n        ]\r\n\r\n      },\r\n\r\n\r\n      \/* =======================================\r\n         LEVEL 2 \u2014 OPBOUWEN\r\n      ======================================= *\/\r\n\r\n      {\r\n\r\n        level:2,\r\n\r\n        title:\r\n          \"\ud83c\udf3f Level 2 \u00b7 Opbouwen\",\r\n\r\n        questions:[\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Kies het hulpwoord\",\r\n\r\n            question:\r\n              \"Welk woord hoort op de lege plek?\",\r\n\r\n            helper:\r\n              \"Het gaat over ik.\",\r\n\r\n            stimulus:\r\n              \"Ik ___ buiten gespeeld.\",\r\n\r\n            answers:[\r\n              \"heb\",\r\n              \"heeft\",\r\n              \"hebben\"\r\n            ],\r\n\r\n            correct:\r\n              \"heb\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Kies het hulpwoord\",\r\n\r\n            question:\r\n              \"Welk woord hoort op de lege plek?\",\r\n\r\n            helper:\r\n              \"Het gaat over jij.\",\r\n\r\n            stimulus:\r\n              \"Jij ___ goed geluisterd.\",\r\n\r\n            answers:[\r\n              \"heb\",\r\n              \"hebt\",\r\n              \"hebben\"\r\n            ],\r\n\r\n            correct:\r\n              \"hebt\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Kies het hulpwoord\",\r\n\r\n            question:\r\n              \"Welk woord hoort op de lege plek?\",\r\n\r\n            helper:\r\n              \"Het gaat over hij.\",\r\n\r\n            stimulus:\r\n              \"Hij ___ soep gekookt.\",\r\n\r\n            answers:[\r\n              \"heb\",\r\n              \"heeft\",\r\n              \"hebben\"\r\n            ],\r\n\r\n            correct:\r\n              \"heeft\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Kies het hulpwoord\",\r\n\r\n            question:\r\n              \"Welk woord hoort op de lege plek?\",\r\n\r\n            helper:\r\n              \"Het gaat over wij.\",\r\n\r\n            stimulus:\r\n              \"Wij ___ samen gewandeld.\",\r\n\r\n            answers:[\r\n              \"heb\",\r\n              \"heeft\",\r\n              \"hebben\"\r\n            ],\r\n\r\n            correct:\r\n              \"hebben\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Kies het voltooid deelwoord\",\r\n\r\n            question:\r\n              \"Welk woord maakt de zin af?\",\r\n\r\n            helper:\r\n              \"De actie is al klaar.\",\r\n\r\n            stimulus:\r\n              \"Ik heb buiten ___.\",\r\n\r\n            answers:[\r\n              \"speel\",\r\n              \"gespeeld\",\r\n              \"spelen\"\r\n            ],\r\n\r\n            correct:\r\n              \"gespeeld\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Kies het voltooid deelwoord\",\r\n\r\n            question:\r\n              \"Welk woord hoort erbij?\",\r\n\r\n            helper:\r\n              \"Het tekenen is al gedaan.\",\r\n\r\n            stimulus:\r\n              \"Zij heeft een bloem ___.\",\r\n\r\n            answers:[\r\n              \"tekent\",\r\n              \"getekend\",\r\n              \"tekenen\"\r\n            ],\r\n\r\n            correct:\r\n              \"getekend\"\r\n\r\n          }\r\n\r\n\r\n        ]\r\n\r\n      },\r\n\r\n\r\n      \/* =======================================\r\n         LEVEL 3 \u2014 ZELF DOEN\r\n      ======================================= *\/\r\n\r\n      {\r\n\r\n        level:3,\r\n\r\n        title:\r\n          \"\ud83c\udf33 Level 3 \u00b7 Zelf doen\",\r\n\r\n        questions:[\r\n\r\n\r\n          {\r\n\r\n            type:\"text\",\r\n\r\n            label:\"Vul het hulpwoord in\",\r\n\r\n            question:\r\n              \"Typ het ontbrekende woord.\",\r\n\r\n            helper:\r\n              \"Het gaat over ik.\",\r\n\r\n            stimulus:\r\n              \"Ik ___ een boek gelezen.\",\r\n\r\n            correct:\r\n              \"heb\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"text\",\r\n\r\n            label:\"Vul het hulpwoord in\",\r\n\r\n            question:\r\n              \"Typ het ontbrekende woord.\",\r\n\r\n            helper:\r\n              \"Het gaat over zij.\",\r\n\r\n            stimulus:\r\n              \"Zij ___ een tekening gemaakt.\",\r\n\r\n            correct:\r\n              \"heeft\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"text\",\r\n\r\n            label:\"Vul het hulpwoord in\",\r\n\r\n            question:\r\n              \"Typ het ontbrekende woord.\",\r\n\r\n            helper:\r\n              \"Het gaat over wij.\",\r\n\r\n            stimulus:\r\n              \"Wij ___ buiten gespeeld.\",\r\n\r\n            correct:\r\n              \"hebben\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"text\",\r\n\r\n            label:\"Maak de zin af\",\r\n\r\n            question:\r\n              \"Typ het voltooid deelwoord.\",\r\n\r\n            helper:\r\n              \"Het fietsen is al klaar.\",\r\n\r\n            stimulus:\r\n              \"Hij heeft naar school ___.\",\r\n\r\n            correct:\r\n              \"gefietst\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"text\",\r\n\r\n            label:\"Klein verhaaltje\",\r\n\r\n            question:\r\n              \"Typ het ontbrekende woord.\",\r\n\r\n            helper:\r\n              \"De soep is klaar.\",\r\n\r\n            stimulus:\r\n              \"De soep staat op tafel. Ik heb ___.\",\r\n\r\n            correct:\r\n              \"gekookt\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"text\",\r\n\r\n            label:\"Zelf toepassen\",\r\n\r\n            question:\r\n              \"Typ het voltooid deelwoord.\",\r\n\r\n            helper:\r\n              \"De wandeling is voorbij.\",\r\n\r\n            stimulus:\r\n              \"Wij zijn weer thuis. We hebben ___.\",\r\n\r\n            correct:\r\n              \"gewandeld\"\r\n\r\n          }\r\n\r\n\r\n        ]\r\n\r\n      }\r\n\r\n\r\n    ];\r\n\r\n\r\n    \/* =========================================\r\n       STATE\r\n    ========================================= *\/\r\n\r\n    let vttLevelIndex=0;\r\n\r\n    let vttQuestionIndex=0;\r\n\r\n    let vttCorrect=0;\r\n\r\n    let vttAnswered=false;\r\n\r\n\r\n    const vttTotal=\r\n      vttLevels.reduce(\r\n\r\n        function(total,level){\r\n\r\n          return total+\r\n            level.questions.length;\r\n\r\n        },\r\n\r\n        0\r\n\r\n      );\r\n\r\n\r\n    \/* =========================================\r\n       DOM\r\n    ========================================= *\/\r\n\r\n    const vttLevelPill=\r\n      document.getElementById(\r\n        \"vttLevelPill\"\r\n      );\r\n\r\n    const vttQuestionCounter=\r\n      document.getElementById(\r\n        \"vttQuestionCounter\"\r\n      );\r\n\r\n    const vttProgressBar=\r\n      document.getElementById(\r\n        \"vttProgressBar\"\r\n      );\r\n\r\n    const vttQuestionType=\r\n      document.getElementById(\r\n        \"vttQuestionType\"\r\n      );\r\n\r\n    const vttQuestionTitle=\r\n      document.getElementById(\r\n        \"vttQuestionTitle\"\r\n      );\r\n\r\n    const vttHelper=\r\n      document.getElementById(\r\n        \"vttHelper\"\r\n      );\r\n\r\n    const vttStimulus=\r\n      document.getElementById(\r\n        \"vttStimulus\"\r\n      );\r\n\r\n    const vttAnswerArea=\r\n      document.getElementById(\r\n        \"vttAnswerArea\"\r\n      );\r\n\r\n    const vttFeedback=\r\n      document.getElementById(\r\n        \"vttFeedback\"\r\n      );\r\n\r\n    const vttNextWrap=\r\n      document.getElementById(\r\n        \"vttNextWrap\"\r\n      );\r\n\r\n    const vttNextBtn=\r\n      document.getElementById(\r\n        \"vttNextBtn\"\r\n      );\r\n\r\n    const vttSupport=\r\n      document.getElementById(\r\n        \"vttSupport\"\r\n      );\r\n\r\n    const vttIfiAvatar=\r\n      document.getElementById(\r\n        \"vttIfiAvatar\"\r\n      );\r\n\r\n    const vttIfiMessage=\r\n      document.getElementById(\r\n        \"vttIfiMessage\"\r\n      );\r\n\r\n    const vttExerciseContent=\r\n      document.getElementById(\r\n        \"vttExerciseContent\"\r\n      );\r\n\r\n    const vttTransition=\r\n      document.getElementById(\r\n        \"vttTransition\"\r\n      );\r\n\r\n    const vttTransitionTitle=\r\n      document.getElementById(\r\n        \"vttTransitionTitle\"\r\n      );\r\n\r\n    const vttTransitionText=\r\n      document.getElementById(\r\n        \"vttTransitionText\"\r\n      );\r\n\r\n    const vttStartNextLevel=\r\n      document.getElementById(\r\n        \"vttStartNextLevel\"\r\n      );\r\n\r\n    const vttFinish=\r\n      document.getElementById(\r\n        \"vttFinish\"\r\n      );\r\n\r\n    const vttResultText=\r\n      document.getElementById(\r\n        \"vttResultText\"\r\n      );\r\n\r\n\r\n    \/* =========================================\r\n       HELPERS\r\n    ========================================= *\/\r\n\r\n    function vttNormalize(value){\r\n\r\n      return String(value)\r\n        .trim()\r\n        .toLowerCase()\r\n        .replace(\/[.,!?]\/g,\"\")\r\n        .replace(\/\\s+\/g,\" \");\r\n\r\n    }\r\n\r\n\r\n    function vttShuffle(array){\r\n\r\n      return array\r\n        .map(\r\n          function(item){\r\n\r\n            return{\r\n              item:item,\r\n              sort:Math.random()\r\n            };\r\n\r\n          }\r\n        )\r\n\r\n        .sort(\r\n          function(a,b){\r\n\r\n            return a.sort-b.sort;\r\n\r\n          }\r\n        )\r\n\r\n        .map(\r\n          function(entry){\r\n\r\n            return entry.item;\r\n\r\n          }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    vttLevels.forEach(\r\n\r\n      function(level){\r\n\r\n        level.questions=\r\n          vttShuffle(\r\n            level.questions\r\n          );\r\n\r\n      }\r\n\r\n    );\r\n\r\n\r\n    function vttCompletedCount(){\r\n\r\n      let amount=0;\r\n\r\n\r\n      for(\r\n        let i=0;\r\n        i<vttLevelIndex;\r\n        i++\r\n      ){\r\n\r\n        amount+=\r\n          vttLevels[i]\r\n            .questions\r\n            .length;\r\n\r\n      }\r\n\r\n\r\n      return amount+\r\n        vttQuestionIndex;\r\n\r\n    }\r\n\r\n\r\n    function vttUpdateRoute(){\r\n\r\n      for(\r\n        let i=1;\r\n        i<=3;\r\n        i++\r\n      ){\r\n\r\n        const node=\r\n          document.getElementById(\r\n            \"vttRoute\"+i\r\n          );\r\n\r\n\r\n        node.classList.remove(\r\n          \"active\",\r\n          \"done\"\r\n        );\r\n\r\n\r\n        if(\r\n          i-1 <\r\n          vttLevelIndex\r\n        ){\r\n\r\n          node.classList.add(\r\n            \"done\"\r\n          );\r\n\r\n        }\r\n\r\n\r\n        if(\r\n          i-1 ===\r\n          vttLevelIndex\r\n        ){\r\n\r\n          node.classList.add(\r\n            \"active\"\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       IFI\r\n    ========================================= *\/\r\n\r\n    function vttSetIfi(\r\n      role,\r\n      message\r\n    ){\r\n\r\n      vttIfiAvatar.style.opacity=\r\n        \"0\";\r\n\r\n\r\n      vttIfiAvatar.style.transform=\r\n        \"translateY(6px)\";\r\n\r\n\r\n      setTimeout(\r\n\r\n        function(){\r\n\r\n          vttIfiAvatar.src=\r\n            VTT_IFI[role];\r\n\r\n\r\n          vttIfiMessage.textContent=\r\n            message;\r\n\r\n\r\n          vttIfiAvatar.style.opacity=\r\n            \"1\";\r\n\r\n\r\n          vttIfiAvatar.style.transform=\r\n            \"translateY(0)\";\r\n\r\n        },\r\n\r\n        150\r\n\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       ADAPTIVE EVENT\r\n    ========================================= *\/\r\n\r\n    function vttEmit(\r\n      name,\r\n      detail\r\n    ){\r\n\r\n      window.dispatchEvent(\r\n\r\n        new CustomEvent(\r\n\r\n          name,\r\n\r\n          {\r\n            detail:detail\r\n          }\r\n\r\n        )\r\n\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       RENDER\r\n    ========================================= *\/\r\n\r\n    function vttRender(){\r\n\r\n      vttAnswered=false;\r\n\r\n\r\n      const level=\r\n        vttLevels[\r\n          vttLevelIndex\r\n        ];\r\n\r\n\r\n      const question=\r\n        level.questions[\r\n          vttQuestionIndex\r\n        ];\r\n\r\n\r\n      vttExerciseContent.style.display=\r\n        \"block\";\r\n\r\n\r\n      vttTransition.style.display=\r\n        \"none\";\r\n\r\n\r\n      vttFinish.style.display=\r\n        \"none\";\r\n\r\n\r\n      vttLevelPill.textContent=\r\n        level.title;\r\n\r\n\r\n      const overall=\r\n        vttCompletedCount()+1;\r\n\r\n\r\n      vttQuestionCounter.textContent=\r\n        \"Vraag \"+\r\n        overall+\r\n        \" van \"+\r\n        vttTotal;\r\n\r\n\r\n      vttProgressBar.style.width=\r\n        Math.round(\r\n          (\r\n            vttCompletedCount() \/\r\n            vttTotal\r\n          ) * 100\r\n        )+\"%\";\r\n\r\n\r\n      vttQuestionType.textContent=\r\n        question.label;\r\n\r\n\r\n      vttQuestionTitle.textContent=\r\n        question.question;\r\n\r\n\r\n      vttHelper.textContent=\r\n        question.helper || \"\";\r\n\r\n\r\n      vttStimulus.textContent=\r\n        question.stimulus || \"\";\r\n\r\n\r\n      vttFeedback.textContent=\r\n        \"\";\r\n\r\n\r\n      vttFeedback.className=\r\n        \"vtt-feedback\";\r\n\r\n\r\n      vttNextWrap.style.display=\r\n        \"none\";\r\n\r\n\r\n      vttAnswerArea.innerHTML=\r\n        \"\";\r\n\r\n\r\n      \/* =====================================\r\n         SUPPORT ALLEEN LEVEL 1\r\n      ====================================== *\/\r\n\r\n      vttSupport.style.display=\r\n        vttLevelIndex===0\r\n\r\n        ? \"block\"\r\n\r\n        : \"none\";\r\n\r\n\r\n      \/* =====================================\r\n         IFI\r\n      ====================================== *\/\r\n\r\n      if(\r\n        vttLevelIndex===0\r\n      ){\r\n\r\n        vttSetIfi(\r\n\r\n          \"uitleg\",\r\n\r\n          \"Kijk eerst of de actie nog bezig is of al klaar. Bij voltooide tijd zie je vaak heb, hebt, heeft of hebben.\"\r\n\r\n        );\r\n\r\n      }\r\n\r\n      else if(\r\n        vttLevelIndex===1\r\n      ){\r\n\r\n        vttSetIfi(\r\n\r\n          \"denken\",\r\n\r\n          \"Nu bouwen we de voltooide tijd op. Eerst kijk je wie iets heeft gedaan en daarna welk woord de afgeronde actie vertelt.\"\r\n\r\n        );\r\n\r\n      }\r\n\r\n      else{\r\n\r\n        vttSetIfi(\r\n\r\n          \"denken\",\r\n\r\n          \"Nu mag jij het zelf doen. Lees rustig wie de actie heeft gedaan en welk woord ontbreekt.\"\r\n\r\n        );\r\n\r\n      }\r\n\r\n\r\n      \/* =====================================\r\n         CHOICE\r\n      ====================================== *\/\r\n\r\n      if(\r\n        question.type===\r\n        \"choice\"\r\n      ){\r\n\r\n        const wrap=\r\n          document.createElement(\r\n            \"div\"\r\n          );\r\n\r\n\r\n        wrap.className=\r\n          \"vtt-antwoorden\";\r\n\r\n\r\n        vttShuffle(\r\n          question.answers\r\n        )\r\n        .forEach(\r\n\r\n          function(answer){\r\n\r\n            const button=\r\n              document.createElement(\r\n                \"button\"\r\n              );\r\n\r\n\r\n            button.type=\r\n              \"button\";\r\n\r\n\r\n            button.className=\r\n              \"vtt-answer\";\r\n\r\n\r\n            button.textContent=\r\n              answer;\r\n\r\n\r\n            button.addEventListener(\r\n\r\n              \"click\",\r\n\r\n              function(){\r\n\r\n                vttSubmit(\r\n                  answer,\r\n                  button\r\n                );\r\n\r\n              }\r\n\r\n            );\r\n\r\n\r\n            wrap.appendChild(\r\n              button\r\n            );\r\n\r\n          }\r\n\r\n        );\r\n\r\n\r\n        vttAnswerArea.appendChild(\r\n          wrap\r\n        );\r\n\r\n      }\r\n\r\n\r\n      \/* =====================================\r\n         TEXT\r\n      ====================================== *\/\r\n\r\n      if(\r\n        question.type===\r\n        \"text\"\r\n      ){\r\n\r\n        const wrap=\r\n          document.createElement(\r\n            \"div\"\r\n          );\r\n\r\n\r\n        wrap.className=\r\n          \"vtt-input-wrap\";\r\n\r\n\r\n        wrap.innerHTML=`\r\n\r\n          <input\r\n            type=\"text\"\r\n            class=\"vtt-input\"\r\n            id=\"vttTextInput\"\r\n            autocomplete=\"off\"\r\n            autocapitalize=\"off\"\r\n            spellcheck=\"false\"\r\n            placeholder=\"Typ het ontbrekende woord...\"\r\n          >\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"vtt-check-btn\"\r\n            id=\"vttCheckText\">\r\n\r\n            Nakijken \ud83c\udf3f\r\n\r\n          <\/button>\r\n\r\n        `;\r\n\r\n\r\n        vttAnswerArea.appendChild(\r\n          wrap\r\n        );\r\n\r\n\r\n        const input=\r\n          document.getElementById(\r\n            \"vttTextInput\"\r\n          );\r\n\r\n\r\n        document\r\n          .getElementById(\r\n            \"vttCheckText\"\r\n          )\r\n          .addEventListener(\r\n\r\n            \"click\",\r\n\r\n            function(){\r\n\r\n              vttSubmit(\r\n                input.value,\r\n                input\r\n              );\r\n\r\n            }\r\n\r\n          );\r\n\r\n\r\n        input.addEventListener(\r\n\r\n          \"keydown\",\r\n\r\n          function(event){\r\n\r\n            if(\r\n              event.key===\r\n              \"Enter\"\r\n            ){\r\n\r\n              vttSubmit(\r\n                input.value,\r\n                input\r\n              );\r\n\r\n            }\r\n\r\n          }\r\n\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       ANTWOORD CONTROLEREN\r\n    ========================================= *\/\r\n\r\n    function vttSubmit(\r\n      value,\r\n      node\r\n    ){\r\n\r\n      if(\r\n        vttAnswered\r\n      ){\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      vttAnswered=true;\r\n\r\n\r\n      const question=\r\n        vttLevels[\r\n          vttLevelIndex\r\n        ]\r\n        .questions[\r\n          vttQuestionIndex\r\n        ];\r\n\r\n\r\n      const correct=\r\n        vttNormalize(value) ===\r\n        vttNormalize(\r\n          question.correct\r\n        );\r\n\r\n\r\n      if(\r\n        correct\r\n      ){\r\n\r\n        vttCorrect++;\r\n\r\n\r\n        node.classList.add(\r\n          \"correct\"\r\n        );\r\n\r\n\r\n        const successTexts=[\r\n\r\n          \"Mooi gezien.\",\r\n\r\n          \"Ja, precies.\",\r\n\r\n          \"Dat klopt.\",\r\n\r\n          \"Goed opgebouwd.\"\r\n\r\n        ];\r\n\r\n\r\n        vttFeedback.textContent=\r\n          successTexts[\r\n            Math.floor(\r\n              Math.random() *\r\n              successTexts.length\r\n            )\r\n          ];\r\n\r\n\r\n        vttFeedback.className=\r\n          \"vtt-feedback good\";\r\n\r\n\r\n        const ifiSuccess=[\r\n\r\n          \"Mooi gezien. Je zag goed dat de actie al klaar was.\",\r\n\r\n          \"Ja, precies. Dat hulpwoord past bij deze persoon.\",\r\n\r\n          \"Dat klopt. Je hebt de voltooide tijd goed opgebouwd.\",\r\n\r\n          \"Goed gedaan. Ga maar rustig verder.\"\r\n\r\n        ];\r\n\r\n\r\n        vttSetIfi(\r\n\r\n          \"goed\",\r\n\r\n          ifiSuccess[\r\n            Math.floor(\r\n              Math.random() *\r\n              ifiSuccess.length\r\n            )\r\n          ]\r\n\r\n        );\r\n\r\n      }\r\n\r\n      else{\r\n\r\n        node.classList.add(\r\n          \"try-again\"\r\n        );\r\n\r\n\r\n        vttFeedback.textContent=\r\n          \"Kijk nog eens rustig. Het goede antwoord is: \"+\r\n          question.correct+\r\n          \".\";\r\n\r\n\r\n        vttFeedback.className=\r\n          \"vtt-feedback retry\";\r\n\r\n\r\n        if(\r\n          vttLevelIndex===0\r\n        ){\r\n\r\n          vttSetIfi(\r\n\r\n            \"denken\",\r\n\r\n            \"Dat geeft niet. Kijk of je een hulpwoord ziet zoals heb, hebt, heeft of hebben. Dat kan een belangrijke aanwijzing zijn.\"\r\n\r\n          );\r\n\r\n        }\r\n\r\n        else if(\r\n          vttLevelIndex===1\r\n        ){\r\n\r\n          vttSetIfi(\r\n\r\n            \"denken\",\r\n\r\n            \"Kijk eerst wie de actie heeft gedaan. Daarna kun je bepalen welk hulpwoord of voltooid deelwoord nodig is.\"\r\n\r\n          );\r\n\r\n        }\r\n\r\n        else{\r\n\r\n          vttSetIfi(\r\n\r\n            \"denken\",\r\n\r\n            \"Lees de hele zin langzaam. Wat is al gedaan? En welk woord heb je nodig om de zin compleet te maken?\"\r\n\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      vttAnswerArea\r\n        .querySelectorAll(\r\n          \"button,input\"\r\n        )\r\n        .forEach(\r\n\r\n          function(item){\r\n\r\n            item.disabled=true;\r\n\r\n          }\r\n\r\n        );\r\n\r\n\r\n      vttNextWrap.style.display=\r\n        \"block\";\r\n\r\n\r\n      vttEmit(\r\n\r\n        \"withifi:voltooide-tijd-answer\",\r\n\r\n        {\r\n\r\n          level:\r\n            vttLevelIndex+1,\r\n\r\n          questionType:\r\n            question.type,\r\n\r\n          question:\r\n            question.question,\r\n\r\n          sentence:\r\n            question.stimulus,\r\n\r\n          answer:\r\n            value,\r\n\r\n          expected:\r\n            question.correct,\r\n\r\n          isCorrect:\r\n            correct\r\n\r\n        }\r\n\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       NEXT\r\n    ========================================= *\/\r\n\r\n    function vttNext(){\r\n\r\n      const level=\r\n        vttLevels[\r\n          vttLevelIndex\r\n        ];\r\n\r\n\r\n      vttQuestionIndex++;\r\n\r\n\r\n      if(\r\n        vttQuestionIndex <\r\n        level.questions.length\r\n      ){\r\n\r\n        vttRender();\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      if(\r\n        vttLevelIndex <\r\n        vttLevels.length-1\r\n      ){\r\n\r\n        vttShowTransition();\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      vttComplete();\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       LEVEL OVERGANG\r\n    ========================================= *\/\r\n\r\n    function vttShowTransition(){\r\n\r\n      vttExerciseContent.style.display=\r\n        \"none\";\r\n\r\n\r\n      vttTransition.style.display=\r\n        \"block\";\r\n\r\n\r\n      if(\r\n        vttLevelIndex===0\r\n      ){\r\n\r\n        vttTransitionTitle.textContent=\r\n          \"\ud83c\udf3f Klaar voor Level 2\";\r\n\r\n\r\n        vttTransitionText.textContent=\r\n          \"Je kunt al herkennen of een actie nog bezig is of al klaar. Nu gaan we kijken uit welke woorden de voltooide tijd bestaat.\";\r\n\r\n\r\n        vttSetIfi(\r\n\r\n          \"uitleg\",\r\n\r\n          \"Nu gaan we de zin een beetje uit elkaar halen. Kijk eerst naar het hulpwoord en daarna naar het woord dat vertelt wat al gedaan is.\"\r\n\r\n        );\r\n\r\n      }\r\n\r\n      else{\r\n\r\n        vttTransitionTitle.textContent=\r\n          \"\ud83c\udf33 Klaar voor Level 3\";\r\n\r\n\r\n        vttTransitionText.textContent=\r\n          \"Je kunt hulpwoorden en voltooide deelwoorden al kiezen. Nu ga je steeds meer zelf invullen.\";\r\n\r\n\r\n        vttSetIfi(\r\n\r\n          \"goed\",\r\n\r\n          \"Ik zie dat je er klaar voor bent. Nu krijg je geen antwoordknoppen meer en ga jij zelf het ontbrekende woord bedenken.\"\r\n\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    function vttNextLevel(){\r\n\r\n      vttLevelIndex++;\r\n\r\n      vttQuestionIndex=0;\r\n\r\n\r\n      vttUpdateRoute();\r\n\r\n      vttRender();\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       KLAAR\r\n    ========================================= *\/\r\n\r\n    function vttComplete(){\r\n\r\n      vttExerciseContent.style.display=\r\n        \"none\";\r\n\r\n\r\n      vttTransition.style.display=\r\n        \"none\";\r\n\r\n\r\n      vttFinish.style.display=\r\n        \"block\";\r\n\r\n\r\n      vttProgressBar.style.width=\r\n        \"100%\";\r\n\r\n\r\n      const percentage=\r\n        Math.round(\r\n          (\r\n            vttCorrect \/\r\n            vttTotal\r\n          ) * 100\r\n        );\r\n\r\n\r\n      vttResultText.innerHTML=\r\n\r\n        \"Je hebt alle drie de levels doorlopen.<br>\" +\r\n\r\n        \"Je had <strong>\" +\r\n        vttCorrect +\r\n        \" van de \" +\r\n        vttTotal +\r\n        \"<\/strong> opdrachten goed (\" +\r\n        percentage +\r\n        \"%).<br><br>\" +\r\n\r\n        \"Je hebt geoefend met voltooide tijd herkennen, opbouwen en zelfstandig gebruiken.\";\r\n\r\n\r\n      vttSetIfi(\r\n\r\n        \"goed\",\r\n\r\n        \"Goed gedaan. Je kunt steeds beter herkennen wanneer een actie klaar is en hoe je daar een zin in de voltooide tijd van maakt.\"\r\n\r\n      );\r\n\r\n\r\n      vttEmit(\r\n\r\n        \"withifi:voltooide-tijd-complete\",\r\n\r\n        {\r\n\r\n          topic:\r\n            \"Voltooide tijd\",\r\n\r\n          levelsCompleted:\r\n            3,\r\n\r\n          correct:\r\n            vttCorrect,\r\n\r\n          total:\r\n            vttTotal,\r\n\r\n          percentage:\r\n            percentage\r\n\r\n        }\r\n\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       OPNIEUW\r\n    ========================================= *\/\r\n\r\n    function vttRestart(){\r\n\r\n      vttLevelIndex=0;\r\n\r\n      vttQuestionIndex=0;\r\n\r\n      vttCorrect=0;\r\n\r\n      vttAnswered=false;\r\n\r\n\r\n      vttLevels.forEach(\r\n\r\n        function(level){\r\n\r\n          level.questions=\r\n            vttShuffle(\r\n              level.questions\r\n            );\r\n\r\n        }\r\n\r\n      );\r\n\r\n\r\n      vttUpdateRoute();\r\n\r\n\r\n      vttSetIfi(\r\n\r\n        \"uitleg\",\r\n\r\n        \"We beginnen gewoon opnieuw. Kijk eerst rustig: is de actie nog bezig of is hij al klaar?\"\r\n\r\n      );\r\n\r\n\r\n      vttRender();\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       EVENTS\r\n    ========================================= *\/\r\n\r\n    vttNextBtn.addEventListener(\r\n      \"click\",\r\n      vttNext\r\n    );\r\n\r\n\r\n    vttStartNextLevel.addEventListener(\r\n      \"click\",\r\n      vttNextLevel\r\n    );\r\n\r\n\r\n    document\r\n      .getElementById(\r\n        \"vttRestartBtn\"\r\n      )\r\n      .addEventListener(\r\n        \"click\",\r\n        vttRestart\r\n      );\r\n\r\n\r\n    \/* =========================================\r\n       START\r\n    ========================================= *\/\r\n\r\n    vttUpdateRoute();\r\n\r\n    vttRender();\r\n\r\n  }\r\n\r\n);\r\n\r\n<\/script>\r\n\r\n<!-- With Ifi centrale Sprint 2-runtime: Custom Code 4038 -->\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>\u2705 Taal bouwen Voltooide tijd oefenen. Soms is iets nog bezig. Soms is de actie al gedaan of klaar. Dan gebruiken we vaak woorden zoals heb, hebt, heeft of hebben. \ud83c\udf31 Level 1 \u00b7 Herkennen Is de actie nog bezig of al klaar? \ud83c\udf3f Level 2 \u00b7 Opbouwen Kies het hulpwoord en het goede voltooid [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-995","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/995","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=995"}],"version-history":[{"count":25,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/995\/revisions"}],"predecessor-version":[{"id":4419,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/995\/revisions\/4419"}],"wp:attachment":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=995"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}