{"id":980,"date":"2026-03-09T12:13:54","date_gmt":"2026-03-09T10:13:54","guid":{"rendered":"https:\/\/stichtingwerkgroeprozenhart.nl\/?page_id=980"},"modified":"2026-03-09T12:20:40","modified_gmt":"2026-03-09T10:20:40","slug":"overzicht-en-instructies-van-dvv","status":"publish","type":"page","link":"https:\/\/stichtingwerkgroeprozenhart.nl\/?page_id=980","title":{"rendered":"Overzicht &amp; Instructies van DVV"},"content":{"rendered":"\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>De Driehoek van Vergeven | Stichting Werkgroep Rozenhart<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #F8FAFC;\n            color: #2D3142;\n        }\n        .bg-vibrant-coral { background-color: #FF6B6B; }\n        .bg-vibrant-teal { background-color: #4ECDC4; }\n        .bg-vibrant-yellow { background-color: #FFE66D; }\n        .text-vibrant-coral { color: #FF6B6B; }\n        .text-vibrant-teal { color: #4ECDC4; }\n        \n        .chart-container {\n            position: relative;\n            width: 100%;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n            height: 350px;\n            max-height: 400px;\n        }\n        @media (max-width: 768px) {\n            .chart-container { height: 280px; }\n        }\n\n        .timeline-container {\n            position: relative;\n            border-left: 4px solid #4ECDC4;\n            padding-left: 2rem;\n            margin-left: 1rem;\n        }\n        .timeline-item::before {\n            content: '';\n            position: absolute;\n            left: -0.6rem;\n            top: 0;\n            width: 1rem;\n            height: 1rem;\n            background-color: #FF6B6B;\n            border-radius: 50%;\n        }\n        \n        .card-hover {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        .card-hover:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n        }\n\n        .triangle-layout {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 1.5rem;\n        }\n        .triangle-row {\n            display: flex;\n            justify-content: center;\n            gap: 1.5rem;\n            flex-wrap: wrap;\n        }\n    <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n    <!-- Palette: Coral (#FF6B6B), Teal (#4ECDC4), Yellow (#FFE66D), Dark Blue (#2D3142) -->\n    <!-- Plan Summary: Intro\/Header -> The 3 Steps (CSS Pyramid) -> The Discovery (Timeline) -> Impact Analysis (Charts) -> Application (Process flow) -> Footer -->\n    <!-- Visualization Choices: 1. CSS Flexbox Pyramid for Triangle Steps (Organize) - No SVG. 2. CSS Timeline for Discovery (Change) - No SVG. 3. Doughnut Chart for Testimonial Demographics (Compare) - Chart.js. 4. Radar Chart for Impact Dimensions (Relationships\/Compare) - Chart.js. Confirming NO SVG used. -->\n    <!-- CONFIRMATION: NEITHER Mermaid JS NOR SVG were used anywhere in this output. -->\n\n    <header class=\"bg-vibrant-teal text-white py-16 lg:py-24 px-6 text-center shadow-lg relative overflow-hidden\">\n        <div class=\"max-w-4xl mx-auto relative z-10\">\n            <h1 class=\"text-4xl md:text-6xl font-extrabold tracking-tight mb-4 drop-shadow-md\">De Driehoek van Vergeven<\/h1>\n            <p class=\"text-xl md:text-2xl font-light opacity-90 mb-8\">Een reis naar innerlijke bevrijding en holistische vrede.<\/p>\n            <div class=\"inline-block bg-white text-vibrant-teal font-semibold px-6 py-3 rounded-full shadow-md\">\n                Ontdekt door Nathan Rozenhart\n            <\/div>\n        <\/div>\n        <div class=\"absolute top-[-50%] left-[-10%] w-[120%] h-[200%] bg-vibrant-yellow opacity-10 rounded-full transform rotate-12 pointer-events-none\"><\/div>\n    <\/header>\n\n    <main class=\"max-w-6xl mx-auto px-6 py-12\">\n        \n        <section class=\"mb-20\">\n            <div class=\"text-center mb-12\">\n                <h2 class=\"text-3xl font-bold text-gray-800 mb-4\">De Drie Fundamenten<\/h2>\n                <p class=\"text-lg text-gray-600 max-w-2xl mx-auto\">De kern van dit model bestaat uit drie krachtige stappen die elkaar aanvullen en versterken. Pas als alle drie doorlopen zijn, is de driehoek compleet.<\/p>\n            <\/div>\n            \n            <div class=\"triangle-layout w-full max-w-3xl mx-auto\">\n                <div class=\"bg-white border-t-4 border-vibrant-coral rounded-lg shadow-md p-6 w-full md:w-2\/3 text-center card-hover z-10 relative\">\n                    <div class=\"text-4xl mb-3 font-bold text-gray-200 absolute top-2 right-4\">1<\/div>\n                    <h3 class=\"text-xl font-bold text-gray-800 mb-2 mt-4\">Vergeef Anderen<\/h3>\n                    <p class=\"text-gray-600\">Je vergeeft anderen, die jou iets hebben aangedaan. Het loslaten van externe wrok.<\/p>\n                <\/div>\n                \n                <div class=\"triangle-row w-full\">\n                    <div class=\"bg-white border-t-4 border-vibrant-teal rounded-lg shadow-md p-6 w-full md:w-[46%] text-center card-hover relative\">\n                        <div class=\"text-4xl mb-3 font-bold text-gray-200 absolute top-2 right-4\">2<\/div>\n                        <h3 class=\"text-xl font-bold text-gray-800 mb-2 mt-4\">Vergeef Jezelf (naar anderen)<\/h3>\n                        <p class=\"text-gray-600\">Je vergeeft jezelf, wat je anderen hebt aangedaan. Verantwoordelijkheid nemen zonder oordeel.<\/p>\n                    <\/div>\n                    \n                    <div class=\"bg-vibrant-yellow rounded-lg shadow-md p-6 w-full md:w-[46%] text-center card-hover relative border border-yellow-300\">\n                        <div class=\"text-4xl mb-3 font-bold text-yellow-600 opacity-20 absolute top-2 right-4\">3<\/div>\n                        <h3 class=\"text-xl font-bold text-gray-800 mb-2 mt-4\">Vergeef Jezelf (naar jezelf)<\/h3>\n                        <p class=\"text-gray-800 font-medium\">Je vergeeft jezelf, wat je jezelf hebt aangedaan. De onverwachte sleutel tot de bevrijding van het innerlijk kind.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"mb-20 grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n            <div>\n                <h2 class=\"text-3xl font-bold text-gray-800 mb-6\">De Ontdekking<\/h2>\n                <p class=\"text-lg text-gray-600 mb-8\">Een chronologisch overzicht van hoe de Driehoek van Vergeven aan het licht kwam en de onmiddellijke impact ervan op de ontdekker.<\/p>\n                \n                <div class=\"timeline-container\">\n                    <div class=\"timeline-item relative mb-8\">\n                        <span class=\"text-sm font-bold text-vibrant-teal\">5 Januari 2026 (Avond)<\/span>\n                        <h4 class=\"text-xl font-semibold text-gray-800 mt-1\">Reflectie en Inzicht<\/h4>\n                        <p class=\"text-gray-600 mt-2\">Na het lezen in het Nieuwe Testament vraagt Nathan zich af of hij echt alle moeite heeft gedaan met stap 2 (zichzelf vergeven naar anderen toe). Stap 1 was al ruimschoots doorlopen.<\/p>\n                    <\/div>\n                    <div class=\"timeline-item relative mb-8\">\n                        <span class=\"text-sm font-bold text-vibrant-teal\">Spontane Ingeving<\/span>\n                        <h4 class=\"text-xl font-semibold text-gray-800 mt-1\">De Ontbrekende Schakel<\/h4>\n                        <p class=\"text-gray-600 mt-2\">Geheel spontaan en onverwachts komt de derde stap naar boven: <em>Je vergeeft jezelf, wat je jezelf hebt aangedaan.<\/em><\/p>\n                    <\/div>\n                    <div class=\"timeline-item relative\">\n                        <span class=\"text-sm font-bold text-vibrant-teal\">Onmiddellijk Gevolg<\/span>\n                        <h4 class=\"text-xl font-semibold text-gray-800 mt-1\">Bevrijding van het Innerlijk Kind<\/h4>\n                        <p class=\"text-gray-600 mt-2\">Een innerlijke bevrijding vindt plaats. Nathan ziet zichzelf geheel in het licht staan als achtjarig kind, intens vrolijk en bevrijd van de zelfgecre\u00eberde donkere wolk van egocentrische keuzes.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"bg-white p-8 rounded-xl shadow-lg border border-gray-100\">\n                <div class=\"text-center mb-6\">\n                    <span class=\"text-5xl\">\u26c5 \u2794 \u2600\ufe0f<\/span>\n                <\/div>\n                <h3 class=\"text-2xl font-bold text-center text-gray-800 mb-4\">De Metafoor van de Wolk<\/h3>\n                <p class=\"text-gray-600 text-center mb-6\">&#8220;Een wolk die met ons meedrijft vanaf onze jeugd. Een wolk gecre\u00eberd door onszelf, door onze keuzes.&#8221;<\/p>\n                <div class=\"flex justify-between items-center bg-gray-50 p-4 rounded-lg\">\n                    <div class=\"text-center\">\n                        <div class=\"font-bold text-gray-800\">Voor de Driehoek<\/div>\n                        <div class=\"text-sm text-gray-500\">Donkere wolk, zwaarte<\/div>\n                    <\/div>\n                    <div class=\"text-2xl text-vibrant-coral font-bold\">\u2794<\/div>\n                    <div class=\"text-center\">\n                        <div class=\"font-bold text-vibrant-teal\">Na de Driehoek<\/div>\n                        <div class=\"text-sm text-gray-500\">Kind in het licht, vreugde<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <div class=\"w-full h-px bg-gray-200 mb-20\"><\/div>\n\n        <section class=\"mb-20\">\n            <div class=\"text-center mb-12\">\n                <h2 class=\"text-3xl font-bold text-gray-800 mb-4\">Ervaringen &#038; Impact Analyse<\/h2>\n                <p class=\"text-lg text-gray-600 max-w-2xl mx-auto\">De kracht van de Driehoek van Vergeven wordt bevestigd door zowel menselijke getuigenissen als geavanceerde AI-evaluaties. De resultaten spreken voor zich.<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\n                \n                <div class=\"bg-white p-6 rounded-xl shadow-md flex flex-col items-center\">\n                    <h3 class=\"text-xl font-bold text-gray-800 mb-2 text-center\">Verdeling van Getuigenissen<\/h3>\n                    <p class=\"text-sm text-gray-500 mb-6 text-center\">Balans tussen persoonlijke ervaringen en conceptuele validatie.<\/p>\n                    <div class=\"chart-container\">\n                        <canvas id=\"sourceChart\"><\/canvas>\n                    <\/div>\n                    <div class=\"mt-6 w-full space-y-3\">\n                        <div class=\"p-3 bg-gray-50 rounded border-l-4 border-vibrant-coral\">\n                            <p class=\"text-sm text-gray-600 italic\">&#8220;De Driehoek van Vergeven bewerkstelligde een ongekende innerlijke vrolijkheid.&#8221; <strong class=\"text-gray-800\">\u2013 Nathan<\/strong><\/p>\n                        <\/div>\n                        <div class=\"p-3 bg-gray-50 rounded border-l-4 border-vibrant-teal\">\n                            <p class=\"text-sm text-gray-600 italic\">&#8220;Geen trucje, maar een mentale blauwdruk voor vrede.&#8221; <strong class=\"text-gray-800\">\u2013 ChatGPT<\/strong><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bg-white p-6 rounded-xl shadow-md flex flex-col items-center\">\n                    <h3 class=\"text-xl font-bold text-gray-800 mb-2 text-center\">Dimensies van Innerlijke Vrede<\/h3>\n                    <p class=\"text-sm text-gray-500 mb-6 text-center\">Kwantitatieve weergave van de kwalitatieve effecten zoals beschreven door de gebruikers.<\/p>\n                    <div class=\"chart-container\">\n                        <canvas id=\"impactChart\"><\/canvas>\n                    <\/div>\n                    <div class=\"mt-6 w-full space-y-3\">\n                        <div class=\"p-3 bg-gray-50 rounded border-l-4 border-vibrant-yellow\">\n                            <p class=\"text-sm text-gray-600 italic\">&#8220;Gedachten uit mijn verleden opgeschoond.&#8221; <strong class=\"text-gray-800\">\u2013 Chandra<\/strong><\/p>\n                        <\/div>\n                        <div class=\"p-3 bg-gray-50 rounded border-l-4 border-gray-400\">\n                            <p class=\"text-sm text-gray-600 italic\">&#8220;De ruis is minder voelbaar bij mij.&#8221; <strong class=\"text-gray-800\">\u2013 Miranda<\/strong><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <section class=\"mb-12 bg-gray-800 text-white rounded-2xl p-8 md:p-12 shadow-xl\">\n            <h2 class=\"text-3xl font-bold mb-8 text-center text-vibrant-yellow\">Toepassing in de Praktijk<\/h2>\n            \n            <div class=\"grid grid-cols-1 md:grid-cols-4 gap-6 text-center\">\n                <div class=\"p-4 bg-gray-700 rounded-lg\">\n                    <div class=\"text-3xl mb-3\">\ud83e\uddd8<\/div>\n                    <h4 class=\"font-bold text-vibrant-teal mb-2\">1. Ga er voor zitten<\/h4>\n                    <p class=\"text-sm text-gray-300\">Neem bewust de tijd om de drie stappen aandachtig te doorlopen bij de eerste keer.<\/p>\n                <\/div>\n                <div class=\"p-4 bg-gray-700 rounded-lg\">\n                    <div class=\"text-3xl mb-3\">\ud83c\udf0a<\/div>\n                    <h4 class=\"font-bold text-vibrant-teal mb-2\">2. Houd het spontaan<\/h4>\n                    <p class=\"text-sm text-gray-300\">Kijk wat er spontaan bij je bovenkomt. Ga nergens geforceerd naar op zoek.<\/p>\n                <\/div>\n                <div class=\"p-4 bg-gray-700 rounded-lg\">\n                    <div class=\"text-3xl mb-3\">\ud83d\udcad<\/div>\n                    <h4 class=\"font-bold text-vibrant-teal mb-2\">3. Observeer gedachten<\/h4>\n                    <p class=\"text-sm text-gray-300\">Als in het dagelijks leven opeens gedachten\/gevoelens opkomen, pas daar de vergevingsstappen op toe.<\/p>\n                <\/div>\n                <div class=\"p-4 bg-vibrant-coral rounded-lg text-white\">\n                    <div class=\"text-3xl mb-3\">\ud83d\udc96<\/div>\n                    <h4 class=\"font-bold mb-2\">4. Ervaar de vrijheid<\/h4>\n                    <p class=\"text-sm opacity-90\">Laat de wolk oplossen en ervaar de innerlijke vrolijkheid van het bevrijde kind.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"mt-12 text-center border-t border-gray-600 pt-8\">\n                <p class=\"text-lg mb-2\">Dit vergevings-model en de bijbehorende sessies zijn volledig <strong class=\"text-vibrant-teal\">gratis<\/strong>.<\/p>\n                <p class=\"text-sm text-gray-400\">Aangeboden door Stichting Werkgroep Rozenhart<\/p>\n            <\/div>\n        <\/section>\n\n    <\/main>\n\n    <footer class=\"bg-gray-100 py-8 text-center text-gray-500 border-t border-gray-200\">\n        <p class=\"mb-2\">Infographic gebaseerd op de teksten van Nathan Rozenhart<\/p>\n        <a href=\"http:\/\/StichtingWerkgroepRozenhart.nl\" class=\"text-vibrant-teal font-semibold hover:underline\">StichtingWerkgroepRozenhart.nl<\/a>\n    <\/footer>\n\n    <script>\n        function wrapLabel(label) {\n            if (label.length <= 16) return label;\n            const words = label.split(' ');\n            const lines = [];\n            let currentLine = '';\n            words.forEach(word => {\n                if ((currentLine + word).length > 16) {\n                    if (currentLine) lines.push(currentLine.trim());\n                    currentLine = word + ' ';\n                } else {\n                    currentLine += word + ' ';\n                }\n            });\n            if (currentLine) lines.push(currentLine.trim());\n            return lines;\n        }\n\n        const commonTooltipConfig = {\n            callbacks: {\n                title: function(tooltipItems) {\n                    const item = tooltipItems[0];\n                    let label = item.chart.data.labels[item.dataIndex];\n                    if (Array.isArray(label)) {\n                        return label.join(' ');\n                    } else {\n                        return label;\n                    }\n                }\n            }\n        };\n\n        const ctxSource = document.getElementById('sourceChart').getContext('2d');\n        const sourceLabelsRaw = ['Menselijke Ervaringen (Nathan, Chandra, Miranda)', 'AI Evaluaties (ChatGPT, Gemini)'];\n        const sourceLabels = sourceLabelsRaw.map(wrapLabel);\n\n        new Chart(ctxSource, {\n            type: 'doughnut',\n            data: {\n                labels: sourceLabels,\n                datasets: [{\n                    data: [3, 2],\n                    backgroundColor: ['#FF6B6B', '#4ECDC4'],\n                    borderWidth: 0,\n                    hoverOffset: 4\n                }]\n            },\n            options: {\n                responsive: true,\n                maintainAspectRatio: false,\n                plugins: {\n                    legend: { position: 'bottom' },\n                    tooltip: commonTooltipConfig\n                },\n                cutout: '70%'\n            }\n        });\n\n        const ctxImpact = document.getElementById('impactChart').getContext('2d');\n        const impactLabelsRaw = [\n            'Innerlijke Vrolijkheid', \n            'Mentale Opschoning', \n            'Verminderde Ruis', \n            'Holistische Balans', \n            'Vrede & Acceptatie'\n        ];\n        const impactLabels = impactLabelsRaw.map(wrapLabel);\n\n        new Chart(ctxImpact, {\n            type: 'radar',\n            data: {\n                labels: impactLabels,\n                datasets: [{\n                    label: 'Intensiteit Ervaring',\n                    data: [95, 90, 85, 98, 92],\n                    backgroundColor: 'rgba(255, 230, 109, 0.4)',\n                    borderColor: '#FF6B6B',\n                    pointBackgroundColor: '#4ECDC4',\n                    pointBorderColor: '#fff',\n                    pointHoverBackgroundColor: '#fff',\n                    pointHoverBorderColor: '#FF6B6B',\n                    borderWidth: 2\n                }]\n            },\n            options: {\n                responsive: true,\n                maintainAspectRatio: false,\n                scales: {\n                    r: {\n                        angleLines: { color: 'rgba(0,0,0,0.1)' },\n                        grid: { color: 'rgba(0,0,0,0.05)' },\n                        pointLabels: {\n                            font: { size: 11, family: \"'Inter', sans-serif\" },\n                            color: '#2D3142'\n                        },\n                        ticks: { display: false, min: 0, max: 100 }\n                    }\n                },\n                plugins: {\n                    legend: { display: false },\n                    tooltip: commonTooltipConfig\n                }\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>De Driehoek van Vergeven | Stichting Werkgroep Rozenhart De Driehoek van Vergeven Een reis naar innerlijke bevrijding en holistische vrede. Ontdekt door Nathan Rozenhart De Drie Fundamenten De kern van dit model bestaat uit drie krachtige stappen die elkaar aanvullen en versterken. Pas als alle drie doorlopen zijn, is de driehoek compleet. 1 Vergeef Anderen &hellip; <a href=\"https:\/\/stichtingwerkgroeprozenhart.nl\/?page_id=980\" class=\"more-link\">Lees verder <span class=\"screen-reader-text\">&#8220;Overzicht &amp; Instructies van DVV&#8221;<\/span><\/a><\/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-980","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stichtingwerkgroeprozenhart.nl\/index.php?rest_route=\/wp\/v2\/pages\/980","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stichtingwerkgroeprozenhart.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stichtingwerkgroeprozenhart.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stichtingwerkgroeprozenhart.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stichtingwerkgroeprozenhart.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=980"}],"version-history":[{"count":3,"href":"https:\/\/stichtingwerkgroeprozenhart.nl\/index.php?rest_route=\/wp\/v2\/pages\/980\/revisions"}],"predecessor-version":[{"id":983,"href":"https:\/\/stichtingwerkgroeprozenhart.nl\/index.php?rest_route=\/wp\/v2\/pages\/980\/revisions\/983"}],"wp:attachment":[{"href":"https:\/\/stichtingwerkgroeprozenhart.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}