{"id":984,"date":"2026-02-13T04:25:07","date_gmt":"2026-02-13T04:25:07","guid":{"rendered":"https:\/\/withifi.muhubonurture.nl\/?page_id=984"},"modified":"2026-08-29T15:50:04","modified_gmt":"2026-08-29T15:50:04","slug":"oefenen-met-de-verleden-tijd","status":"publish","type":"page","link":"https:\/\/withifi.muhubonurture.nl\/?page_id=984","title":{"rendered":"Oefenen Met De Verleden Tijd"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"984\" class=\"elementor elementor-984\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ec4d02 e-con-full e-flex e-con e-parent\" data-id=\"9ec4d02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bdba584 elementor-widget elementor-widget-html\" data-id=\"bdba584\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n     WITH IFI \u2014 VERLEDEN 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.vt-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(221,238,255,.48) 0%,\r\n      transparent 31%\r\n    ),\r\n    radial-gradient(\r\n      circle at 50% 86%,\r\n      rgba(255,239,221,.54) 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.vt-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.vt-hero{\r\n  max-width:940px;\r\n\r\n  margin:0 auto 3.5rem;\r\n\r\n  padding:3.1rem;\r\n\r\n  border-radius:42px;\r\n\r\n  background:rgba(255,255,255,.64);\r\n\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.vt-label{\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:.45rem;\r\n\r\n  margin-bottom:1.2rem;\r\n\r\n  padding:10px 18px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:rgba(255,255,255,.78);\r\n\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\r\n  font-weight:900;\r\n}\r\n\r\n.vt-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\r\n  line-height:1.05;\r\n\r\n  font-weight:950;\r\n}\r\n\r\n.vt-intro{\r\n  max-width:760px;\r\n\r\n  margin:0 auto;\r\n\r\n  color:#7A6455;\r\n\r\n  font-size:19px;\r\n\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.vt-level-route{\r\n  max-width:1000px;\r\n\r\n  margin:0 auto 3rem;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(3,1fr);\r\n\r\n  gap:1.2rem;\r\n}\r\n\r\n.vt-route-level{\r\n  position:relative;\r\n\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.vt-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.vt-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.vt-route-level:nth-child(3){\r\n  background:linear-gradient(\r\n    135deg,\r\n    #EAF3FF,\r\n    #F8FBFF\r\n  );\r\n}\r\n\r\n.vt-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.vt-route-level.active{\r\n  transform:translateY(-5px);\r\n\r\n  box-shadow:0 18px 38px rgba(90,70,55,.11);\r\n}\r\n\r\n.vt-route-level.done{\r\n  opacity:.72;\r\n}\r\n\r\n.vt-route-icon{\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  width:52px;\r\n  height:52px;\r\n\r\n  display:flex;\r\n\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.vt-route-level h3{\r\n  position:relative;\r\n\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\r\n  font-weight:950;\r\n}\r\n\r\n.vt-route-level p{\r\n  position:relative;\r\n\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\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.vt-support{\r\n  max-width:900px;\r\n\r\n  margin:0 auto 2.3rem;\r\n\r\n  text-align:center;\r\n}\r\n\r\n.vt-support-title{\r\n  margin-bottom:1rem;\r\n\r\n  color:#7A6455;\r\n\r\n  font-size:.95rem;\r\n\r\n  font-weight:850;\r\n}\r\n\r\n.vt-support-grid{\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(2,1fr);\r\n\r\n  gap:1rem;\r\n}\r\n\r\n.vt-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.vt-support-card.now{\r\n  background:linear-gradient(\r\n    135deg,\r\n    #FFF4E8,\r\n    #FFF9F3\r\n  );\r\n}\r\n\r\n.vt-support-card.past{\r\n  background:linear-gradient(\r\n    135deg,\r\n    #EAF3FF,\r\n    #F8FBFF\r\n  );\r\n}\r\n\r\n.vt-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.vt-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\r\n  font-weight:950;\r\n}\r\n\r\n.vt-support-card span{\r\n  color:#7A6455;\r\n\r\n  font-size:.95rem;\r\n\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.vt-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.vt-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.vt-oefen-main{\r\n  min-width:0;\r\n\r\n  text-align:center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TOP\r\n========================================= *\/\r\n\r\n.vt-oefen-top{\r\n  display:flex;\r\n\r\n  justify-content:space-between;\r\n\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.vt-level-pill,\r\n.vt-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\r\n  font-weight:900;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PROGRESS\r\n========================================= *\/\r\n\r\n.vt-progress-wrap{\r\n  width:100%;\r\n\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.vt-progress-bar{\r\n  width:0%;\r\n\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 52%,\r\n    #DDEEFF 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.vt-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\r\n  font-weight:900;\r\n}\r\n\r\n.vt-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.vt-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\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.vt-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.vt-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.vt-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\r\n  font-weight:900;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:.22s ease;\r\n}\r\n\r\n.vt-answer:hover{\r\n  transform:translateY(-2px);\r\n\r\n  background:#FFF0DE;\r\n}\r\n\r\n.vt-answer.correct{\r\n  background:#DDF5E4 !important;\r\n\r\n  color:#315D43 !important;\r\n}\r\n\r\n.vt-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.vt-input-wrap{\r\n  max-width:440px;\r\n\r\n  margin:0 auto;\r\n}\r\n\r\n.vt-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\r\n  font-weight:900;\r\n\r\n  transition:.2s ease;\r\n}\r\n\r\n.vt-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.vt-input.correct{\r\n  background:#F0FAF3;\r\n\r\n  border-color:#C4E4CF;\r\n}\r\n\r\n.vt-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.vt-check-btn,\r\n.vt-next-btn,\r\n.vt-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\r\n  font-weight:950;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:.22s ease;\r\n}\r\n\r\n.vt-check-btn:hover,\r\n.vt-next-btn:hover,\r\n.vt-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.vt-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\r\n  line-height:1.7;\r\n\r\n  font-weight:800;\r\n}\r\n\r\n.vt-feedback.good{\r\n  color:#47735A;\r\n}\r\n\r\n.vt-feedback.retry{\r\n  color:#8A6555;\r\n}\r\n\r\n.vt-next-wrap{\r\n  display:none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IFI RECHTS\r\n========================================= *\/\r\n\r\n.vt-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\r\n  align-items:center;\r\n\r\n  gap:1rem;\r\n\r\n  padding:.5rem 0;\r\n}\r\n\r\n.vt-ifi-side-avatar{\r\n  display:block;\r\n\r\n  width:205px;\r\n\r\n  max-width:100%;\r\n\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.vt-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.vt-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\r\n  font-weight:900;\r\n}\r\n\r\n.vt-ifi-message{\r\n  margin:0;\r\n\r\n  color:#5F4B3F;\r\n\r\n  font-size:.95rem;\r\n\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.vt-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.vt-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\r\n  font-weight:950;\r\n}\r\n\r\n.vt-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.vt-finish{\r\n  display:none;\r\n\r\n  text-align:center;\r\n}\r\n\r\n.vt-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.vt-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.vt-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\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.vt-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\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  .vt-oefen-layout{\r\n    grid-template-columns:minmax(0,1fr) 175px;\r\n\r\n    gap:1.2rem;\r\n  }\r\n\r\n  .vt-ifi-side-avatar{\r\n    width:155px;\r\n  }\r\n\r\n  .vt-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  .vt-page{\r\n    padding:4rem 5vw;\r\n  }\r\n\r\n  .vt-hero{\r\n    padding:2.3rem 1.7rem;\r\n  }\r\n\r\n  .vt-level-route{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .vt-support-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .vt-oefen-box{\r\n    padding:1.5rem 1.15rem;\r\n  }\r\n\r\n  .vt-oefen-layout{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .vt-oefen-top{\r\n    justify-content:center;\r\n\r\n    flex-wrap:wrap;\r\n  }\r\n\r\n  .vt-ifi-side{\r\n    order:-1;\r\n\r\n    flex-direction:row;\r\n\r\n    align-items:center;\r\n\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  .vt-ifi-side-avatar{\r\n    width:95px;\r\n\r\n    flex-shrink:0;\r\n  }\r\n\r\n  .vt-ifi-side-bubble{\r\n    text-align:left;\r\n  }\r\n\r\n  .vt-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  .vt-ifi-side{\r\n    flex-direction:column;\r\n\r\n    text-align:center;\r\n  }\r\n\r\n  .vt-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=\"vt-wrap\">\r\n\r\n\r\n    <!-- =====================================\r\n         HERO\r\n    ====================================== -->\r\n\r\n    <div class=\"vt-hero\">\r\n\r\n      <div class=\"vt-label\">\r\n        \u23f3 Taal bouwen\r\n      <\/div>\r\n\r\n      <h1 class=\"vt-title\">\r\n        Verleden tijd oefenen.\r\n      <\/h1>\r\n\r\n      <p class=\"vt-intro\">\r\n        Soms gebeurt iets\r\n        <strong>nu<\/strong>.\r\n        Soms gebeurde het\r\n        <strong>al eerder<\/strong>.\r\n        We leren eerst het verschil herkennen.\r\n        Daarna gaan we woorden zelf veranderen naar vroeger.\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=\"vt-level-route\">\r\n\r\n\r\n      <div\r\n        class=\"vt-route-level active\"\r\n        id=\"vtRoute1\">\r\n\r\n        <div class=\"vt-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 het nu of gebeurde het al?\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div\r\n        class=\"vt-route-level\"\r\n        id=\"vtRoute2\">\r\n\r\n        <div class=\"vt-route-icon\">\r\n          \ud83c\udf3f\r\n        <\/div>\r\n\r\n        <h3>\r\n          Level 2 \u00b7 Vergelijken\r\n        <\/h3>\r\n\r\n        <p>\r\n          Kies welk woord of welke zin in de verleden tijd staat.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div\r\n        class=\"vt-route-level\"\r\n        id=\"vtRoute3\">\r\n\r\n        <div class=\"vt-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 van nu een zin over vroeger.\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=\"vt-support\"\r\n      id=\"vtSupport\">\r\n\r\n      <div class=\"vt-support-title\">\r\n        Kijk naar het verschil\r\n      <\/div>\r\n\r\n      <div class=\"vt-support-grid\">\r\n\r\n\r\n        <div class=\"vt-support-card now\">\r\n\r\n          <span class=\"vt-support-icon\">\r\n            \u2600\ufe0f\r\n          <\/span>\r\n\r\n          <strong>\r\n            Nu\r\n          <\/strong>\r\n\r\n          <span>\r\n            Ik speel buiten.<br>\r\n            Het gebeurt op dit moment.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"vt-support-card past\">\r\n\r\n          <span class=\"vt-support-icon\">\r\n            \ud83c\udf19\r\n          <\/span>\r\n\r\n          <strong>\r\n            Al gebeurd\r\n          <\/strong>\r\n\r\n          <span>\r\n            Ik speelde buiten.<br>\r\n            Het gebeurde eerder.\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         OEFENING\r\n    ====================================== -->\r\n\r\n    <div class=\"vt-oefen-box\">\r\n\r\n      <div class=\"vt-oefen-layout\">\r\n\r\n\r\n        <!-- LINKERKANT -->\r\n\r\n        <div class=\"vt-oefen-main\">\r\n\r\n\r\n          <div id=\"vtExerciseContent\">\r\n\r\n\r\n            <div class=\"vt-oefen-top\">\r\n\r\n              <div\r\n                class=\"vt-level-pill\"\r\n                id=\"vtLevelPill\">\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=\"vt-vraag-pill\"\r\n                id=\"vtQuestionCounter\">\r\n\r\n                Vraag 1\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vt-progress-wrap\">\r\n\r\n              <div\r\n                class=\"vt-progress-bar\"\r\n                id=\"vtProgressBar\">\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n              class=\"vt-vraag-type\"\r\n              id=\"vtQuestionType\">\r\n\r\n              Herkennen\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n              class=\"vt-vraag-title\"\r\n              id=\"vtQuestionTitle\">\r\n            <\/div>\r\n\r\n\r\n            <div\r\n              class=\"vt-helper\"\r\n              id=\"vtHelper\">\r\n            <\/div>\r\n\r\n\r\n            <div\r\n              class=\"vt-stimulus\"\r\n              id=\"vtStimulus\">\r\n            <\/div>\r\n\r\n\r\n            <div id=\"vtAnswerArea\">\r\n            <\/div>\r\n\r\n\r\n            <div\r\n              class=\"vt-feedback\"\r\n              id=\"vtFeedback\">\r\n            <\/div>\r\n\r\n\r\n            <div\r\n              class=\"vt-next-wrap\"\r\n              id=\"vtNextWrap\">\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"vt-next-btn\"\r\n                id=\"vtNextBtn\">\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=\"vt-level-transition\"\r\n            id=\"vtTransition\">\r\n\r\n            <h3 id=\"vtTransitionTitle\">\r\n            <\/h3>\r\n\r\n            <p id=\"vtTransitionText\">\r\n            <\/p>\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"vt-next-btn\"\r\n              id=\"vtStartNextLevel\">\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=\"vt-finish\"\r\n            id=\"vtFinish\">\r\n\r\n            <img decoding=\"async\"\r\n              class=\"vt-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=\"vtResultText\">\r\n            <\/p>\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"vt-restart-btn\"\r\n              id=\"vtRestartBtn\">\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=\"vt-ifi-side\">\r\n\r\n          <img decoding=\"async\"\r\n            id=\"vtIfiAvatar\"\r\n            class=\"vt-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=\"vt-ifi-side-bubble\">\r\n\r\n            <div class=\"vt-ifi-name\">\r\n              IFI helpt je \ud83c\udf3f\r\n            <\/div>\r\n\r\n            <p\r\n              class=\"vt-ifi-message\"\r\n              id=\"vtIfiMessage\">\r\n\r\n              Kijk rustig naar de zin.\r\n              Gebeurt het nu of gebeurde het al eerder?\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=\"vt-note\">\r\n\r\n      Kleine reminder \ud83c\udf38<br>\r\n\r\n      Woorden zoals\r\n      <strong>gisteren<\/strong>,\r\n      <strong>vorige week<\/strong>\r\n      en <strong>eerder<\/strong>\r\n      kunnen je helpen ontdekken dat iets al gebeurd is.\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 VT_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 vtLevels=[\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 of vroeger?\",\r\n\r\n            question:\r\n              \"Wanneer gebeurt dit?\",\r\n\r\n            helper:\r\n              \"Kijk naar het doe-woord.\",\r\n\r\n            stimulus:\r\n              \"Ik speel buiten.\",\r\n\r\n            answers:[\r\n              \"Nu\",\r\n              \"Al gebeurd\"\r\n            ],\r\n\r\n            correct:\"Nu\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Nu of vroeger?\",\r\n\r\n            question:\r\n              \"Wanneer gebeurde dit?\",\r\n\r\n            helper:\r\n              \"Speelde vertelt dat het eerder gebeurde.\",\r\n\r\n            stimulus:\r\n              \"Ik speelde buiten.\",\r\n\r\n            answers:[\r\n              \"Nu\",\r\n              \"Al gebeurd\"\r\n            ],\r\n\r\n            correct:\"Al gebeurd\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Nu of vroeger?\",\r\n\r\n            question:\r\n              \"Gebeurt dit nu of gebeurde het al?\",\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\",\r\n              \"Al gebeurd\"\r\n            ],\r\n\r\n            correct:\"Nu\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Nu of vroeger?\",\r\n\r\n            question:\r\n              \"Gebeurt dit nu of gebeurde het al?\",\r\n\r\n            helper:\r\n              \"Kijk naar het woord kookten.\",\r\n\r\n            stimulus:\r\n              \"Wij kookten soep.\",\r\n\r\n            answers:[\r\n              \"Nu\",\r\n              \"Al gebeurd\"\r\n            ],\r\n\r\n            correct:\"Al gebeurd\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Nu of vroeger?\",\r\n\r\n            question:\r\n              \"Wanneer gebeurde dit?\",\r\n\r\n            helper:\r\n              \"Vergelijk: tekent en tekende.\",\r\n\r\n            stimulus:\r\n              \"Zij tekende een bloem.\",\r\n\r\n            answers:[\r\n              \"Nu\",\r\n              \"Al gebeurd\"\r\n            ],\r\n\r\n            correct:\"Al gebeurd\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Nu of vroeger?\",\r\n\r\n            question:\r\n              \"Wanneer gebeurt dit?\",\r\n\r\n            helper:\r\n              \"Luistert gebeurt op dit moment.\",\r\n\r\n            stimulus:\r\n              \"Jij luistert naar muziek.\",\r\n\r\n            answers:[\r\n              \"Nu\",\r\n              \"Al gebeurd\"\r\n            ],\r\n\r\n            correct:\"Nu\"\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 VERGELIJKEN & KIEZEN\r\n      ======================================= *\/\r\n\r\n      {\r\n\r\n        level:2,\r\n\r\n        title:\r\n          \"\ud83c\udf3f Level 2 \u00b7 Vergelijken\",\r\n\r\n        questions:[\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Kies de verleden tijd\",\r\n\r\n            question:\r\n              \"Welke zin gebeurde al?\",\r\n\r\n            helper:\r\n              \"Vergelijk de twee zinnen.\",\r\n\r\n            stimulus:\r\n              \"fietsen\",\r\n\r\n            answers:[\r\n              \"Ik fiets naar school.\",\r\n              \"Ik fietste naar school.\"\r\n            ],\r\n\r\n            correct:\r\n              \"Ik fietste naar school.\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Kies de verleden tijd\",\r\n\r\n            question:\r\n              \"Welke zin staat in de verleden tijd?\",\r\n\r\n            helper:\r\n              \"Welke actie gebeurde eerder?\",\r\n\r\n            stimulus:\r\n              \"koken\",\r\n\r\n            answers:[\r\n              \"Hij kookt soep.\",\r\n              \"Hij kookte soep.\"\r\n            ],\r\n\r\n            correct:\r\n              \"Hij kookte soep.\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Welk woord past?\",\r\n\r\n            question:\r\n              \"Maak de zin over gisteren af.\",\r\n\r\n            helper:\r\n              \"Gisteren betekent dat het al gebeurd is.\",\r\n\r\n            stimulus:\r\n              \"Gisteren ___ ik buiten.\",\r\n\r\n            answers:[\r\n              \"speel\",\r\n              \"speelde\",\r\n              \"spelen\"\r\n            ],\r\n\r\n            correct:\"speelde\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Welk woord past?\",\r\n\r\n            question:\r\n              \"Welke vorm hoort bij vroeger?\",\r\n\r\n            helper:\r\n              \"Let op: het gaat over wij.\",\r\n\r\n            stimulus:\r\n              \"Gisteren ___ wij soep.\",\r\n\r\n            answers:[\r\n              \"koken\",\r\n              \"kookten\",\r\n              \"kookt\"\r\n            ],\r\n\r\n            correct:\"kookten\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Van nu naar vroeger\",\r\n\r\n            question:\r\n              \"Welke vorm hoort bij vroeger?\",\r\n\r\n            helper:\r\n              \"Nu: hij fietst.\",\r\n\r\n            stimulus:\r\n              \"Gisteren ___ hij naar school.\",\r\n\r\n            answers:[\r\n              \"fietst\",\r\n              \"fietste\",\r\n              \"fietsen\"\r\n            ],\r\n\r\n            correct:\"fietste\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"choice\",\r\n\r\n            label:\"Van nu naar vroeger\",\r\n\r\n            question:\r\n              \"Welke vorm hoort bij vroeger?\",\r\n\r\n            helper:\r\n              \"Nu: zij tekent.\",\r\n\r\n            stimulus:\r\n              \"Gisteren ___ zij een bloem.\",\r\n\r\n            answers:[\r\n              \"tekent\",\r\n              \"tekende\",\r\n              \"tekenen\"\r\n            ],\r\n\r\n            correct:\"tekende\"\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:\"Maak het verleden tijd\",\r\n\r\n            question:\r\n              \"Typ het doe-woord in de verleden tijd.\",\r\n\r\n            helper:\r\n              \"Nu: ik speel.\",\r\n\r\n            stimulus:\r\n              \"Gisteren ___ ik buiten.\",\r\n\r\n            correct:\"speelde\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"text\",\r\n\r\n            label:\"Maak het verleden tijd\",\r\n\r\n            question:\r\n              \"Typ het goede woord.\",\r\n\r\n            helper:\r\n              \"Nu: zij tekent.\",\r\n\r\n            stimulus:\r\n              \"Gisteren ___ zij een bloem.\",\r\n\r\n            correct:\"tekende\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"text\",\r\n\r\n            label:\"Maak het verleden tijd\",\r\n\r\n            question:\r\n              \"Typ het goede woord.\",\r\n\r\n            helper:\r\n              \"Nu: jij luistert.\",\r\n\r\n            stimulus:\r\n              \"Gisteren ___ jij goed.\",\r\n\r\n            correct:\"luisterde\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"text\",\r\n\r\n            label:\"Lees de context\",\r\n\r\n            question:\r\n              \"Welk woord hoort op de lege plek?\",\r\n\r\n            helper:\r\n              \"Vorige week betekent dat het al gebeurd is.\",\r\n\r\n            stimulus:\r\n              \"Vorige week ___ ik naar het park.\",\r\n\r\n            correct:\"fietste\"\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 doe-woord in de verleden tijd.\",\r\n\r\n            helper:\r\n              \"Het gaat over gisteren.\",\r\n\r\n            stimulus:\r\n              \"Gisteren regende het. Wij ___ binnen.\",\r\n\r\n            correct:\"speelden\"\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              \"Maak van \u2018wandelt\u2019 een woord over vroeger.\",\r\n\r\n            helper:\r\n              \"Nu: hij wandelt rustig.\",\r\n\r\n            stimulus:\r\n              \"Vanmorgen ___ hij rustig.\",\r\n\r\n            correct:\"wandelde\"\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 vtLevelIndex=0;\r\n\r\n    let vtQuestionIndex=0;\r\n\r\n    let vtCorrect=0;\r\n\r\n    let vtAnswered=false;\r\n\r\n\r\n    const vtTotal=\r\n      vtLevels.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 vtLevelPill=\r\n      document.getElementById(\r\n        \"vtLevelPill\"\r\n      );\r\n\r\n    const vtQuestionCounter=\r\n      document.getElementById(\r\n        \"vtQuestionCounter\"\r\n      );\r\n\r\n    const vtProgressBar=\r\n      document.getElementById(\r\n        \"vtProgressBar\"\r\n      );\r\n\r\n    const vtQuestionType=\r\n      document.getElementById(\r\n        \"vtQuestionType\"\r\n      );\r\n\r\n    const vtQuestionTitle=\r\n      document.getElementById(\r\n        \"vtQuestionTitle\"\r\n      );\r\n\r\n    const vtHelper=\r\n      document.getElementById(\r\n        \"vtHelper\"\r\n      );\r\n\r\n    const vtStimulus=\r\n      document.getElementById(\r\n        \"vtStimulus\"\r\n      );\r\n\r\n    const vtAnswerArea=\r\n      document.getElementById(\r\n        \"vtAnswerArea\"\r\n      );\r\n\r\n    const vtFeedback=\r\n      document.getElementById(\r\n        \"vtFeedback\"\r\n      );\r\n\r\n    const vtNextWrap=\r\n      document.getElementById(\r\n        \"vtNextWrap\"\r\n      );\r\n\r\n    const vtNextBtn=\r\n      document.getElementById(\r\n        \"vtNextBtn\"\r\n      );\r\n\r\n    const vtSupport=\r\n      document.getElementById(\r\n        \"vtSupport\"\r\n      );\r\n\r\n    const vtIfiAvatar=\r\n      document.getElementById(\r\n        \"vtIfiAvatar\"\r\n      );\r\n\r\n    const vtIfiMessage=\r\n      document.getElementById(\r\n        \"vtIfiMessage\"\r\n      );\r\n\r\n    const vtExerciseContent=\r\n      document.getElementById(\r\n        \"vtExerciseContent\"\r\n      );\r\n\r\n    const vtTransition=\r\n      document.getElementById(\r\n        \"vtTransition\"\r\n      );\r\n\r\n    const vtTransitionTitle=\r\n      document.getElementById(\r\n        \"vtTransitionTitle\"\r\n      );\r\n\r\n    const vtTransitionText=\r\n      document.getElementById(\r\n        \"vtTransitionText\"\r\n      );\r\n\r\n    const vtStartNextLevel=\r\n      document.getElementById(\r\n        \"vtStartNextLevel\"\r\n      );\r\n\r\n    const vtFinish=\r\n      document.getElementById(\r\n        \"vtFinish\"\r\n      );\r\n\r\n    const vtResultText=\r\n      document.getElementById(\r\n        \"vtResultText\"\r\n      );\r\n\r\n\r\n    \/* =========================================\r\n       HELPERS\r\n    ========================================= *\/\r\n\r\n    function vtNormalize(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 vtShuffle(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    vtLevels.forEach(\r\n\r\n      function(level){\r\n\r\n        level.questions=\r\n          vtShuffle(\r\n            level.questions\r\n          );\r\n\r\n      }\r\n\r\n    );\r\n\r\n\r\n    function vtCompletedCount(){\r\n\r\n      let amount=0;\r\n\r\n\r\n      for(\r\n        let i=0;\r\n        i<vtLevelIndex;\r\n        i++\r\n      ){\r\n\r\n        amount+=\r\n          vtLevels[i]\r\n            .questions\r\n            .length;\r\n\r\n      }\r\n\r\n\r\n      return amount+\r\n        vtQuestionIndex;\r\n\r\n    }\r\n\r\n\r\n    function vtUpdateRoute(){\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            \"vtRoute\"+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          vtLevelIndex\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          vtLevelIndex\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 vtSetIfi(\r\n      role,\r\n      message\r\n    ){\r\n\r\n      vtIfiAvatar.style.opacity=\r\n        \"0\";\r\n\r\n\r\n      vtIfiAvatar.style.transform=\r\n        \"translateY(6px)\";\r\n\r\n\r\n      setTimeout(\r\n\r\n        function(){\r\n\r\n          vtIfiAvatar.src=\r\n            VT_IFI[role];\r\n\r\n\r\n          vtIfiMessage.textContent=\r\n            message;\r\n\r\n\r\n          vtIfiAvatar.style.opacity=\r\n            \"1\";\r\n\r\n\r\n          vtIfiAvatar.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 vtEmit(\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 vtRender(){\r\n\r\n      vtAnswered=false;\r\n\r\n\r\n      const level=\r\n        vtLevels[\r\n          vtLevelIndex\r\n        ];\r\n\r\n\r\n      const question=\r\n        level.questions[\r\n          vtQuestionIndex\r\n        ];\r\n\r\n\r\n      vtExerciseContent.style.display=\r\n        \"block\";\r\n\r\n\r\n      vtTransition.style.display=\r\n        \"none\";\r\n\r\n\r\n      vtFinish.style.display=\r\n        \"none\";\r\n\r\n\r\n      vtLevelPill.textContent=\r\n        level.title;\r\n\r\n\r\n      const overall=\r\n        vtCompletedCount()+1;\r\n\r\n\r\n      vtQuestionCounter.textContent=\r\n        \"Vraag \"+\r\n        overall+\r\n        \" van \"+\r\n        vtTotal;\r\n\r\n\r\n      vtProgressBar.style.width=\r\n        Math.round(\r\n          (\r\n            vtCompletedCount() \/\r\n            vtTotal\r\n          ) * 100\r\n        )+\"%\";\r\n\r\n\r\n      vtQuestionType.textContent=\r\n        question.label;\r\n\r\n\r\n      vtQuestionTitle.textContent=\r\n        question.question;\r\n\r\n\r\n      vtHelper.textContent=\r\n        question.helper || \"\";\r\n\r\n\r\n      vtStimulus.textContent=\r\n        question.stimulus || \"\";\r\n\r\n\r\n      vtFeedback.textContent=\r\n        \"\";\r\n\r\n\r\n      vtFeedback.className=\r\n        \"vt-feedback\";\r\n\r\n\r\n      vtNextWrap.style.display=\r\n        \"none\";\r\n\r\n\r\n      vtAnswerArea.innerHTML=\r\n        \"\";\r\n\r\n\r\n      \/* =====================================\r\n         SUPPORT ALLEEN LEVEL 1\r\n      ====================================== *\/\r\n\r\n      vtSupport.style.display=\r\n        vtLevelIndex===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        vtLevelIndex===0\r\n      ){\r\n\r\n        vtSetIfi(\r\n\r\n          \"uitleg\",\r\n\r\n          \"Kijk rustig naar het doe-woord. Vertelt de zin wat nu gebeurt of wat al eerder gebeurde?\"\r\n\r\n        );\r\n\r\n      }\r\n\r\n      else if(\r\n        vtLevelIndex===1\r\n      ){\r\n\r\n        vtSetIfi(\r\n\r\n          \"denken\",\r\n\r\n          \"Nu ga je vergelijken. Let op woorden zoals gisteren en kijk hoe het doe-woord verandert.\"\r\n\r\n        );\r\n\r\n      }\r\n\r\n      else{\r\n\r\n        vtSetIfi(\r\n\r\n          \"denken\",\r\n\r\n          \"Nu mag jij het zelf doen. Lees eerst wanneer iets gebeurde en verander daarna het doe-woord.\"\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          \"vt-antwoorden\";\r\n\r\n\r\n        vtShuffle(\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              \"vt-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                vtSubmit(\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        vtAnswerArea.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          \"vt-input-wrap\";\r\n\r\n\r\n        wrap.innerHTML=`\r\n\r\n          <input\r\n            type=\"text\"\r\n            class=\"vt-input\"\r\n            id=\"vtTextInput\"\r\n            autocomplete=\"off\"\r\n            autocapitalize=\"off\"\r\n            spellcheck=\"false\"\r\n            placeholder=\"Typ het woord...\"\r\n          >\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"vt-check-btn\"\r\n            id=\"vtCheckText\">\r\n\r\n            Nakijken \ud83c\udf3f\r\n\r\n          <\/button>\r\n\r\n        `;\r\n\r\n\r\n        vtAnswerArea.appendChild(\r\n          wrap\r\n        );\r\n\r\n\r\n        const input=\r\n          document.getElementById(\r\n            \"vtTextInput\"\r\n          );\r\n\r\n\r\n        document\r\n          .getElementById(\r\n            \"vtCheckText\"\r\n          )\r\n          .addEventListener(\r\n\r\n            \"click\",\r\n\r\n            function(){\r\n\r\n              vtSubmit(\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              vtSubmit(\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 vtSubmit(\r\n      value,\r\n      node\r\n    ){\r\n\r\n      if(\r\n        vtAnswered\r\n      ){\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      vtAnswered=true;\r\n\r\n\r\n      const question=\r\n        vtLevels[\r\n          vtLevelIndex\r\n        ]\r\n        .questions[\r\n          vtQuestionIndex\r\n        ];\r\n\r\n\r\n      const correct=\r\n        vtNormalize(value) ===\r\n        vtNormalize(\r\n          question.correct\r\n        );\r\n\r\n\r\n      if(\r\n        correct\r\n      ){\r\n\r\n        vtCorrect++;\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 gekeken.\"\r\n\r\n        ];\r\n\r\n\r\n        vtFeedback.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        vtFeedback.className=\r\n          \"vt-feedback good\";\r\n\r\n\r\n        const ifiSuccess=[\r\n\r\n          \"Mooi gezien. Je wist goed wanneer de actie gebeurde.\",\r\n\r\n          \"Ja, precies. Dat is de goede vorm.\",\r\n\r\n          \"Dat klopt. Goed naar het doe-woord gekeken.\",\r\n\r\n          \"Goed gedaan. Ga maar rustig verder.\"\r\n\r\n        ];\r\n\r\n\r\n        vtSetIfi(\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        vtFeedback.textContent=\r\n          \"Kijk nog eens rustig. Het goede antwoord is: \"+\r\n          question.correct+\r\n          \".\";\r\n\r\n\r\n        vtFeedback.className=\r\n          \"vt-feedback retry\";\r\n\r\n\r\n        if(\r\n          vtLevelIndex===0\r\n        ){\r\n\r\n          vtSetIfi(\r\n\r\n            \"denken\",\r\n\r\n            \"Dat geeft niet. Vraag jezelf af: gebeurt dit nu, of vertelt de zin iets dat al voorbij is?\"\r\n\r\n          );\r\n\r\n        }\r\n\r\n        else if(\r\n          vtLevelIndex===1\r\n        ){\r\n\r\n          vtSetIfi(\r\n\r\n            \"denken\",\r\n\r\n            \"Kijk nog eens naar het tijdwoord en vergelijk de vorm van het doe-woord.\"\r\n\r\n          );\r\n\r\n        }\r\n\r\n        else{\r\n\r\n          vtSetIfi(\r\n\r\n            \"denken\",\r\n\r\n            \"Lees de zin langzaam. Woorden zoals gisteren of vorige week vertellen dat je een vorm over vroeger nodig hebt.\"\r\n\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      vtAnswerArea\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      vtNextWrap.style.display=\r\n        \"block\";\r\n\r\n\r\n      vtEmit(\r\n\r\n        \"withifi:verleden-tijd-answer\",\r\n\r\n        {\r\n\r\n          level:\r\n            vtLevelIndex+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 vtNext(){\r\n\r\n      const level=\r\n        vtLevels[\r\n          vtLevelIndex\r\n        ];\r\n\r\n\r\n      vtQuestionIndex++;\r\n\r\n\r\n      if(\r\n        vtQuestionIndex <\r\n        level.questions.length\r\n      ){\r\n\r\n        vtRender();\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      if(\r\n        vtLevelIndex <\r\n        vtLevels.length-1\r\n      ){\r\n\r\n        vtShowTransition();\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      vtComplete();\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       LEVEL OVERGANG\r\n    ========================================= *\/\r\n\r\n    function vtShowTransition(){\r\n\r\n      vtExerciseContent.style.display=\r\n        \"none\";\r\n\r\n\r\n      vtTransition.style.display=\r\n        \"block\";\r\n\r\n\r\n      if(\r\n        vtLevelIndex===0\r\n      ){\r\n\r\n        vtTransitionTitle.textContent=\r\n          \"\ud83c\udf3f Klaar voor Level 2\";\r\n\r\n\r\n        vtTransitionText.textContent=\r\n          \"Je kunt al herkennen of iets nu gebeurt of al gebeurd is. Nu gaan we zinnen en werkwoordsvormen met elkaar vergelijken.\";\r\n\r\n\r\n        vtSetIfi(\r\n\r\n          \"uitleg\",\r\n\r\n          \"Nu gaan we een klein stapje verder. Kijk niet alleen naar wanneer iets gebeurt, maar ook naar hoe het doe-woord verandert.\"\r\n\r\n        );\r\n\r\n      }\r\n\r\n      else{\r\n\r\n        vtTransitionTitle.textContent=\r\n          \"\ud83c\udf33 Klaar voor Level 3\";\r\n\r\n\r\n        vtTransitionText.textContent=\r\n          \"Je kunt de verleden tijd al herkennen en kiezen. Nu krijg je geen antwoordknoppen meer: jij maakt de vorm zelf.\";\r\n\r\n\r\n        vtSetIfi(\r\n\r\n          \"goed\",\r\n\r\n          \"Ik zie dat je er klaar voor bent. Nu ga jij zelf van nu naar vroeger.\"\r\n\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    function vtNextLevel(){\r\n\r\n      vtLevelIndex++;\r\n\r\n      vtQuestionIndex=0;\r\n\r\n\r\n      vtUpdateRoute();\r\n\r\n      vtRender();\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       KLAAR\r\n    ========================================= *\/\r\n\r\n    function vtComplete(){\r\n\r\n      vtExerciseContent.style.display=\r\n        \"none\";\r\n\r\n\r\n      vtTransition.style.display=\r\n        \"none\";\r\n\r\n\r\n      vtFinish.style.display=\r\n        \"block\";\r\n\r\n\r\n      vtProgressBar.style.width=\r\n        \"100%\";\r\n\r\n\r\n      const percentage=\r\n        Math.round(\r\n          (\r\n            vtCorrect \/\r\n            vtTotal\r\n          ) * 100\r\n        );\r\n\r\n\r\n      vtResultText.innerHTML=\r\n\r\n        \"Je hebt alle drie de levels doorlopen.<br>\" +\r\n\r\n        \"Je had <strong>\" +\r\n        vtCorrect +\r\n        \" van de \" +\r\n        vtTotal +\r\n        \"<\/strong> opdrachten goed (\" +\r\n        percentage +\r\n        \"%).<br><br>\" +\r\n\r\n        \"Je hebt geoefend met verleden tijd herkennen, vergelijken en zelfstandig maken.\";\r\n\r\n\r\n      vtSetIfi(\r\n\r\n        \"goed\",\r\n\r\n        \"Goed gedaan. Je kunt nu steeds beter zien wanneer iets al gebeurd is en hoe het doe-woord dan verandert.\"\r\n\r\n      );\r\n\r\n\r\n      vtEmit(\r\n\r\n        \"withifi:verleden-tijd-complete\",\r\n\r\n        {\r\n\r\n          topic:\r\n            \"Verleden tijd\",\r\n\r\n          levelsCompleted:\r\n            3,\r\n\r\n          correct:\r\n            vtCorrect,\r\n\r\n          total:\r\n            vtTotal,\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 vtRestart(){\r\n\r\n      vtLevelIndex=0;\r\n\r\n      vtQuestionIndex=0;\r\n\r\n      vtCorrect=0;\r\n\r\n      vtAnswered=false;\r\n\r\n\r\n      vtLevels.forEach(\r\n\r\n        function(level){\r\n\r\n          level.questions=\r\n            vtShuffle(\r\n              level.questions\r\n            );\r\n\r\n        }\r\n\r\n      );\r\n\r\n\r\n      vtUpdateRoute();\r\n\r\n\r\n      vtSetIfi(\r\n\r\n        \"uitleg\",\r\n\r\n        \"We beginnen gewoon opnieuw. Kijk eerst rustig: gebeurt het nu of gebeurde het al?\"\r\n\r\n      );\r\n\r\n\r\n      vtRender();\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       EVENTS\r\n    ========================================= *\/\r\n\r\n    vtNextBtn.addEventListener(\r\n      \"click\",\r\n      vtNext\r\n    );\r\n\r\n\r\n    vtStartNextLevel.addEventListener(\r\n      \"click\",\r\n      vtNextLevel\r\n    );\r\n\r\n\r\n    document\r\n      .getElementById(\r\n        \"vtRestartBtn\"\r\n      )\r\n      .addEventListener(\r\n        \"click\",\r\n        vtRestart\r\n      );\r\n\r\n\r\n    \/* =========================================\r\n       START\r\n    ========================================= *\/\r\n\r\n    vtUpdateRoute();\r\n\r\n    vtRender();\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>\u23f3 Taal bouwen Verleden tijd oefenen. Soms gebeurt iets nu. Soms gebeurde het al eerder. We leren eerst het verschil herkennen. Daarna gaan we woorden zelf veranderen naar vroeger. \ud83c\udf31 Level 1 \u00b7 Herkennen Is het nu of gebeurde het al? \ud83c\udf3f Level 2 \u00b7 Vergelijken Kies welk woord of welke zin in de verleden [&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-984","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/984","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=984"}],"version-history":[{"count":19,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/984\/revisions"}],"predecessor-version":[{"id":4413,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/984\/revisions\/4413"}],"wp:attachment":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}