{"id":3852,"date":"2026-07-04T04:31:57","date_gmt":"2026-07-04T04:31:57","guid":{"rendered":"https:\/\/withifi.muhubonurture.nl\/?page_id=3852"},"modified":"2026-07-05T02:23:14","modified_gmt":"2026-07-05T02:23:14","slug":"wie-oefent-er-vandaag","status":"publish","type":"page","link":"https:\/\/withifi.muhubonurture.nl\/?page_id=3852","title":{"rendered":"Wie oefent er vandaag?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3852\" class=\"elementor elementor-3852\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a41dad1 e-con-full e-flex e-con e-parent\" data-id=\"a41dad1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-885dcc7 elementor-widget elementor-widget-html\" data-id=\"885dcc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"ifi-profile-page\" class=\"ifi-page\">\r\n<style>\r\n#ifi-profile-page{\r\n  min-height:100vh;\r\n  padding:6rem 6vw;\r\n  font-family:'Nunito', Arial, sans-serif;\r\n  color:#3B2A22;\r\n  background:\r\n    radial-gradient(circle at 18% 18%, rgba(255,255,255,.80) 0%, transparent 30%),\r\n    radial-gradient(circle at 82% 22%, rgba(211,244,255,.55) 0%, transparent 34%),\r\n    radial-gradient(circle at 42% 82%, rgba(221,255,238,.45) 0%, transparent 38%),\r\n    linear-gradient(135deg,#F4FBFF 0%,#EAF7F1 45%,#F8FFF9 100%);\r\n}\r\n\r\n#ifi-profile-page *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n#ifi-profile-page .ifi-wrap{\r\n  max-width:1150px;\r\n  margin:0 auto;\r\n}\r\n\r\n#ifi-profile-page .hero-card,\r\n#ifi-profile-page .profile-card,\r\n#ifi-profile-page .info-card{\r\n  background:rgba(255,255,255,.72);\r\n  backdrop-filter:blur(18px);\r\n  -webkit-backdrop-filter:blur(18px);\r\n  border-radius:38px;\r\n  border:1px solid rgba(255,255,255,.95);\r\n  box-shadow:0 18px 42px rgba(90,120,110,.10);\r\n}\r\n\r\n#ifi-profile-page .hero-card{\r\n  padding:55px;\r\n  text-align:center;\r\n  margin-bottom:35px;\r\n}\r\n\r\n#ifi-profile-page .hero-label{\r\n  display:inline-block;\r\n  padding:12px 22px;\r\n  border-radius:999px;\r\n  background:white;\r\n  color:#7A513F;\r\n  font-weight:900;\r\n  margin-bottom:18px;\r\n}\r\n\r\n#ifi-profile-page h1{\r\n  margin:0;\r\n  font-size:clamp(40px,5vw,70px);\r\n  line-height:1.05;\r\n  color:#3B2A22;\r\n}\r\n\r\n#ifi-profile-page .hero-card p{\r\n  max-width:760px;\r\n  margin:22px auto 0;\r\n  font-size:22px;\r\n  line-height:1.7;\r\n  color:#6F5648;\r\n  font-weight:700;\r\n}\r\n\r\n#ifi-profile-page .profile-card{\r\n  padding:45px;\r\n}\r\n\r\n#ifi-profile-page .question{\r\n  margin-bottom:42px;\r\n}\r\n\r\n#ifi-profile-page .question h2{\r\n  margin:0 0 16px;\r\n  font-size:28px;\r\n  color:#3B2A22;\r\n}\r\n\r\n#ifi-profile-page input{\r\n  width:100%;\r\n  padding:18px 22px;\r\n  border:none;\r\n  border-radius:22px;\r\n  font-size:20px;\r\n  background:white;\r\n  color:#3B2A22;\r\n  box-shadow:0 8px 22px rgba(0,0,0,.06);\r\n}\r\n\r\n#ifi-profile-page input::placeholder{\r\n  color:#8A7A72;\r\n}\r\n\r\n#ifi-profile-page .options{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));\r\n  gap:15px;\r\n}\r\n\r\n#ifi-profile-page .option{\r\n  border:none;\r\n  padding:18px;\r\n  border-radius:24px;\r\n  cursor:pointer;\r\n  font-size:18px;\r\n  font-weight:900;\r\n  color:#3B2A22 !important;\r\n  transition:.25s;\r\n}\r\n\r\n#ifi-profile-page .option:hover{\r\n  transform:translateY(-4px);\r\n}\r\n\r\n#ifi-profile-page .option.selected{\r\n  background:#9FCFBE !important;\r\n  color:#244338 !important;\r\n  outline:3px solid #6FAF95;\r\n}\r\n\r\n#ifi-profile-page .gender-boy{\r\n  background:#EAF3FF;\r\n}\r\n\r\n#ifi-profile-page .gender-girl{\r\n  background:#FCEBFA;\r\n}\r\n\r\n#ifi-profile-page .age{\r\n  background:#FFF4E3;\r\n}\r\n\r\n#ifi-profile-page .group{\r\n  background:#EAF7F1;\r\n}\r\n\r\n#ifi-profile-page .style{\r\n  background:#F3ECFF;\r\n}\r\n\r\n#ifi-profile-page .actions{\r\n  margin-top:50px;\r\n  display:flex;\r\n  justify-content:center;\r\n  gap:18px;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n#ifi-profile-page .btn{\r\n  border:none;\r\n  border-radius:999px;\r\n  padding:18px 34px;\r\n  cursor:pointer;\r\n  font-size:20px;\r\n  font-weight:900;\r\n  color:#3B2A22 !important;\r\n}\r\n\r\n#ifi-profile-page .btn-save{\r\n  background:#9FCFBE;\r\n}\r\n\r\n#ifi-profile-page .btn-clear{\r\n  background:white;\r\n}\r\n\r\n#ifi-profile-page .message{\r\n  display:none;\r\n  margin-top:35px;\r\n  padding:20px;\r\n  border-radius:22px;\r\n  text-align:center;\r\n  font-weight:900;\r\n  color:#3B2A22;\r\n}\r\n\r\n#ifi-profile-page .info-card{\r\n  margin-top:30px;\r\n  padding:35px;\r\n}\r\n\r\n#ifi-profile-page .info-card h2{\r\n  margin-top:0;\r\n}\r\n\r\n#ifi-profile-page .info-card p{\r\n  margin-bottom:0;\r\n  font-size:18px;\r\n  line-height:1.7;\r\n  color:#6F5648;\r\n}\r\n\r\n@media(max-width:800px){\r\n  #ifi-profile-page{\r\n    padding:35px 20px;\r\n  }\r\n\r\n  #ifi-profile-page .hero-card,\r\n  #ifi-profile-page .profile-card,\r\n  #ifi-profile-page .info-card{\r\n    padding:28px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"ifi-wrap\">\r\n\r\n  <div class=\"hero-card\">\r\n    <div class=\"hero-label\">\ud83c\udf3f With Ifi<\/div>\r\n    <h1>Wie oefent er vandaag?<\/h1>\r\n    <p>\r\n      Vertel Ifi iets over jezelf.\r\n      Dan kan de leeromgeving zich aanpassen aan wie jij bent en hoe jij het fijnst leert.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"profile-card\">\r\n\r\n    <div class=\"question\">\r\n      <h2>\ud83d\udc4b Hoe heet je?<\/h2>\r\n      <input type=\"text\" id=\"childName\" placeholder=\"Typ hier je naam\">\r\n    <\/div>\r\n\r\n    <div class=\"question\">\r\n      <h2>\ud83e\uddd2 Ben je een jongen of een meisje?<\/h2>\r\n\r\n      <div class=\"options\" data-field=\"gender\">\r\n        <button type=\"button\" class=\"option gender-boy\" data-value=\"jongen\">\ud83d\udc66 Jongen<\/button>\r\n        <button type=\"button\" class=\"option gender-girl\" data-value=\"meisje\">\ud83d\udc67 Meisje<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"question\">\r\n      <h2>\ud83c\udf31 Hoe oud ben je?<\/h2>\r\n\r\n      <div class=\"options\" data-field=\"age\">\r\n        <button type=\"button\" class=\"option age\" data-value=\"5\">5 jaar<\/button>\r\n        <button type=\"button\" class=\"option age\" data-value=\"6\">6 jaar<\/button>\r\n        <button type=\"button\" class=\"option age\" data-value=\"7\">7 jaar<\/button>\r\n        <button type=\"button\" class=\"option age\" data-value=\"8\">8 jaar<\/button>\r\n        <button type=\"button\" class=\"option age\" data-value=\"9\">9 jaar<\/button>\r\n        <button type=\"button\" class=\"option age\" data-value=\"10\">10 jaar<\/button>\r\n        <button type=\"button\" class=\"option age\" data-value=\"11\">11 jaar<\/button>\r\n        <button type=\"button\" class=\"option age\" data-value=\"12\">12 jaar<\/button>\r\n        <button type=\"button\" class=\"option age\" data-value=\"13\">13 jaar<\/button>\r\n        <button type=\"button\" class=\"option age\" data-value=\"14+\">14+ jaar<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"question\">\r\n      <h2>\ud83d\udcda In welke groep zit je?<\/h2>\r\n\r\n      <div class=\"options\" data-field=\"group\">\r\n        <button type=\"button\" class=\"option group\" data-value=\"groep 1\">Groep 1<\/button>\r\n        <button type=\"button\" class=\"option group\" data-value=\"groep 2\">Groep 2<\/button>\r\n        <button type=\"button\" class=\"option group\" data-value=\"groep 3\">Groep 3<\/button>\r\n        <button type=\"button\" class=\"option group\" data-value=\"groep 4\">Groep 4<\/button>\r\n        <button type=\"button\" class=\"option group\" data-value=\"groep 5\">Groep 5<\/button>\r\n        <button type=\"button\" class=\"option group\" data-value=\"groep 6\">Groep 6<\/button>\r\n        <button type=\"button\" class=\"option group\" data-value=\"groep 7\">Groep 7<\/button>\r\n        <button type=\"button\" class=\"option group\" data-value=\"groep 8\">Groep 8<\/button>\r\n        <button type=\"button\" class=\"option group\" data-value=\"anders\">Anders<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"question\">\r\n      <h2>\u2728 Hoe leer jij het liefst?<\/h2>\r\n\r\n      <div class=\"options\" data-field=\"learningStyle\">\r\n        <button type=\"button\" class=\"option style\" data-value=\"rustig\">\ud83c\udf3f Rustig<\/button>\r\n        <button type=\"button\" class=\"option style\" data-value=\"plaatjes\">\ud83e\udde9 Met plaatjes<\/button>\r\n        <button type=\"button\" class=\"option style\" data-value=\"uitleg\">\ud83d\udcac Extra uitleg<\/button>\r\n        <button type=\"button\" class=\"option style\" data-value=\"uitdaging\">\u2b50 Uitdaging<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"actions\">\r\n      <button type=\"button\" class=\"btn btn-save\" id=\"saveIfiBtn\">\ud83c\udf3f Opslaan en starten<\/button>\r\n      <button type=\"button\" class=\"btn btn-clear\" id=\"clearIfiBtn\">\u21bb Opnieuw invullen<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"message\" id=\"ifiMessage\"><\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"info-card\">\r\n    <h2>\ud83c\udf38 Kleine reminder<\/h2>\r\n    <p>\r\n      Binnenkort krijgt ieder kind een eigen account.\r\n      Voor nu bewaart Ifi jouw gegevens veilig op dit apparaat.\r\n    <\/p>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const STORAGE_KEY = \"withIfiProfiles\";\r\n  const ACTIVE_KEY = \"withIfiChildProfile\";\r\n\r\n  const ifiData = {\r\n    gender: \"\",\r\n    age: \"\",\r\n    group: \"\",\r\n    learningStyle: []\r\n  };\r\n\r\n  function showMessage(text, color){\r\n    const message = document.getElementById(\"ifiMessage\");\r\n    if(!message) return;\r\n\r\n    message.style.display = \"block\";\r\n    message.style.background = color;\r\n    message.style.color = \"#3B2A22\";\r\n    message.innerHTML = text;\r\n  }\r\n\r\n  function setupOptionButtons(){\r\n    document.querySelectorAll(\"#ifi-profile-page .options\").forEach(function(group){\r\n      group.addEventListener(\"click\", function(event){\r\n        const button = event.target.closest(\".option\");\r\n        if(!button) return;\r\n\r\n        const field = group.getAttribute(\"data-field\");\r\n        const value = button.getAttribute(\"data-value\");\r\n\r\n        if(field === \"learningStyle\"){\r\n          button.classList.toggle(\"selected\");\r\n\r\n          if(button.classList.contains(\"selected\")){\r\n            if(!ifiData.learningStyle.includes(value)){\r\n              ifiData.learningStyle.push(value);\r\n            }\r\n          }else{\r\n            ifiData.learningStyle = ifiData.learningStyle.filter(function(item){\r\n              return item !== value;\r\n            });\r\n          }\r\n\r\n          return;\r\n        }\r\n\r\n        group.querySelectorAll(\".option\").forEach(function(btn){\r\n          btn.classList.remove(\"selected\");\r\n        });\r\n\r\n        button.classList.add(\"selected\");\r\n        ifiData[field] = value;\r\n      });\r\n    });\r\n  }\r\n\r\n  function saveIfiProfile(){\r\n    const nameInput = document.getElementById(\"childName\");\r\n    const name = nameInput ? nameInput.value.trim() : \"\";\r\n\r\n    if(\r\n      !name ||\r\n      !ifiData.gender ||\r\n      !ifiData.age ||\r\n      !ifiData.group ||\r\n      ifiData.learningStyle.length === 0\r\n    ){\r\n      showMessage(\"Vul eerst rustig alle vragen in \ud83c\udf3f\", \"#FFF4E3\");\r\n      return;\r\n    }\r\n\r\n    const id = name.toLowerCase().replace(\/\\s+\/g, \"-\");\r\n\r\n    const profile = {\r\n      id: id,\r\n      name: name,\r\n      gender: ifiData.gender,\r\n      age: ifiData.age,\r\n      group: ifiData.group,\r\n      learningStyle: ifiData.learningStyle,\r\n      savedAt: new Date().toISOString(),\r\n      progress: {}\r\n    };\r\n\r\n    let database = {\r\n      activeProfile: id,\r\n      profiles: []\r\n    };\r\n\r\n    const saved = localStorage.getItem(STORAGE_KEY);\r\n\r\n    if(saved){\r\n      try{\r\n        database = JSON.parse(saved);\r\n      }catch(error){\r\n        database = {\r\n          activeProfile: id,\r\n          profiles: []\r\n        };\r\n      }\r\n    }\r\n\r\n    const existingIndex = database.profiles.findIndex(function(item){\r\n      return item.id === id;\r\n    });\r\n\r\n    if(existingIndex > -1){\r\n      database.profiles[existingIndex] = profile;\r\n    }else{\r\n      database.profiles.push(profile);\r\n    }\r\n\r\n    database.activeProfile = id;\r\n\r\n    localStorage.setItem(STORAGE_KEY, JSON.stringify(database));\r\n    localStorage.setItem(ACTIVE_KEY, JSON.stringify(profile));\r\n\r\n    showMessage(\"Welkom \" + name + \" \ud83c\udf38 Je profiel is opgeslagen.\", \"#EAF7F1\");\r\n\r\n    setTimeout(function(){\r\n      window.location.href = \"https:\/\/withifi.muhubonurture.nl\/?page_id=3892\";\r\n    }, 1200);\r\n  }\r\n\r\n  function clearIfiProfile(){\r\n    const nameInput = document.getElementById(\"childName\");\r\n    if(nameInput){\r\n      nameInput.value = \"\";\r\n    }\r\n\r\n    document.querySelectorAll(\"#ifi-profile-page .option\").forEach(function(button){\r\n      button.classList.remove(\"selected\");\r\n    });\r\n\r\n    ifiData.gender = \"\";\r\n    ifiData.age = \"\";\r\n    ifiData.group = \"\";\r\n    ifiData.learningStyle = [];\r\n\r\n    localStorage.removeItem(ACTIVE_KEY);\r\n\r\n    showMessage(\"Alles is weer leeg \ud83c\udf3f\", \"#EAF3FF\");\r\n  }\r\n\r\n  function connectButtons(){\r\n    const saveBtn = document.getElementById(\"saveIfiBtn\");\r\n    const clearBtn = document.getElementById(\"clearIfiBtn\");\r\n\r\n    if(saveBtn){\r\n      saveBtn.addEventListener(\"click\", saveIfiProfile);\r\n    }\r\n\r\n    if(clearBtn){\r\n      clearBtn.addEventListener(\"click\", clearIfiProfile);\r\n    }\r\n  }\r\n\r\n  setupOptionButtons();\r\n  connectButtons();\r\n})();\r\n<\/script>\r\n<\/section>\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>\ud83c\udf3f With Ifi Wie oefent er vandaag? Vertel Ifi iets over jezelf. Dan kan de leeromgeving zich aanpassen aan wie jij bent en hoe jij het fijnst leert. \ud83d\udc4b Hoe heet je? \ud83e\uddd2 Ben je een jongen of een meisje? \ud83d\udc66 Jongen \ud83d\udc67 Meisje \ud83c\udf31 Hoe oud ben je? 5 jaar 6 jaar 7 jaar [&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-3852","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3852","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=3852"}],"version-history":[{"count":36,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3852\/revisions"}],"predecessor-version":[{"id":3935,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3852\/revisions\/3935"}],"wp:attachment":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3852"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}