{"id":1,"date":"2026-06-28T07:13:52","date_gmt":"2026-06-28T07:13:52","guid":{"rendered":"https:\/\/vhteam.nl\/?p=1"},"modified":"2026-06-28T10:20:40","modified_gmt":"2026-06-28T08:20:40","slug":"welkom","status":"publish","type":"post","link":"https:\/\/vhteam.nl\/index.php\/2026\/06\/28\/welkom\/","title":{"rendered":"Welkom op onze website"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\" style=\"grid-template-columns:22% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"172\" height=\"172\" src=\"https:\/\/vhteam.nl\/wp-content\/uploads\/2026\/06\/logo.png\" alt=\"\" class=\"wp-image-10 size-full\" srcset=\"https:\/\/vhteam.nl\/wp-content\/uploads\/2026\/06\/logo.png 172w, https:\/\/vhteam.nl\/wp-content\/uploads\/2026\/06\/logo-150x150.png 150w\" sizes=\"auto, (max-width: 172px) 100vw, 172px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">Hallo, leuk dat je er bent. Wij zijn 6 en 9 jaar en vinden de natuur heel belangrijk. Daarom hebben we deze website gestart.<\/p>\n<\/div><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Gooi geen afval in de natuur, dat is niet goed.<\/p>\n<\/blockquote>\n\n\n<p><div>\r\n\t<div id=\"naturePuzzle\"><\/div>\r\n\t<div id=\"natureMessage\"><\/div>\r\n\t<button id=\"natureButton\">\r\n\t\tStarten\r\n\t<\/button>\r\n<\/div>\r\n\r\n\r\n<br \/>\n<script>\/\/ ==========================\r\n\/\/ RED DE NATUUR SCHUIFPUZZEL (PLAATJE)\r\n\/\/ ==========================\r\n\r\nconst imageURL = \"https:\/\/vhteam.nl\/wp-content\/uploads\/2026\/06\/panda.jpg\";\r\n\r\n\/\/ CSS\r\nconst style = document.createElement(\"style\");\r\nstyle.textContent = `\r\n#naturePuzzleContainer{\r\n    font-family:Arial,sans-serif;\r\n    text-align:center;\r\n    margin:30px auto;\r\n}\r\n\r\n#naturePuzzle{\r\n    width:306px;\r\n    height:306px;\r\n    display:grid;\r\n    grid-template-columns:repeat(3,100px);\r\n    grid-template-rows:repeat(3,100px);\r\n    gap:3px;\r\n    margin:20px auto;\r\n}\r\n\r\n.natureTile{\r\n    width:100px;\r\n    height:100px;\r\n    border-radius:8px;\r\n    cursor:pointer;\r\n    background-image:url('${imageURL}');\r\n    background-size:300px 300px;\r\n    user-select:none;\r\n}\r\n\r\n.empty{\r\n    background:white;\r\n    border:2px dashed #ccc;\r\n    background-image:none;\r\n}\r\n\r\n#natureButton{\r\n    padding:10px 20px;\r\n    font-size:18px;\r\n    cursor:pointer;\r\n    margin-top:10px;\r\n}\r\n`;\r\ndocument.head.appendChild(style);\r\n\r\n\/\/ BOARD (0 = leeg vak)\r\nlet board = [1,2,3,4,5,6,7,8,0];\r\n\r\nconst puzzle = document.getElementById(\"naturePuzzle\");\r\n\r\n\/\/ positie van elk stukje\r\nfunction getPosition(n){\r\n    const row = Math.floor((n-1)\/3);\r\n    const col = (n-1)%3;\r\n    return `-${col*100}px -${row*100}px`;\r\n}\r\n\r\n\/\/ tekenen\r\nfunction teken(){\r\n    puzzle.innerHTML = \"\";\r\n\r\n    board.forEach((nummer,index)=>{\r\n\r\n        const vak = document.createElement(\"div\");\r\n\r\n        if(nummer === 0){\r\n            vak.className = \"natureTile empty\";\r\n        } else {\r\n            vak.className = \"natureTile\";\r\n            vak.style.backgroundPosition = getPosition(nummer);\r\n            vak.onclick = () => verplaats(index);\r\n        }\r\n\r\n        puzzle.appendChild(vak);\r\n    });\r\n}\r\n\r\n\/\/ verplaatsen\r\nfunction verplaats(index){\r\n\r\n    const leeg = board.indexOf(0);\r\n\r\n    const geldig = [\r\n        leeg-1,\r\n        leeg+1,\r\n        leeg-3,\r\n        leeg+3\r\n    ];\r\n\r\n    if(\r\n        geldig.includes(index) &&\r\n        !(leeg%3===0 && index===leeg-1) &&\r\n        !(leeg%3===2 && index===leeg+1)\r\n    ){\r\n        [board[index],board[leeg]] = [board[leeg],board[index]];\r\n        teken();\r\n        controleer();\r\n    }\r\n}\r\n\r\n\/\/ makkelijker en altijd oplosbaar husselen\r\nfunction hussel(){\r\n\r\n    document.getElementById(\"natureMessage\").textContent = \"\";\r\n\r\n    for(let i=0;i<150;i++){\r\n        const leeg = board.indexOf(0);\r\n        const zetten = [];\r\n\r\n        if(leeg%3!==0) zetten.push(leeg-1);\r\n        if(leeg%3!==2) zetten.push(leeg+1);\r\n        if(leeg>2) zetten.push(leeg-3);\r\n        if(leeg<6) zetten.push(leeg+3);\r\n\r\n        const keuze = zetten[Math.floor(Math.random()*zetten.length)];\r\n\r\n        [board[keuze],board[leeg]] = [board[leeg],board[keuze]];\r\n    }\r\n\r\n    teken();\r\n}\r\n\r\n\/\/ check win\r\nfunction controleer(){\r\n\r\n    for(let i=0;i<8;i++){\r\n        if(board[i] !== i+1) return;\r\n    }\r\n\r\n    document.getElementById(\"natureMessage\").innerHTML =\r\n        \"<h2>\ud83c\udf89 Geweldig! Jij hebt de panda gered! \ud83d\udc3c<\/h2>\";\r\n}\r\n\r\ndocument.getElementById(\"natureButton\").onclick = hussel;\r\n\r\nteken();<\/script><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hallo, leuk dat je er bent. Wij zijn 6 en 9 jaar en vinden de natuur heel belangrijk. Daarom hebben we deze website gestart. Gooi geen afval in de natuur, dat is niet goed.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/vhteam.nl\/index.php\/wp-json\/wp\/v2\/posts\/1","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vhteam.nl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vhteam.nl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vhteam.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vhteam.nl\/index.php\/wp-json\/wp\/v2\/comments?post=1"}],"version-history":[{"count":7,"href":"https:\/\/vhteam.nl\/index.php\/wp-json\/wp\/v2\/posts\/1\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/vhteam.nl\/index.php\/wp-json\/wp\/v2\/posts\/1\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/vhteam.nl\/index.php\/wp-json\/wp\/v2\/media?parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vhteam.nl\/index.php\/wp-json\/wp\/v2\/categories?post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vhteam.nl\/index.php\/wp-json\/wp\/v2\/tags?post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}