{"id":6549,"date":"2026-02-23T01:32:25","date_gmt":"2026-02-23T01:32:25","guid":{"rendered":"https:\/\/steentijdvondsten.nl\/post\/?page_id=6549"},"modified":"2026-05-06T23:07:47","modified_gmt":"2026-05-06T23:07:47","slug":"puzzel","status":"publish","type":"page","link":"https:\/\/steentijdvondsten.nl\/post\/index.php\/puzzel\/","title":{"rendered":"Puzzel"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"template-frame\">\n  <div class=\"afbeelding-kader\">\n    <div class=\"tekst-kader\">\n      <h1>Lascaux Prehistorie<\/h1>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Template container *\/\n.template-frame {\n  width: 100%;\n  max-width: 1200px; \/* pas aan naar de breedte van je template *\/\n  margin: 0 auto;\n}\n\n\/* Afbeelding container: altijd volledige afbeelding zichtbaar *\/\n.afbeelding-kader {\n  width: 100%;\n  aspect-ratio: 1200\/200; \/* vervang door verhouding van jouw afbeelding *\/\n  background-image: url('https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/04\/cropped-sierlijn.png');\n  background-size: contain; \/* afbeelding volledig zichtbaar *\/\n  background-repeat: no-repeat;\n  background-position: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n\/* Tekstkader strak om de tekst *\/\n.tekst-kader {\n  display: inline-block;\n  background-color: white;\n  padding: 2mm 5mm; \/* 2mm boven\/onder, 5mm links\/rechts *\/\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.tekst-kader h1 {\n  margin: 0;\n  font-size: 2em;\n  word-wrap: break-word;\n  line-height: 1.2;\n}\n<\/style>\n\n\n\n<div id=\"grot-game-wrapper\">\n<style>\n\/* Scoped stijlen voor WordPress compatibiliteit *\/\n#grot-game-wrapper {\nbackground-color: #ffffff;\ncolor: #333333;\nfont-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\nmargin: 20px auto;\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\njustify-content: center;\nmin-height: 550px;\nposition: relative;\nborder-radius: 12px;\npadding: 15px;\nbox-sizing: border-box;\nuser-select: none;\n-webkit-user-select: none;\nborder: 1px solid #ffffff;\n}\n\n#grot-main-container {\nposition: relative;\nmax-width: 800px;\nwidth: 100%;\nheight: 500px;\nborder: 4px solid #4a3728;\nborder-radius: 12px;\noverflow: hidden;\nbox-shadow: 0 10px 30px rgba(0,0,0,0.1);\nbackground-color: #f0f0f0;\n-webkit-touch-callout: none;\n}\n\n\/* Vaste vetlamp die rechtsonder in beeld blijft staan na level 1 *\/\n#statische-lamp {\nposition: absolute;\nbottom: 10px;\nright: 10px;\nwidth: 80px;\nheight: 80px;\nz-index: 95;\ndisplay: none;\nfilter: drop-shadow(0 0 10px rgba(255, 165, 0, 0.7));\npointer-events: none;\n}\n\n\/* LEVEL 1: VUUR MAKEN *\/\n#level-fire {\nwidth: 100%;\nheight: 100%;\nbackground-image: url('https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/1.achtergrong_geen_vuur.png');\nbackground-size: cover;\nbackground-position: center;\nposition: relative;\n}\n\n#pieces-container {\nposition: absolute;\nbottom: 10px;\nwidth: 100%;\ndisplay: flex;\njustify-content: center;\ngap: 10px;\nz-index: 70;\n}\n\n.fire-piece {\nwidth: 80px;\nheight: 80px;\nobject-fit: contain;\ncursor: pointer;\nbackground: white;\nborder-radius: 8px;\npadding: 5px;\nborder: 2px solid transparent;\ntransition: transform 0.1s;\n}\n.fire-piece:active { transform: scale(0.9); }\n\n\/* Animatie van de lamp die naar de grot beweegt *\/\n#lampvlam {\nposition: absolute;\nwidth: 100%;\nheight: 100%;\nobject-fit: cover;\nz-index: 60;\ntransform: translate(150%, 18%);\npointer-events: none;\ndisplay: none;\nopacity: 0;\ntransition: transform 1.2s ease, opacity 1s ease;\n}\n#lampvlam.show { transform: translate(45%, 18%); opacity: 1; }\n\n#sjamaan-gif {\ndisplay: none;\nposition: absolute;\ntop: 0;\nleft: 0;\nwidth: 100%;\nheight: 100%;\nobject-fit: cover;\nz-index: 65;\nopacity: 0;\ntransition: opacity 0.5s ease-in-out;\n}\n#sjamaan-gif.show { opacity: 1; }\n\n\/* LEVEL 2: PUZZEL *\/\n#level-puzzle {\ndisplay: none;\nwidth: 100%;\nheight: 100%;\nposition: relative;\nbackground: #222;\n}\n\n.kb-piece {\nposition: absolute;\nborder: 1px solid #444;\nbox-sizing: border-box;\ncursor: grab;\ntouch-action: none;\nbackground-repeat: no-repeat;\ntransition: top 0.2s, left 0.2s, border 0.5s;\n}\n.kb-piece.dragging { z-index: 100; opacity: 0.8; transition: none; }\n\n#puzzle-final-img {\nposition: absolute;\ntop: 0;\nleft: 0;\nwidth: 100%;\nheight: 100%;\nobject-fit: cover;\nz-index: 110;\ndisplay: none;\nopacity: 0;\ntransition: opacity 1.5s ease-in-out;\n}\n\n\/* ALGEMENE UI *\/\n.grot-overlay {\nposition: absolute;\ntop: 10px;\nleft: 10px;\nbackground: rgba(255, 255, 255, 0.9);\npadding: 8px 15px;\nborder-radius: 8px;\nz-index: 80;\nborder: 1px solid #a67c52;\npointer-events: none;\n}\n\n.grot-btn-restart {\npadding: 12px 25px;\nbackground-color: #38a169;\ncolor: white;\nborder-radius: 50px;\nfont-weight: bold;\nborder: none;\ncursor: pointer;\nbox-shadow: 0 4px 6px rgba(0,0,0,0.1);\ntransition: background 0.3s;\n}\n.grot-btn-restart:hover { background-color: #2f855a; }\n\n#end-screen {\nposition: absolute;\ntop: 0;\nleft: 0;\nwidth: 100%;\nheight: 100%;\nbackground: rgba(0,0,0,0.7);\ndisplay: none;\nflex-direction: column;\nalign-items: center;\njustify-content: center;\nz-index: 120;\ncolor: white;\ntext-align: center;\n}\n<\/style>\n\n<div id=\"grot-main-container\">\n    <!-- UI OVERLAY -->\n    <div id=\"grot-ui\" class=\"grot-overlay\">\n        <div id=\"grot-title\" style=\"font-weight: bold; color: #a67c52;\">De kunstenaar van Lascaux<\/div>\n        <div id=\"grot-status\" style=\"font-size: 0.85rem; color: #666;\">Maak vuur om de lamp aan te steken.<\/div>\n    <\/div>\n\n    <!-- De brandende lamp die altijd zichtbaar blijft na het aansteken -->\n    <img decoding=\"async\" id=\"statische-lamp\" src=\"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/10.LAMPVLAM.png\" alt=\"Brandende vetlamp\">\n\n    <!-- LEVEL 1: VUUR MAKEN -->\n    <div id=\"level-fire\">\n        <img decoding=\"async\" id=\"lampvlam\" src=\"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/10.LAMPVLAM.png\">\n        <img decoding=\"async\" id=\"sjamaan-gif\" src=\"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/sjamaan.gif\">\n        <div id=\"pieces-container\">\n            <img decoding=\"async\" src=\"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/2.piriet.png\" class=\"fire-piece\" data-id=\"2\">\n            <img decoding=\"async\" src=\"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/1.mos_.png\" class=\"fire-piece\" data-id=\"1\">\n            <img decoding=\"async\" src=\"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/3.vuistbijl_game.png\" class=\"fire-piece\" data-id=\"3\">\n            <img decoding=\"async\" src=\"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/8.hout_.png\" class=\"fire-piece\" data-id=\"8\">\n            <img decoding=\"async\" src=\"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/0.lamp_.png\" class=\"fire-piece\" data-id=\"0\">\n        <\/div>\n    <\/div>\n\n    <!-- LEVEL 2: PUZZEL -->\n    <div id=\"level-puzzle\">\n        <img decoding=\"async\" id=\"puzzle-final-img\" src=\"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/schilder.png\">\n    <\/div>\n\n    <!-- EIND SCHERM -->\n    <div id=\"end-screen\">\n        <h2 style=\"margin-bottom: 20px;\">Gefeliciteerd!<\/h2>\n        <p style=\"margin-bottom: 20px;\">Je hebt de kunstenaar geholpen zijn werk te voltooien.<\/p>\n        <button class=\"grot-btn-restart\" onclick=\"location.reload()\">Opnieuw Spelen<\/button>\n    <\/div>\n<\/div>\n\n<script>\n(function() {\nconst mainContainer = document.getElementById('grot-main-container');\nconst levelFire = document.getElementById('level-fire');\nconst levelPuzzle = document.getElementById('level-puzzle');\nconst statusText = document.getElementById('grot-status');\nconst statischeLamp = document.getElementById('statische-lamp');\nconst finalImg = document.getElementById('puzzle-final-img');\nconst endScreen = document.getElementById('end-screen');\n\n\/\/ --- LEVEL 1 LOGICA: VUUR ---\nconst fireSequence = [1, 2, 3, 8, 0];\nlet fireClicked = [];\n\nfunction shuffleFire() {\n    const container = document.getElementById(\"pieces-container\");\n    if(!container) return;\n    let pieces = Array.from(container.children);\n    pieces.sort(() => Math.random() - 0.5);\n    pieces.forEach(p => container.appendChild(p));\n}\n\ndocument.querySelectorAll('.fire-piece').forEach(p => {\n    const handleFireClick = (e) => {\n        e.preventDefault();\n        fireClicked.push(parseInt(p.dataset.id));\n        shuffleFire();\n\n        for (let i = 0; i < fireClicked.length; i++) {\n            if (fireClicked[i] !== fireSequence[i]) {\n                fireClicked = [];\n                statusText.innerText = \"zoek de volgorde -> \";\n                return;\n            }\n        }\n\n        if (fireClicked.length === fireSequence.length) {\n            winLevel1();\n        }\n    };\n    p.onclick = handleFireClick;\n    p.ontouchend = handleFireClick;\n});\n\nfunction winLevel1() {\n    levelFire.style.backgroundImage = \"url('https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/5.vuur_muis-.gif')\";\n    document.getElementById(\"pieces-container\").style.display = \"none\";\n    statusText.innerText = \"Vuur gemaakt! Bezoek de kunstenaar...\";\n\n    const lamp = document.getElementById(\"lampvlam\");\n    lamp.style.display = \"block\";\n    setTimeout(() => lamp.classList.add(\"show\"), 50);\n\n    setTimeout(() => {\n        lamp.classList.remove(\"show\");\n        statischeLamp.style.display = \"block\";\n        const sjamaan = document.getElementById(\"sjamaan-gif\");\n        sjamaan.src = \"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/sjamaan-2.gif\";\n        sjamaan.style.display = \"block\";\n        setTimeout(() => sjamaan.classList.add(\"show\"), 50);\n\n        setTimeout(() => {\n            sjamaan.style.opacity = \"0\";\n            setTimeout(() => {\n                sjamaan.src = \"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/sjamaan.gif\";\n                sjamaan.style.opacity = \"1\";\n                setTimeout(() => {\n                    sjamaan.classList.remove(\"show\");\n                    levelFire.style.display = \"none\";\n                    startLevel2();\n                }, 3500); \n            }, 300); \n        }, 2400); \n    }, 5000);\n}\n\n\/\/ --- LEVEL 2 LOGICA: PUZZEL ---\nfunction startLevel2() {\n    levelPuzzle.style.display = \"block\";\n    statusText.innerText = \"Herstel de afbeelding van de kunstenaar.\";\n    const puzzleImg = \"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/puzelsjamaan.png\";\n    const size = 5; \n    const totalWidth = mainContainer.clientWidth;\n    const totalHeight = 500;\n    const pWidth = totalWidth \/ size;\n    const pHeight = totalHeight \/ size;\n\n    let pieces = [];\n    for (let r = 0; r < size; r++) {\n        for (let c = 0; c < size; c++) {\n            const d = document.createElement(\"div\");\n            d.className = \"kb-piece\";\n            d.style.width = pWidth + \"px\";\n            d.style.height = pHeight + \"px\";\n            d.style.backgroundImage = `url(${puzzleImg})`;\n            d.style.backgroundSize = `${totalWidth}px ${totalHeight}px`;\n            d.style.backgroundPosition = `-${c * pWidth}px -${r * pHeight}px`;\n            d.dataset.correctR = r;\n            d.dataset.correctC = c;\n            d.dataset.r = r;\n            d.dataset.c = c;\n            pieces.push(d);\n        }\n    }\n\n    let positions = [];\n    for(let i = 0; i < size * size; i++) positions.push(i);\n    positions.sort(() => Math.random() - 0.5);\n\n    pieces.forEach((p, i) => {\n        const posIndex = positions[i];\n        const r = Math.floor(posIndex \/ size);\n        const c = posIndex % size;\n        p.dataset.r = r;\n        p.dataset.c = c;\n        p.style.top = (r * pHeight) + \"px\";\n        p.style.left = (c * pWidth) + \"px\";\n        levelPuzzle.appendChild(p);\n    });\n\n    let dragged = null;\n    pieces.forEach(p => {\n        const startDrag = (e) => {\n            if(finalImg.style.display === \"block\") return;\n            dragged = p;\n            p.classList.add(\"dragging\");\n            p.setPointerCapture(e.pointerId);\n        };\n        const moveDrag = (e) => {\n            if (!dragged) return;\n            const rect = levelPuzzle.getBoundingClientRect();\n            let x = (e.clientX || (e.touches && e.touches[0].clientX)) - rect.left - pWidth \/ 2;\n            let y = (e.clientY || (e.touches && e.touches[0].clientY)) - rect.top - pHeight \/ 2;\n            dragged.style.left = x + \"px\";\n            dragged.style.top = y + \"px\";\n        };\n        const endDrag = (e) => {\n            if (!dragged) return;\n            dragged.classList.remove(\"dragging\");\n            let nc = Math.round(parseFloat(dragged.style.left) \/ pWidth);\n            let nr = Math.round(parseFloat(dragged.style.top) \/ pHeight);\n            nc = Math.max(0, Math.min(size - 1, nc));\n            nr = Math.max(0, Math.min(size - 1, nr));\n\n            let target = pieces.find(x => x !== dragged && x.dataset.r == nr && x.dataset.c == nc);\n            if (target) {\n                let oldR = dragged.dataset.r;\n                let oldC = dragged.dataset.c;\n                dragged.dataset.r = nr;\n                dragged.dataset.c = nc;\n                target.dataset.r = oldR;\n                target.dataset.c = oldC;\n                target.style.top = (oldR * pHeight) + \"px\";\n                target.style.left = (oldC * pWidth) + \"px\";\n            }\n            dragged.style.top = (dragged.dataset.r * pHeight) + \"px\";\n            dragged.style.left = (dragged.dataset.c * pWidth) + \"px\";\n            dragged = null;\n            checkWin();\n        };\n        p.onpointerdown = startDrag;\n        p.onpointermove = moveDrag;\n        p.onpointerup = endDrag;\n    });\n\n    function checkWin() {\n        const win = pieces.every(p => p.dataset.r == p.dataset.correctR && p.dataset.c == p.dataset.correctC);\n        if (win) {\n            statusText.innerText = \"Geweldig! De schildering is voltooid.\";\n            pieces.forEach(p => p.style.border = \"none\");\n\n            setTimeout(() => {\n                finalImg.style.display = \"block\";\n                setTimeout(() => { finalImg.style.opacity = \"1\"; }, 50);\n\n                \/\/ Na 4 seconden het eindscherm tonen in plaats van Level 3\n                setTimeout(() => {\n                    endScreen.style.display = \"flex\";\n                    statusText.innerText = \"Einde spel.\";\n                }, 4000);\n            }, 500);\n        }\n    }\n}\n\nshuffleFire();\n})();\n<\/script>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Puzzel tip: Gebruik droog, fijn materiaal zoals gras als tondel. Sla met vuursteen en pyriet om vonken te maken, laat een sintel ontstaan en blaas voorzichtig tot er vuur ontstaat. Steek daarmee eerst hout aan en vervolgens je vetlamp.<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-8f761849 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-media-text is-stacked-on-mobile\" style=\"grid-template-columns:16% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"220\" height=\"592\" src=\"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/kwastdot-1.png\" alt=\"\" class=\"wp-image-10241 size-full\" srcset=\"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/kwastdot-1.png 220w, https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/kwastdot-1-111x300.png 111w\" sizes=\"auto, (max-width: 220px) 100vw, 220px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">De grot van Lascaux, gelegen in de Dordogne in Frankrijk, werd ontdekt in 1940 en bevat <strong>meer dan 600 rotstekeningen<\/strong> die teruggaan tot ongeveer <strong>17.000 jaar geleden<\/strong>, in het <strong>late Paleolithicum<\/strong>. De afbeeldingen zijn vooral van dieren, met name:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Herten, ree\u00ebn, mammoeten en soms roofdieren. Paarden \u2013 vaak in groepen, soms in beweging afgebeeld. Stieren en bizons \u2013 vaak groot en indrukwekkend, soms bijna 5 meter lang. Herten en rendieren \u2013 soms met opvallende gewei of markeringen.<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\" style=\"grid-template-columns:43% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/schilder-1024x576.png\" alt=\"\" class=\"wp-image-10304 size-full\" srcset=\"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/schilder-1024x576.png 1024w, https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/schilder-300x169.png 300w, https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/schilder-768x432.png 768w, https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/schilder-1536x864.png 1536w, https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/schilder-1140x641.png 1140w, https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/schilder.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">De mensen die de schilderingen in de grot van Lascaux maakten, waren <strong>Jagers-verzamelaars uit de late steentijd<\/strong>, specifiek het <strong>Paleolithicum<\/strong>, ongeveer <strong>17.000 jaar geleden<\/strong>. Ze hoorden tot een groep die we vaak de <strong>Cro-Magnon<\/strong> noemen, de vroege moderne mensen in Europa.<\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"template-frame\">\n  <div class=\"afbeelding-kader\">\n    <div class=\"tekst-kader\">\n      <h1>De lamp van Lascaux<\/h1>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Template container *\/\n.template-frame {\n  width: 100%;\n  max-width: 1200px; \/* pas aan naar de breedte van je template *\/\n  margin: 0 auto;\n}\n\n\/* Afbeelding container: altijd volledige afbeelding zichtbaar *\/\n.afbeelding-kader {\n  width: 100%;\n  aspect-ratio: 1200\/200; \/* vervang door verhouding van jouw afbeelding *\/\n  background-image: url('https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/04\/cropped-sierlijn.png');\n  background-size: contain; \/* afbeelding volledig zichtbaar *\/\n  background-repeat: no-repeat;\n  background-position: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n\/* Tekstkader strak om de tekst *\/\n.tekst-kader {\n  display: inline-block;\n  background-color: white;\n  padding: 2mm 5mm; \/* 2mm boven\/onder, 5mm links\/rechts *\/\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.tekst-kader h1 {\n  margin: 0;\n  font-size: 2em;\n  word-wrap: break-word;\n  line-height: 1.2;\n}\n<\/style>\n\n\n\n<p class=\"wp-block-paragraph\">In de grot zijn naast de tekeningen ook <strong>werktuigen en gebruiksvoorwerpen<\/strong> gevonden, waaronder <strong>vetlampen<\/strong>, vaak gemaakt van steen soms ook klei. <strong>Vorm<\/strong>: vaak een soort ondiepe kom met een inkeping of richel om een lont van plantaardig materiaal in dierlijk vet  te leggen.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"582\" src=\"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/0.lamp_-1024x582.png\" alt=\"\" class=\"wp-image-10365\" style=\"aspect-ratio:1.759507756758526;width:520px;height:auto\" srcset=\"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/0.lamp_-1024x582.png 1024w, https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/0.lamp_-300x170.png 300w, https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/0.lamp_-768x436.png 768w, https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/0.lamp_-1140x648.png 1140w, https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/0.lamp_.png 1260w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Materiaal<\/strong>: meestal steen, <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wordt gebruikt als <strong>lichtbron<\/strong> in de donkere grot. Vermoedelijk met <strong>dierenvet<\/strong> (zoals rendier- of paardenvet) en een lont (bijv. mos) om licht te geven voor het maken van tekeningen. <strong>Ontdekking in Lascaux<\/strong>: Sommige vertonen <strong>rook- en roetsporen<\/strong>, wat bevestigt dat ze daadwerkelijk gebruikt zijn. Er zijn meerdere stenen vetlampen in de grot gevonden, vooral in nabijheid van de tekeningen.<\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Steentijd Grot &#8211; Ge\u00efsoleerde Versie<\/title>\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<style>\n    \/* Aanpassing voor compactere weergave op een website pagina *\/\n    #cave-maze-app-container {\n        all: initial; \n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        width: 100%;\n        \/* Veranderd van 100vh naar min-height en auto om witruimte te beperken *\/\n        min-height: 450px; \n        padding: 20px 0;\n        background-color: #ffffff;\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }\n\n    #cave-maze-app-container * {\n        box-sizing: border-box;\n    }\n\n    #cave-maze-app-container #game-container {\n        position: relative;\n        width: 95%; \/* Iets smaller voor ademruimte op mobiel *\/\n        max-width: 800px;\n        aspect-ratio: 16\/9;\n        background: #000;\n        border: 4px solid #4a3728;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n    }\n\n    #cave-maze-app-container #cave-img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: opacity 0.4s ease;\n        display: block;\n    }\n\n    #cave-maze-app-container .grot-hitbox {\n        position: absolute;\n        cursor: pointer;\n        z-index: 10;\n        -webkit-tap-highlight-color: transparent;\n    }\n\n    #cave-maze-app-container #flashlight {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n        background: radial-gradient(circle 350px at center, transparent 0%, rgba(0,0,0,0.9) 100%);\n        z-index: 5;\n        display: none; \n    }\n\n    #cave-maze-app-container #lamp-cursor {\n        position: absolute;\n        width: 60px;\n        height: 60px;\n        pointer-events: none;\n        z-index: 15;\n        transform: translate(-50%, -50%);\n        display: none;\n        filter: drop-shadow(0 0 15px rgba(255, 165, 0, 0.6));\n    }\n\n    #cave-maze-app-container #status-text {\n        background: rgba(255, 255, 255, 0.9);\n        color: #4a3728;\n        padding: 10px 20px;\n        border-radius: 20px;\n        margin-top: 15px;\n        text-align: center;\n        max-width: 90%;\n        border: 2px solid #a67c52;\n        font-weight: 600;\n        display: block;\n    }\n\n    #cave-maze-app-container #msg-box, #cave-maze-app-container #start-screen {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        z-index: 100;\n        background: rgba(0,0,0,0.1);\n    }\n\n    #cave-maze-app-container .ui-panel {\n        background: rgba(255, 255, 255, 0.9);\n        color: #1a1a1a;\n        padding: 20px;\n        border-radius: 12px;\n        text-align: center;\n        box-shadow: 0 0 20px rgba(0,0,0,0.3);\n    }\n\n    #cave-maze-app-container #loader {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        display: none;\n        z-index: 20;\n    }\n\n    #cave-maze-app-container .action-btn {\n        background: rgba(74, 55, 40, 0.85);\n        color: white;\n        padding: 10px 25px;\n        border-radius: 6px;\n        font-weight: 500;\n        font-size: 1rem;\n        cursor: pointer;\n        border: 1px solid rgba(255,255,255,0.2);\n        transition: all 0.3s ease;\n        letter-spacing: 0.5px;\n        backdrop-filter: blur(4px);\n    }\n\n    #cave-maze-app-container .action-btn:hover {\n        background: #4a3728;\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n    }\n\n    #cave-maze-app-container .retry-btn {\n        background: rgba(139, 0, 0, 0.8);\n        font-size: 0.9rem;\n        padding: 8px 20px;\n    }\n<\/style>\n<\/head>\n<body>\n\n<div id=\"cave-maze-app-container\">\n    <div id=\"game-container\">\n        <img decoding=\"async\" id=\"cave-img\" src=\"\" alt=\"Grot\">\n        <div id=\"flashlight\"><\/div>\n        <img decoding=\"async\" id=\"lamp-cursor\" src=\"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/10.LAMPVLAM.png\" alt=\"Lamp Vlam\">\n        <div id=\"cave-hitboxes\"><\/div>\n        \n        <div id=\"loader\">\n            <div class=\"animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-orange-500\"><\/div>\n        <\/div>\n\n        <div id=\"start-screen\">\n            <button class=\"action-btn\" id=\"start-game-trigger\">START SPEL<\/button>\n        <\/div>\n\n        <div id=\"msg-box\" style=\"display: none;\">\n            <div class=\"ui-panel\" style=\"border: 2px solid #8b0000;\">\n                <h2 class=\"text-xl font-bold mb-2 text-red-800\">VERKEERDE GANG!<\/h2>\n                <p id=\"msg-text\" class=\"text-sm mb-4\">Je bent de weg kwijtgeraakt&#8230;<\/p>\n                <button class=\"action-btn retry-btn\" id=\"cave-maze-restart-trigger\">Opnieuw proberen<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div id=\"status-text\">Welkom in de grot!<\/div>\n<\/div>\n\n<script>\n(function() {\n    const root = document.getElementById('cave-maze-app-container');\n    const caveImg = root.querySelector('#cave-img');\n    const loader = root.querySelector('#loader');\n    const statusText = root.querySelector('#status-text');\n    const msgBox = root.querySelector('#msg-box');\n    const startScreen = root.querySelector('#start-screen');\n    const container = root.querySelector('#cave-hitboxes');\n    const flashlight = root.querySelector('#flashlight');\n    const lampCursor = root.querySelector('#lamp-cursor');\n    const gameContainer = root.querySelector('#game-container');\n    const restartBtn = root.querySelector('#cave-maze-restart-trigger');\n    const startBtn = root.querySelector('#start-game-trigger');\n\n    const IMG_START = \"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/GRG0.png\";\n    const IMG_FOUT1 = \"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/1_fout.png\";\n    const IMG_FOUT2 = \"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/2_fout.png\";\n    const IMG_GRG1 = \"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/GRG1.png\";\n    const IMG_GRG2 = \"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/GRG2.png\";\n    const IMG_GRG3 = \"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/GRG3.png\";\n    const IMG_OUT = \"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/GRG4.png\";\n\n    let isPlaying = false;\n\n    const caveLevels = {\n        'START': {\n            image: IMG_START,\n            desc: 'Kamer 1: Welke gang leidt dieper de grot in?',\n            doors: [\n                { t: '45%', l: '10%', w: '18%', h: '35%', correct: false }, \n                { t: '45%', l: '41%', w: '18%', h: '35%', correct: true, next: 'STAP2' },\n                { t: '45%', l: '72%', w: '18%', h: '35%', correct: false }\n            ]\n        },\n        'STAP2': {\n            image: IMG_GRG1,\n            desc: 'Kamer 2: Het wordt nauwer hier...',\n            doors: [\n                { t: '48%', l: '8%', w: '15%', h: '30%', correct: false },\n                { t: '48%', l: '42%', w: '15%', h: '30%', correct: false },\n                { t: '48%', l: '68%', w: '15%', h: '30%', correct: true, next: 'STAP3' }\n            ]\n        },\n        'STAP3': {\n            image: IMG_FOUT1,\n            desc: 'Kamer 3: Een mysterieuze doodlopende kamer...',\n            doors: [\n                { t: '40%', l: '20%', w: '25%', h: '45%', correct: true, next: 'STAP4' },\n                { t: '40%', l: '55%', w: '25%', h: '45%', correct: false }\n            ]\n        },\n        'STAP4': {\n            image: IMG_GRG2,\n            desc: 'Kamer 4: Je hoort water. Je bent op de goede weg!',\n            doors: [\n                { t: '40%', l: '44%', w: '12%', h: '30%', correct: true, next: 'STAP5' },\n                { t: '48%', l: '88%', w: '10%', h: '30%', correct: false }\n            ]\n        },\n        'STAP5': {\n            image: IMG_FOUT2,\n            desc: 'Kamer 5: De muren lijken hier anders. Zoek de uitgang!',\n            doors: [\n                { t: '40%', l: '20%', w: '25%', h: '45%', correct: false },\n                { t: '40%', l: '55%', w: '25%', h: '45%', correct: true, next: 'STAP6' }\n            ]\n        },\n        'STAP6': {\n            image: IMG_GRG3,\n            desc: 'Kamer 6: Je ziet eindelijk daglicht! Ren!',\n            doors: [\n                { t: '42%', l: '40%', w: '20%', h: '40%', correct: true, next: 'WIN' }, \n                { t: '48%', l: '15%', w: '12%', h: '25%', correct: false },\n                { t: '48%', l: '78%', w: '12%', h: '25%', correct: false }\n            ]\n        },\n        'WIN': {\n            image: IMG_OUT,\n            desc: 'GEFELICITEERD! Je bent eindelijk buiten!',\n            doors: []\n        }\n    };\n\n    function loadRoom(id) {\n        const room = caveLevels[id];\n        loader.style.display = \"block\";\n        container.innerHTML = '';\n        \n        const tempImg = new Image();\n        tempImg.onload = () => {\n            loader.style.display = \"none\";\n            caveImg.src = room.image;\n            statusText.innerText = room.desc;\n            renderHitboxes(room, id);\n        };\n        tempImg.src = room.image;\n    }\n\n    function renderHitboxes(room, id) {\n        if (id === 'WIN') {\n            flashlight.style.display = \"none\";\n            lampCursor.style.display = \"none\";\n            gameContainer.style.cursor = \"default\";\n            const b = document.createElement('button');\n            b.innerText = \"START SPEL\";\n            b.className = \"action-btn\";\n            b.style.position = \"absolute\"; b.style.bottom = \"20px\"; b.style.left = \"50%\"; b.style.transform = \"translateX(-50%)\";\n            b.onclick = () => showFirstStart();\n            container.appendChild(b);\n            return;\n        }\n\n        if (isPlaying) {\n            flashlight.style.display = \"block\";\n            lampCursor.style.display = \"block\";\n            gameContainer.style.cursor = \"none\";\n        }\n\n        room.doors.forEach(d => {\n            const hb = document.createElement('div');\n            hb.className = 'grot-hitbox';\n            hb.style.top = d.t; hb.style.left = d.l; hb.style.width = d.w; hb.style.height = d.h;\n            \n            hb.onclick = (e) => {\n                e.stopPropagation();\n                if (d.correct) {\n                    loadRoom(d.next);\n                } else {\n                    handleFailure();\n                }\n            };\n            container.appendChild(hb);\n        });\n    }\n\n    function handleFailure() {\n        const randomFout = Math.random() > 0.5 ? IMG_FOUT1 : IMG_FOUT2;\n        caveImg.src = randomFout;\n        container.innerHTML = '';\n        msgBox.style.display = \"flex\"; \n        startScreen.style.display = \"none\"; \n        lampCursor.style.display = \"none\";\n        flashlight.style.display = \"none\";\n        gameContainer.style.cursor = \"default\";\n    }\n\n    function showFirstStart() {\n        isPlaying = false;\n        startScreen.style.display = \"flex\";\n        msgBox.style.display = \"none\";\n        flashlight.style.display = \"none\";\n        lampCursor.style.display = \"none\";\n        gameContainer.style.cursor = \"default\";\n        \n        caveImg.src = IMG_START;\n        statusText.innerText = \"Zoek de uitgang\";\n    }\n\n    function retryGame() {\n        msgBox.style.display = \"none\";\n        isPlaying = true;\n        loadRoom('START');\n    }\n\n    startBtn.addEventListener('click', () => {\n        isPlaying = true;\n        startScreen.style.display = \"none\";\n        loadRoom('START');\n    });\n\n    restartBtn.addEventListener('click', () => {\n        retryGame();\n    });\n\n    const updateFlashlight = (x, y) => {\n        if (!isPlaying) return;\n        flashlight.style.background = `radial-gradient(circle 350px at ${x}px ${y}px, transparent 0%, rgba(0,0,0,0.9) 100%)`;\n        lampCursor.style.left = x + 'px';\n        lampCursor.style.top = y + 'px';\n    };\n\n    gameContainer.addEventListener('mousemove', (e) => {\n        const rect = gameContainer.getBoundingClientRect();\n        updateFlashlight(e.clientX - rect.left, e.clientY - rect.top);\n    });\n\n    gameContainer.addEventListener('touchmove', (e) => {\n        const rect = gameContainer.getBoundingClientRect();\n        const touch = e.touches[0];\n        updateFlashlight(touch.clientX - rect.left, touch.clientY - rect.top);\n    }, {passive: true});\n\n    showFirstStart();\n})();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"template-frame\">\n  <div class=\"afbeelding-kader\">\n    <div class=\"tekst-kader\">\n      <h1>Abri Cro-Magnon<\/h1>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Template container *\/\n.template-frame {\n  width: 100%;\n  max-width: 1200px; \/* pas aan naar de breedte van je template *\/\n  margin: 0 auto;\n}\n\n\/* Afbeelding container: altijd volledige afbeelding zichtbaar *\/\n.afbeelding-kader {\n  width: 100%;\n  aspect-ratio: 1200\/200; \/* vervang door verhouding van jouw afbeelding *\/\n  background-image: url('https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/04\/cropped-sierlijn.png');\n  background-size: contain; \/* afbeelding volledig zichtbaar *\/\n  background-repeat: no-repeat;\n  background-position: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n\/* Tekstkader strak om de tekst *\/\n.tekst-kader {\n  display: inline-block;\n  background-color: white;\n  padding: 2mm 5mm; \/* 2mm boven\/onder, 5mm links\/rechts *\/\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.tekst-kader h1 {\n  margin: 0;\n  font-size: 2em;\n  word-wrap: break-word;\n  line-height: 1.2;\n}\n<\/style>\n\n\n\n<div style=\"height:54px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Cro-Magnon, vroege moderne mensen (40.000\u201310.000 jaar geleden), leefden in tenten, grotten en onder abri\u2019s (rotschuilplaatsen). In Abri Cro-Magnon bij Les Eyzies werd hun eerste skelet gevonden. Veel van de rotschuilplaatsen in de Dordogne waren rijk versierd met gravures, tekeningen en symbolen. Deze kunstwerken werden direct op de rotsen aangebracht. Door weersinvloeden, erosie, afbraak van gesteente en menselijk ingrijpen is er echter maar een klein deel bewaard gebleven. Sommige abri\u2019s zijn met kunstuitingen, nog relatief goed intact, zoals Les Combarelles, maar veel andere sites zijn grotendeels verdwenen of onzichtbaar geworden.<\/p>\n\n\n\n<div style=\"height:36px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Rotstekening Puzzel: De Meester-Schilder<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        #steentijd-puzzel-root {\n            background-color: #ffffff;\n            color: #3d3024;\n            font-family: 'Georgia', serif;\n            padding: 1rem;\n            min-height: 100vh;\n        }\n\n        #steentijd-puzzel-root .main-container {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        #steentijd-puzzel-root .canvas-area {\n            position: relative;\n            background-color: #f5f5f5;\n            border: 4px solid #3d3024;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n            overflow: hidden;\n            width: 100%;\n            touch-action: manipulation;\n        }\n\n        #steentijd-puzzel-root .rotstekening-base {\n            width: 100% !important;\n            height: auto !important;\n            filter: grayscale(100%) sepia(20%) brightness(0.7);\n            display: block;\n            margin: 0;\n        }\n\n        #steentijd-puzzel-root .animal-layer {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-image: url('https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/rotstekening.png');\n            background-size: cover;\n            opacity: 0;\n            transition: opacity 1.2s ease;\n            pointer-events: none;\n        }\n\n        #steentijd-puzzel-root .success-image {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-image: url('https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/valeipaard.png');\n            background-size: cover;\n            opacity: 0;\n            transition: opacity 2s ease-in-out;\n            pointer-events: none;\n            z-index: 20;\n        }\n\n        \/* Maskers voor de verschillende dieren *\/\n        #steentijd-puzzel-root #layer_paard { mask-image: radial-gradient(circle at 20% 60%, black 15%, transparent 25%); -webkit-mask-image: radial-gradient(circle at 20% 60%, black 15%, transparent 25%); filter: sepia(1) saturate(2) hue-rotate(-30deg); }\n        #steentijd-puzzel-root #layer_herten { mask-image: radial-gradient(circle at 55% 45%, black 25%, transparent 40%); -webkit-mask-image: radial-gradient(circle at 55% 45%, black 25%, transparent 40%); filter: sepia(1) saturate(1.8) brightness(0.8) hue-rotate(-35deg); }\n        #steentijd-puzzel-root #layer_bizon { mask-image: radial-gradient(circle at 85% 65%, black 15%, transparent 25%); -webkit-mask-image: radial-gradient(circle at 85% 65%, black 15%, transparent 25%); filter: contrast(1.2) brightness(0.6) sepia(0.5) hue-rotate(-10deg); }\n\n        #steentijd-puzzel-root .animal-path {\n            fill: transparent;\n            stroke: rgba(0,0,0,0.01);\n            stroke-width: 2;\n            cursor: crosshair;\n            pointer-events: auto;\n        }\n        \n        #steentijd-puzzel-root .animal-path:hover {\n            fill: rgba(255, 255, 255, 0.1);\n        }\n\n        #steentijd-puzzel-root .color-spot {\n            cursor: pointer;\n            border: 3px solid #e5e5e5;\n            transition: all 0.2s;\n            border-radius: 50%;\n        }\n\n        #steentijd-puzzel-root .color-spot:active {\n            transform: scale(0.9);\n        }\n\n        #steentijd-puzzel-root .mortar-display {\n            min-height: 80px; \n            width: 100%;\n            border: 2px dashed #d1cfcd;\n            margin-bottom: 1rem;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            font-size: 10px;\n            text-transform: uppercase;\n            border-radius: 4px;\n            padding: 12px;\n            background-color: rgba(0,0,0,0.02);\n        }\n\n        #steentijd-puzzel-root .mix-dot {\n            width: 14px;\n            height: 14px;\n            border-radius: 50%;\n            display: inline-block;\n            margin: 4px;\n            border: 1px solid rgba(0,0,0,0.2);\n            box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);\n        }\n\n        @keyframes shake {\n            0%, 100% { transform: translateX(0); }\n            25% { transform: translateX(-8px); }\n            75% { transform: translateX(8px); }\n        }\n\n        #steentijd-puzzel-root .error-shake {\n            animation: shake 0.2s ease-in-out 0s 3;\n        }\n\n        \/* Tooltip \/ Modal Styles *\/\n        #steentijd-puzzel-root .modal-overlay {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0,0,0,0.8);\n            display: none;\n            justify-content: center;\n            align-items: center;\n            z-index: 100;\n        }\n\n        #steentijd-puzzel-root .modal-content {\n            background: #fcfaf7;\n            padding: 2rem;\n            border-radius: 12px;\n            max-width: 500px;\n            width: 95%;\n            border: 4px solid #3d3024;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.6);\n            text-align: center;\n        }\n\n        \/* Timer bar style *\/\n        #steentijd-puzzel-root .timer-container {\n            width: 100%;\n            height: 6px;\n            background: #e5e5e5;\n            margin-bottom: 1rem;\n            border-radius: 3px;\n            overflow: hidden;\n        }\n\n        #steentijd-puzzel-root #timer-bar {\n            height: 100%;\n            background: #d4a017;\n            width: 100%;\n            transition: width 1s linear;\n        }\n\n        \/* Groot visueel effect voor de falende kunstenaar *\/\n        #steentijd-puzzel-root .artist-fail-img {\n            width: 280px;\n            height: 280px;\n            object-fit: cover;\n            margin: 0 auto 1.5rem auto;\n            border-radius: 50%;\n            border: 8px solid #3d3024;\n            box-shadow: 0 0 20px rgba(0,0,0,0.2);\n            animation: pulse-border 2s infinite;\n        }\n\n        @keyframes pulse-border {\n            0% { border-color: #3d3024; }\n            50% { border-color: #b91c1c; }\n            100% { border-color: #3d3024; }\n        }\n\n        \/* Start Scherm Overlay - Nu semi-transparant voor zichtbaarheid achtergrond *\/\n        #steentijd-puzzel-root #start-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(61, 48, 36, 0.65); \/* Minder opaak zodat de wand zichtbaar is *\/\n            backdrop-filter: blur(4px); \/* Subtiele blur voor focus op de knop *\/\n            z-index: 50;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            color: white; \/* Tekstkleur op wit gezet *\/\n            text-align: center;\n            padding: 2rem;\n            transition: opacity 0.5s ease, visibility 0.5s;\n        }\n\n        #steentijd-puzzel-root .start-btn {\n            background: #d4a017;\n            color: #3d3024;\n            padding: 1rem 3rem;\n            font-weight: bold;\n            text-transform: uppercase;\n            letter-spacing: 0.15em;\n            border-radius: 6px;\n            border: 3px solid #3d3024;\n            cursor: pointer;\n            transition: all 0.3s;\n            font-size: 16px;\n            margin-top: 1.5rem;\n            box-shadow: 0 4px 0px #3d3024;\n        }\n\n        #steentijd-puzzel-root .start-btn:hover {\n            background: white;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 15px rgba(0,0,0,0.4);\n        }\n\n        #steentijd-puzzel-root .start-btn:active {\n            transform: translateY(2px);\n            box-shadow: 0 0px 0px #3d3024;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div id=\"steentijd-puzzel-root\">\n        <div class=\"main-container\">\n            <header class=\"text-center mb-6\">\n                <h1 class=\"text-2xl font-bold text-[#5c4033] uppercase tracking-[0.3em] mb-2\">De Meester van Lascaux<\/h1>\n                <p class=\"text-[#8c745a] max-w-2xl mx-auto italic text-sm px-4\">\n                    Expert-modus: Los de puzzel op binnen 30 seconden!\n                <\/p>\n                <div class=\"timer-container mt-4\">\n                    <div id=\"timer-bar\"><\/div>\n                <\/div>\n            <\/header>\n\n            <div class=\"grid grid-cols-1 lg:grid-cols-4 gap-6\">\n                \n                <!-- Kleur selectie & Vijzel -->\n                <div class=\"lg:col-span-1 order-2 lg:order-1 flex flex-col gap-4\">\n                    <div class=\"bg-[#fcfaf7] p-4 rounded-lg shadow-md border border-[#e5e5e5]\">\n                        <h2 class=\"text-[#5c4033] font-bold mb-4 uppercase text-[10px] text-center border-b border-[#e5e5e5] pb-2\">De Vijzel<\/h2>\n                        \n                        <div id=\"mortar\" class=\"mortar-display text-[#8c745a]\">\n                            <div id=\"mortar-text\">Voeg pigmenten toe&#8230;<\/div>\n                            <div id=\"mortar-dots\" class=\"mt-2 flex flex-wrap justify-center\"><\/div>\n                        <\/div>\n\n                        <div class=\"grid grid-cols-3 gap-2 mb-4\">\n                            <div class=\"text-center\">\n                                <div onclick=\"addToMortar('geel', '#d4a017')\" class=\"color-spot w-10 h-10 mx-auto bg-[#d4a017]\" title=\"Oker Geel\"><\/div>\n                                <p class=\"text-[9px] mt-1 font-bold\">GEEL<\/p>\n                            <\/div>\n                            <div class=\"text-center\">\n                                <div onclick=\"addToMortar('rood', '#8b4513')\" class=\"color-spot w-10 h-10 mx-auto bg-[#8b4513]\" title=\"Terracotta Rood\"><\/div>\n                                <p class=\"text-[9px] mt-1 font-bold\">ROOD<\/p>\n                            <\/div>\n                            <div class=\"text-center\">\n                                <div onclick=\"addToMortar('zwart', '#2c2c2c')\" class=\"color-spot w-10 h-10 mx-auto bg-[#2c2c2c]\" title=\"Mangaan Zwart\"><\/div>\n                                <p class=\"text-[9px] mt-1 font-bold\">ZWART<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <button onclick=\"clearMortar()\" class=\"w-full text-[9px] py-1 border border-[#d1cfcd] text-[#8c745a] uppercase hover:bg-gray-100 transition-colors\">\n                            Vijzel Legen\n                        <\/button>\n                    <\/div>\n\n                    <!-- Receptenboek -->\n                    <div class=\"bg-[#3d3024] p-4 rounded-lg text-white shadow-inner\">\n                        <h3 class=\"text-[9px] uppercase font-bold text-[#c9b7a2] mb-3 tracking-widest flex justify-between items-center\">\n                            Receptenboek\n                            <button onclick=\"toggleHint(true)\" class=\"bg-[#c9b7a2] text-[#3d3024] px-2 py-0.5 rounded-sm hover:bg-white transition-colors cursor-help\">HELP<\/button>\n                        <\/h3>\n                        <ul class=\"text-[10px] space-y-2 opacity-80 mb-4\">\n                            <li>\u2022 <strong>Paard:<\/strong> \u2022\u2022<\/li>\n                            <li>\u2022 <strong>Herten:<\/strong> \u2022\u2022\u2022\u2022 <\/li>\n                            <li>\u2022 <strong>Bizon:<\/strong> \u2022\u2022\u2022<\/li>\n                        <\/ul>\n                        <div class=\"mt-2 pt-2 border-t border-white\/10 text-center\">\n                            <img decoding=\"async\" src=\"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/pigmentsteen.png\" \n                                 alt=\"[Pigmentsteen]\" \n                                 class=\"w-full h-auto rounded opacity-90 hover:scale-105 transition-transform\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- De puzzelwand -->\n                <div class=\"lg:col-span-3 order-1 lg:order-2\">\n                    <div class=\"canvas-area rounded-lg overflow-hidden relative\" id=\"caveWall\">\n                        <!-- Start Scherm -->\n                        <div id=\"start-overlay\">\n                            <h2 class=\"text-2xl font-bold uppercase mb-2 drop-shadow-lg text-white\">Klaar voor de uitdaging?<\/h2>\n                            <p class=\"text-sm italic font-medium mb-4 drop-shadow-md text-white\">Herstel de rotstekening voordat de sjamaan terugkomt.<\/p>\n                            <button onclick=\"startGame()\" class=\"start-btn\">Start Puzzel<\/button>\n                        <\/div>\n\n                        <img decoding=\"async\" src=\"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/rotstekening.png\" class=\"rotstekening-base\" alt=\"[Grotwand]\">\n                        \n                        <div id=\"layer_paard\" class=\"animal-layer\"><\/div>\n                        <div id=\"layer_herten\" class=\"animal-layer\"><\/div>\n                        <div id=\"layer_bizon\" class=\"animal-layer\"><\/div>\n                        <div id=\"final_image\" class=\"success-image\"><\/div>\n\n                        <svg id=\"interaction_svg\" class=\"absolute top-0 left-0 w-full h-full\" viewBox=\"0 0 1000 667\" preserveAspectRatio=\"xMidYMid slice\">\n                            <path class=\"animal-path\" d=\"M100,450 Q120,400 180,380 Q250,370 320,420 Q400,480 380,580 L350,680 L200,700 L100,650 Z\" onclick=\"paintAnimal('paard')\" \/>\n                            <path class=\"animal-path\" d=\"M400,400 Q450,200 600,250 Q750,300 780,500 Q800,700 700,750 L500,750 L400,600 Z\" onclick=\"paintAnimal('herten')\" \/>\n                            <path class=\"animal-path\" d=\"M720,500 Q780,380 900,420 Q980,450 950,650 L880,720 L750,680 Z\" onclick=\"paintAnimal('bizon')\" \/>\n                        <\/svg>\n                    <\/div>\n\n                    <div class=\"mt-4 flex flex-col sm:flex-row justify-between items-center bg-[#fcfaf7] p-4 rounded border border-[#e5e5e5] gap-4 shadow-sm\">\n                        <div id=\"feedback\" class=\"text-xs font-bold text-[#5c4033]\">\n                            Druk op Start om te beginnen&#8230;\n                        <\/div>\n                        <button onclick=\"manualReset()\" class=\"border border-[#3d3024] hover:bg-[#3d3024] hover:text-white text-[#3d3024] px-4 py-2 rounded text-[10px] uppercase tracking-widest font-bold transition-all\">\n                            Herstarten\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Hulp Popup -->\n        <div id=\"hintModal\" class=\"modal-overlay\" onclick=\"toggleHint(false)\">\n            <div class=\"modal-content\" onclick=\"event.stopPropagation()\">\n                <h2 class=\"text-[#3d3024] font-black uppercase tracking-tighter text-xl mb-4 border-b-2 border-[#3d3024] pb-1\">Geheim van de Sjamaan<\/h2>\n                <div class=\"space-y-4 text-sm italic\">\n                    <div class=\"p-2 bg-yellow-50 border-l-4 border-yellow-500\">\n                        <strong>Licht Paard:<\/strong> 1x Geel + 1x Rood\n                    <\/div>\n                    <div class=\"p-2 bg-orange-50 border-l-4 border-orange-500\">\n                        <strong>Bruine Herten:<\/strong> 1x Zwart + 2x Geel + 1x Rood\n                    <\/div>\n                    <div class=\"p-2 bg-stone-100 border-l-4 border-stone-800\">\n                        <strong>Zwarte Stier (Bizon):<\/strong> 1x Rood + 2x Zwart\n                    <\/div>\n                <\/div>\n                <button onclick=\"toggleHint(false)\" class=\"mt-6 w-full bg-[#3d3024] text-white py-2 font-bold uppercase tracking-widest text-[10px] hover:bg-black transition-colors\">\n                    Sluit Spiekbrief\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <!-- Time Over Modal -->\n        <div id=\"timeOverModal\" class=\"modal-overlay\">\n            <div class=\"modal-content\">\n                <img decoding=\"async\" src=\"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/kunstenaar_draaid.gif\" alt=\"[De Boze Kunstenaar]\" class=\"artist-fail-img\">\n                <h2 class=\"text-2xl font-bold uppercase text-red-800 mb-2\">Tijd is op!<\/h2>\n                <p class=\"text-base italic mb-6 text-[#3d3024]\">De kunstenaar is teleurgesteld en wast de wand schoon&#8230;<\/p>\n                <button onclick=\"closeTimeOverModal()\" class=\"w-full bg-[#3d3024] text-white py-4 font-bold uppercase text-[12px] tracking-[0.2em] hover:bg-black transition-colors shadow-lg\">\n                    Probeer het opnieuw\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        let currentMix = [];\n        const solutions = {\n            paard: ['geel', 'rood'],\n            herten: ['zwart', 'geel', 'geel', 'rood'],\n            bizon: ['rood', 'zwart', 'zwart']\n        };\n\n        let state = {\n            paard: false,\n            herten: false,\n            bizon: false\n        };\n\n        const TOTAL_TIME = 30;\n        let timeLeft = TOTAL_TIME;\n        let timerInterval;\n        let isGameOver = true;\n\n        function startGame() {\n            const overlay = document.getElementById('start-overlay');\n            overlay.style.opacity = \"0\";\n            setTimeout(() => {\n                overlay.style.visibility = \"hidden\";\n                isGameOver = false;\n                startTimer();\n                document.getElementById('feedback').innerText = \"Meng pigmenten en schilder de wand...\";\n            }, 500);\n        }\n\n        function startTimer() {\n            clearInterval(timerInterval);\n            timeLeft = TOTAL_TIME;\n            const bar = document.getElementById('timer-bar');\n            bar.style.width = \"100%\";\n            bar.style.backgroundColor = \"#d4a017\";\n\n            timerInterval = setInterval(() => {\n                if (isGameOver) return;\n                \n                timeLeft--;\n                const percentage = (timeLeft \/ TOTAL_TIME) * 100;\n                bar.style.width = percentage + \"%\";\n\n                if (timeLeft <= 10) {\n                    bar.style.backgroundColor = \"#b91c1c\";\n                }\n\n                if (timeLeft <= 0) {\n                    handleTimeOut();\n                }\n            }, 1000);\n        }\n\n        function handleTimeOut() {\n            clearInterval(timerInterval);\n            isGameOver = true;\n            document.getElementById('timeOverModal').style.display = 'flex';\n        }\n\n        function closeTimeOverModal() {\n            document.getElementById('timeOverModal').style.display = 'none';\n            resetPuzzle();\n            startGame();\n        }\n\n        function toggleHint(show) {\n            document.getElementById('hintModal').style.display = show ? 'flex' : 'none';\n        }\n\n        function addToMortar(name, colorHex) {\n            if (isGameOver) return;\n            if (currentMix.length >= 4) return;\n            currentMix.push({name, color: colorHex});\n            updateMortarDisplay();\n        }\n\n        function updateMortarDisplay() {\n            const textEl = document.getElementById('mortar-text');\n            const dotsEl = document.getElementById('mortar-dots');\n            dotsEl.innerHTML = '';\n            currentMix.forEach(p => {\n                const dot = document.createElement('div');\n                dot.className = 'mix-dot';\n                dot.style.backgroundColor = p.color;\n                dotsEl.appendChild(dot);\n            });\n            textEl.innerText = currentMix.length === 0 ? \"Voeg pigmenten toe...\" : `${currentMix.length} delen gemengd`;\n        }\n\n        function clearMortar() {\n            currentMix = [];\n            updateMortarDisplay();\n        }\n\n        function paintAnimal(animal) {\n            if (isGameOver) return;\n            const feedback = document.getElementById('feedback');\n            const caveWall = document.getElementById('caveWall');\n\n            if (state[animal]) return;\n\n            if (currentMix.length !== solutions[animal].length) {\n                feedback.innerHTML = `<span class=\"text-amber-800 uppercase\">Textuurfout!<\/span> Te weinig\/veel pigment.`;\n                return;\n            }\n\n            const required = [...solutions[animal]].sort();\n            const actual = currentMix.map(p => p.name).sort();\n            const isCorrect = JSON.stringify(required) === JSON.stringify(actual);\n\n            if (isCorrect) {\n                state[animal] = true;\n                document.getElementById('layer_' + animal).style.opacity = \"1\";\n                feedback.innerHTML = `<span class=\"text-green-700 uppercase\">Meesterwerk!<\/span> De ${animal} staat erop.`;\n                clearMortar();\n                checkWinCondition();\n            } else {\n                caveWall.classList.add('error-shake');\n                feedback.innerHTML = `<span class=\"text-red-700 uppercase\">Fout mengsel!<\/span> De goden weigeren dit.`;\n                clearMortar();\n                setTimeout(() => caveWall.classList.remove('error-shake'), 800);\n            }\n        }\n\n        function checkWinCondition() {\n            if (Object.values(state).every(v => v === true)) {\n                isGameOver = true;\n                clearInterval(timerInterval);\n                document.getElementById('final_image').style.opacity = \"1\";\n                document.getElementById('feedback').innerHTML = `<span class=\"text-amber-900 text-[10px] uppercase font-black bg-yellow-100 px-2 py-1 rounded shadow-sm border border-amber-200\">DE GROTWAND IS VOLTOOID!<\/span>`;\n            }\n        }\n\n        function manualReset() {\n            clearInterval(timerInterval);\n            const overlay = document.getElementById('start-overlay');\n            overlay.style.visibility = \"visible\";\n            overlay.style.opacity = \"1\";\n            resetPuzzle();\n        }\n\n        function resetPuzzle() {\n            state = { paard: false, herten: false, bizon: false };\n            currentMix = [];\n            document.querySelectorAll('.animal-layer').forEach(l => l.style.opacity = \"0\");\n            document.getElementById('final_image').style.opacity = \"0\";\n            updateMortarDisplay();\n            document.getElementById('feedback').innerText = \"Druk op Start om te beginnen...\";\n            const bar = document.getElementById('timer-bar');\n            bar.style.width = \"100%\";\n        }\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\" style=\"grid-template-columns:43% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"421\" height=\"277\" src=\"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/okerestone.png\" alt=\"\" class=\"wp-image-10556 size-full\" srcset=\"https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/okerestone.png 421w, https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/05\/okerestone-300x197.png 300w\" sizes=\"auto, (max-width: 421px) 100vw, 421px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\"><br><strong>Kleurgebruik:<\/strong> ze gebruikten rode, gele, bruine en zwarte pigmenten, die ze haalden uit natuurlijke mineralen zoals <strong>ijzeroxide<\/strong> (voor rood en geel) en <strong>mangaan<\/strong> (voor zwart).<\/p>\n<\/div><\/div>\n\n\n\n<div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:142px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"template-frame\">\n  <div class=\"afbeelding-kader\">\n    <div class=\"tekst-kader\">\n      <h1>\u00a9<\/h1>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Template container *\/\n.template-frame {\n  width: 100%;\n  max-width: 1200px; \/* pas aan naar de breedte van je template *\/\n  margin: 0 auto;\n}\n\n\/* Afbeelding container: altijd volledige afbeelding zichtbaar *\/\n.afbeelding-kader {\n  width: 100%;\n  aspect-ratio: 1200\/200; \/* vervang door verhouding van jouw afbeelding *\/\n  background-image: url('https:\/\/steentijdvondsten.nl\/post\/wp-content\/uploads\/2026\/04\/cropped-sierlijn.png');\n  background-size: contain; \/* afbeelding volledig zichtbaar *\/\n  background-repeat: no-repeat;\n  background-position: center;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n\/* Tekstkader strak om de tekst *\/\n.tekst-kader {\n  display: inline-block;\n  background-color: white;\n  padding: 2mm 5mm; \/* 2mm boven\/onder, 5mm links\/rechts *\/\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.tekst-kader h1 {\n  margin: 0;\n  font-size: 2em;\n  word-wrap: break-word;\n  line-height: 1.2;\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Lascaux Prehistorie De kunstenaar van Lascaux Maak vuur om de lamp aan te steken. Gefeliciteerd! Je hebt de kunstenaar geholpen zijn werk te voltooien. Opnieuw Spelen Puzzel tip: Gebruik droog, fijn materiaal zoals gras als tondel. Sla met vuursteen en pyriet om vonken te maken, laat een sintel ontstaan en blaas voorzichtig tot er vuur ontstaat. Steek daarmee eerst hout aan en vervolgens je vetlamp. De grot van Lascaux, gelegen in de Dordogne in Frankrijk, werd ontdekt in 1940 en bevat meer dan 600 rotstekeningen die teruggaan tot ongeveer 17.000 jaar geleden, in het late Paleolithicum. De afbeeldingen zijn vooral van dieren, met name: Herten, ree\u00ebn, mammoeten en soms roofdieren. Paarden \u2013 vaak in groepen, soms in beweging afgebeeld. Stieren en bizons \u2013 vaak groot en indrukwekkend, soms bijna 5 meter lang. Herten en rendieren \u2013 soms met opvallende gewei of markeringen. De mensen die de schilderingen in de grot van Lascaux maakten, waren Jagers-verzamelaars uit de late steentijd, specifiek het Paleolithicum, ongeveer 17.000 jaar geleden. Ze hoorden tot een groep die we vaak de Cro-Magnon noemen, de vroege moderne mensen in Europa. De lamp van Lascaux In de grot zijn naast de tekeningen ook werktuigen en gebruiksvoorwerpen gevonden, waaronder vetlampen, vaak gemaakt van steen soms ook klei. Vorm: vaak een soort ondiepe kom met een inkeping of richel om een lont van plantaardig materiaal in dierlijk vet te leggen. Materiaal: meestal steen, Wordt gebruikt als lichtbron in de donkere grot. Vermoedelijk met dierenvet (zoals rendier- of paardenvet) en een lont (bijv. mos) om licht te geven voor het maken van tekeningen. Ontdekking in Lascaux: Sommige vertonen rook- en roetsporen, wat bevestigt dat ze daadwerkelijk gebruikt zijn. Er zijn meerdere stenen vetlampen in de grot gevonden, vooral in nabijheid van de tekeningen. Steentijd Grot &#8211; Ge\u00efsoleerde Versie START SPEL VERKEERDE GANG! Je bent de weg kwijtgeraakt&#8230; Opnieuw proberen Welkom in de grot! Abri Cro-Magnon Cro-Magnon, vroege moderne mensen (40.000\u201310.000 jaar geleden), leefden in tenten, grotten en onder abri\u2019s (rotschuilplaatsen). In Abri Cro-Magnon bij Les Eyzies werd hun eerste skelet gevonden. Veel van de rotschuilplaatsen in de Dordogne waren rijk versierd met gravures, tekeningen en symbolen. Deze kunstwerken werden direct op de rotsen aangebracht. Door weersinvloeden, erosie, afbraak van gesteente en menselijk ingrijpen is er echter maar een klein deel bewaard gebleven. Sommige abri\u2019s zijn met kunstuitingen, nog relatief goed intact, zoals Les Combarelles, maar veel andere sites zijn grotendeels verdwenen of onzichtbaar geworden. Rotstekening Puzzel: De Meester-Schilder De Meester van Lascaux Expert-modus: Los de puzzel op binnen 30 seconden! De Vijzel Voeg pigmenten toe&#8230; GEEL ROOD ZWART Vijzel Legen Receptenboek HELP \u2022 Paard: \u2022\u2022 \u2022 Herten: \u2022\u2022\u2022\u2022 \u2022 Bizon: \u2022\u2022\u2022 Klaar voor de uitdaging? Herstel de rotstekening voordat de sjamaan terugkomt. Start Puzzel Druk op Start om te beginnen&#8230; Herstarten Geheim van de Sjamaan Licht Paard: 1x Geel + 1x Rood Bruine Herten: 1x Zwart + 2x Geel + 1x Rood Zwarte Stier (Bizon): 1x Rood + 2x Zwart Sluit Spiekbrief Tijd is op! De kunstenaar is teleurgesteld en wast de wand schoon&#8230; Probeer het opnieuw Kleurgebruik: ze gebruikten rode, gele, bruine en zwarte pigmenten, die ze haalden uit natuurlijke mineralen zoals ijzeroxide (voor rood en geel) en mangaan (voor zwart). \u00a9<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6549","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/steentijdvondsten.nl\/post\/index.php\/wp-json\/wp\/v2\/pages\/6549","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/steentijdvondsten.nl\/post\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/steentijdvondsten.nl\/post\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/steentijdvondsten.nl\/post\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/steentijdvondsten.nl\/post\/index.php\/wp-json\/wp\/v2\/comments?post=6549"}],"version-history":[{"count":0,"href":"https:\/\/steentijdvondsten.nl\/post\/index.php\/wp-json\/wp\/v2\/pages\/6549\/revisions"}],"wp:attachment":[{"href":"https:\/\/steentijdvondsten.nl\/post\/index.php\/wp-json\/wp\/v2\/media?parent=6549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}