{"id":197,"date":"2026-10-25T16:04:10","date_gmt":"2026-10-25T16:04:10","guid":{"rendered":"https:\/\/olyareri.nl\/?page_id=197"},"modified":"2026-10-25T19:48:46","modified_gmt":"2026-10-25T19:48:46","slug":"elementor-page-197","status":"publish","type":"page","link":"https:\/\/olyareri.nl\/","title":{"rendered":"Olyareri main"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"197\" class=\"elementor elementor-197\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc8d82c e-flex e-con-boxed e-con e-parent\" data-id=\"fc8d82c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92b9900 elementor-widget elementor-widget-html\" data-id=\"92b9900\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"nl\" class=\"dark\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Richard Velden | Senior Oracle OIC, Kong API &amp; Platform Specialist<\/title>\n    <meta name=\"description\" content=\"Freelance Senior Oracle OIC &amp; SaaS Specialist, Kong API Management Specialist, Cloud Native Platform Engineer en API Architect.\">\n\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap\" rel=\"stylesheet\">\n\n    <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n    <script>\n        tailwind.config = {\n            darkMode: 'class',\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['Inter', 'sans-serif'],\n                        display: ['Plus Jakarta Sans', 'sans-serif'],\n                        mono: ['JetBrains Mono', 'monospace'],\n                    },\n                    colors: {\n                        navy: { 950: '#070c18', 900: '#0b1329', 850: '#111c35', 800: '#1e293b' },\n                        oracle: { 400: '#F06A58', 500: '#C74634', 600: '#A83828' },\n                        kong: { 400: '#2DD4BF', 500: '#14B8A6', 600: '#0D9488' }\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        \/* WordPress full-bleed reset *\/\n        html, body, #page, .site, .site-content, .entry-content, .wp-site-blocks, .is-layout-constrained > * {\n            margin: 0 !important;\n            padding: 0 !important;\n            width: 100% !important;\n            max-width: 100% !important;\n            background-color: #0b1329 !important;\n            color: #f8fafc !important;\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            overflow-x: hidden;\n        }\n        #rv-portfolio-app {\n            background: linear-gradient(145deg, #0b1329 0%, #111c35 55%, #1e293b 100%);\n            color: #f8fafc;\n            font-family: 'Inter', sans-serif;\n            position: relative;\n            width: 100%;\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            overflow-x: hidden;\n        }\n        .rv-bg-grid {\n            background-size: 42px 42px;\n            background-image:\n                linear-gradient(to right, rgba(148, 163, 184, 0.05) 1px, transparent 1px),\n                linear-gradient(to bottom, rgba(148, 163, 184, 0.05) 1px, transparent 1px);\n        }\n        .rv-glass-panel {\n            background: rgba(30, 41, 59, 0.68);\n            backdrop-filter: blur(16px);\n            -webkit-backdrop-filter: blur(16px);\n            border: 1px solid rgba(148, 163, 184, 0.16);\n            box-shadow: 0 20px 50px -15px rgba(2, 6, 23, 0.65);\n        }\n        .rv-glass-interactive {\n            background: rgba(30, 41, 59, 0.62);\n            backdrop-filter: blur(12px);\n            -webkit-backdrop-filter: blur(12px);\n            border: 1px solid rgba(148, 163, 184, 0.16);\n            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n            cursor: pointer;\n        }\n        .rv-glass-interactive:hover {\n            background: rgba(30, 41, 59, 0.9);\n            border-color: rgba(45, 212, 191, 0.45);\n            transform: translateY(-3px);\n            box-shadow: 0 18px 38px -12px rgba(20, 184, 166, 0.18);\n        }\n        .rv-slide { display: none; width: 100%; opacity: 0; transform: translateY(8px); touch-action: pan-y; }\n        .rv-slide.rv-slide-active {\n            display: block;\n            opacity: 1;\n            transform: translateY(0);\n            animation: rvSlideIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n        }\n        @keyframes rvSlideIn {\n            from { opacity: 0; transform: translateX(18px); }\n            to { opacity: 1; transform: translateX(0); }\n        }\n        .no-scrollbar::-webkit-scrollbar { display: none; }\n        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n    <\/style>\n<\/head>\n<body class=\"bg-navy-900 text-slate-100 antialiased selection:bg-kong-500 selection:text-white\">\n\n<div id=\"rv-portfolio-app\" class=\"rv-bg-grid\">\n\n    <!-- Ambient orbs -->\n    <div class=\"pointer-events-none fixed inset-0 overflow-hidden z-0\" aria-hidden=\"true\">\n        <div id=\"rv-orb-1\" class=\"absolute -top-28 -left-28 w-96 h-96 rounded-full blur-3xl opacity-20 transition-colors duration-700\" style=\"background-color:#14b8a6;\"><\/div>\n        <div id=\"rv-orb-2\" class=\"absolute top-1\/3 -right-28 w-[28rem] h-[28rem] rounded-full blur-3xl opacity-15 transition-colors duration-700\" style=\"background-color:#6366f1;\"><\/div>\n        <div id=\"rv-orb-3\" class=\"absolute -bottom-28 left-1\/3 w-96 h-96 rounded-full blur-3xl opacity-15 transition-colors duration-700\" style=\"background-color:#C74634;\"><\/div>\n    <\/div>\n\n    <!-- Header + tabs -->\n    <header class=\"sticky top-0 z-30 w-full bg-slate-900\/90 backdrop-blur-xl border-b border-slate-800\/90\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex items-center justify-between h-16 sm:h-20 gap-3\">\n\n                <div role=\"button\" tabindex=\"0\" data-rv-goto=\"0\" class=\"flex items-center gap-3 text-left group cursor-pointer shrink-0\">\n                    <div class=\"w-10 h-10 sm:w-11 sm:h-11 rounded-xl bg-gradient-to-br from-kong-500 via-teal-600 to-indigo-600 flex items-center justify-center font-display font-extrabold text-white text-base sm:text-lg shadow-lg shadow-kong-500\/20 group-hover:scale-105 transition-transform\">RV<\/div>\n                    <div>\n                        <div class=\"flex items-center gap-2\">\n                            <span class=\"font-display font-bold text-white text-base sm:text-lg tracking-tight\">Richard Velden<\/span>\n                            <span class=\"hidden sm:inline-block w-2 h-2 rounded-full bg-emerald-400 animate-pulse\" title=\"Beschikbaar voor opdrachten\"><\/span>\n                        <\/div>\n                        <span class=\"block font-mono text-[11px] text-slate-400\">Oracle OIC \u2022 Kong API \u2022 Platform Engineer<\/span>\n                    <\/div>\n                <\/div>\n\n                <nav aria-label=\"Onderwerpen\" class=\"hidden lg:flex items-center bg-slate-800\/90 p-1 rounded-2xl border border-slate-700\/75 shadow-inner\">\n                    <button type=\"button\" data-rv-goto=\"0\" class=\"rv-tab px-2.5 xl:px-3 py-1.5 rounded-xl text-xs font-semibold transition-all duration-200 flex items-center gap-1.5 cursor-pointer bg-kong-600 text-white shadow-md\"><span>Overzicht<\/span><\/button>\n                    <button type=\"button\" data-rv-goto=\"1\" class=\"rv-tab px-2.5 xl:px-3 py-1.5 rounded-xl text-xs font-semibold transition-all duration-200 flex items-center gap-1.5 cursor-pointer hover:text-white text-slate-300\"><span>Oracle OIC<\/span><\/button>\n                    <button type=\"button\" data-rv-goto=\"2\" class=\"rv-tab px-2.5 xl:px-3 py-1.5 rounded-xl text-xs font-semibold transition-all duration-200 flex items-center gap-1.5 cursor-pointer hover:text-white text-slate-300\"><span>Kong API<\/span><\/button>\n                    <button type=\"button\" data-rv-goto=\"3\" class=\"rv-tab px-2.5 xl:px-3 py-1.5 rounded-xl text-xs font-semibold transition-all duration-200 flex items-center gap-1.5 cursor-pointer hover:text-white text-slate-300\"><span>Platform Eng.<\/span><\/button>\n                    <button type=\"button\" data-rv-goto=\"4\" class=\"rv-tab px-2.5 xl:px-3 py-1.5 rounded-xl text-xs font-semibold transition-all duration-200 flex items-center gap-1.5 cursor-pointer hover:text-white text-slate-300\"><span>Architectuur<\/span><\/button>\n                    <button type=\"button\" data-rv-goto=\"5\" class=\"rv-tab px-2.5 xl:px-3 py-1.5 rounded-xl text-xs font-semibold transition-all duration-200 flex items-center gap-1.5 cursor-pointer hover:text-white text-slate-300\"><span>Tech Stack<\/span><\/button>\n                    <button type=\"button\" data-rv-goto=\"6\" class=\"rv-tab px-2.5 xl:px-3 py-1.5 rounded-xl text-xs font-semibold transition-all duration-200 flex items-center gap-1.5 cursor-pointer hover:text-white text-slate-300\"><span>Contact<\/span><\/button>\n                <\/nav>\n\n                <div class=\"flex items-center gap-2 shrink-0\">\n                    <div class=\"flex items-center gap-1 bg-slate-800\/85 border border-slate-700\/70 rounded-xl p-1\">\n                        <button type=\"button\" data-rv-action=\"prev\" title=\"Vorige onderwerp (\u2190)\" class=\"p-2 rounded-lg text-slate-300 hover:text-white hover:bg-slate-700\/70 transition-colors cursor-pointer\" aria-label=\"Vorige slide\">\n                            <svg class=\"w-4 h-4 pointer-events-none\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\n                        <\/button>\n                        <button type=\"button\" data-rv-action=\"next\" title=\"Volgende onderwerp (\u2192)\" class=\"p-2 rounded-lg text-slate-300 hover:text-white hover:bg-slate-700\/70 transition-colors cursor-pointer\" aria-label=\"Volgende slide\">\n                            <svg class=\"w-4 h-4 pointer-events-none\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg>\n                        <\/button>\n                    <\/div>\n                    <button type=\"button\" data-rv-goto=\"6\" class=\"hidden sm:inline-flex items-center gap-2 px-4 py-2.5 rounded-xl bg-oracle-500 hover:bg-oracle-400 text-white font-semibold text-xs sm:text-sm shadow-md transition-all cursor-pointer\">\n                        <span class=\"w-2 h-2 rounded-full bg-white animate-ping\"><\/span>\n                        <span>Contact<\/span>\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"flex lg:hidden items-center gap-1.5 overflow-x-auto no-scrollbar pb-3 pt-1\" role=\"tablist\">\n                <button type=\"button\" data-rv-goto=\"0\" class=\"rv-tab shrink-0 px-3 py-2 rounded-xl text-xs font-semibold cursor-pointer bg-kong-600 text-white shadow-md\">Overzicht<\/button>\n                <button type=\"button\" data-rv-goto=\"1\" class=\"rv-tab shrink-0 px-3 py-2 rounded-xl text-xs font-semibold cursor-pointer text-slate-300\">Oracle OIC<\/button>\n                <button type=\"button\" data-rv-goto=\"2\" class=\"rv-tab shrink-0 px-3 py-2 rounded-xl text-xs font-semibold cursor-pointer text-slate-300\">Kong API<\/button>\n                <button type=\"button\" data-rv-goto=\"3\" class=\"rv-tab shrink-0 px-3 py-2 rounded-xl text-xs font-semibold cursor-pointer text-slate-300\">Platform Eng.<\/button>\n                <button type=\"button\" data-rv-goto=\"4\" class=\"rv-tab shrink-0 px-3 py-2 rounded-xl text-xs font-semibold cursor-pointer text-slate-300\">Architectuur<\/button>\n                <button type=\"button\" data-rv-goto=\"5\" class=\"rv-tab shrink-0 px-3 py-2 rounded-xl text-xs font-semibold cursor-pointer text-slate-300\">Tech Stack<\/button>\n                <button type=\"button\" data-rv-goto=\"6\" class=\"rv-tab shrink-0 px-3 py-2 rounded-xl text-xs font-semibold cursor-pointer text-slate-300\">Contact<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"w-full h-0.5 bg-slate-800\/90\">\n            <div id=\"rv-progress-bar\" class=\"h-full bg-gradient-to-r from-kong-400 via-indigo-400 to-oracle-400 transition-all duration-500\" style=\"width:14.2857%;\"><\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Slides -->\n    <main id=\"rv-carousel-viewport\" class=\"relative z-10 flex-grow flex items-center w-full py-6 sm:py-8\">\n        <div id=\"rv-carousel-track\" class=\"w-full\">\n\n            <!-- SLIDE 1 -->\n            <section class=\"rv-slide px-4 sm:px-6 lg:px-8 rv-slide-active\" data-slide-index=\"0\" aria-label=\"Overzicht\">\n                <div class=\"max-w-7xl mx-auto w-full\">\n                    <div class=\"rv-glass-panel rounded-3xl p-6 sm:p-9 lg:p-10 relative overflow-hidden\">\n                        <div class=\"flex flex-col lg:flex-row lg:items-center justify-between gap-6\">\n                            <div class=\"max-w-3xl\">\n                                <div class=\"inline-flex items-center gap-2.5 px-3.5 py-1.5 rounded-full bg-slate-900\/80 border border-slate-700\/80 text-kong-400 font-mono text-xs mb-4\">\n                                    <span class=\"w-2 h-2 rounded-full bg-kong-400\"><\/span>\n                                    <span>Freelance Senior Oracle OIC, API &amp; Platform Specialist<\/span>\n                                <\/div>\n                                <h1 class=\"font-display text-2xl sm:text-4xl lg:text-[2.6rem] font-extrabold text-white tracking-tight leading-[1.16]\">\n                                    Robuuste <span class=\"text-oracle-400\">Oracle Integraties<\/span>, <span class=\"text-kong-400\">Kong API Management<\/span> &amp; <span class=\"text-sky-400\">Cloud Native Platformen<\/span>.\n                                <\/h1>\n                                <p class=\"mt-4 text-slate-300 text-sm sm:text-base lg:text-lg leading-relaxed\">\n                                    Ik ontwerp, bouw en automatiseer bedrijfskritische ketenintegraties en API-platformen. Met diepgaande expertise in <strong>Oracle Integration Cloud (OIC)<\/strong>, <strong>Kong API Management<\/strong>, <strong>Platform Engineering<\/strong> en <strong>API &amp; Architectuur Advies<\/strong> verbind ik enterprise SaaS-landschappen veilig en schaalbaar met moderne container-infrastructuur.\n                                <\/p>\n                            <\/div>\n                            <div class=\"lg:w-72 shrink-0 bg-slate-900\/85 border border-slate-700\/80 rounded-2xl p-5 space-y-3\">\n                                <div class=\"text-xs font-mono uppercase tracking-wider text-slate-400\">Kernprofiel &amp; Focus<\/div>\n                                <div class=\"flex items-center justify-between text-xs sm:text-sm py-1.5 border-b border-slate-800\">\n                                    <span class=\"text-slate-300\">Oracle OIC &amp; SaaS<\/span>\n                                    <span class=\"font-mono text-oracle-400 font-semibold\">Senior<\/span>\n                                <\/div>\n                                <div class=\"flex items-center justify-between text-xs sm:text-sm py-1.5 border-b border-slate-800\">\n                                    <span class=\"text-slate-300\">Kong API Gateway<\/span>\n                                    <span class=\"font-mono text-kong-400 font-semibold\">Specialist<\/span>\n                                <\/div>\n                                <div class=\"flex items-center justify-between text-xs sm:text-sm py-1.5 border-b border-slate-800\">\n                                    <span class=\"text-slate-300\">Platform Engineer<\/span>\n                                    <span class=\"font-mono text-sky-400 font-semibold\">K8s & GitOps<\/span>\n                                <\/div>\n                                <div class=\"flex items-center justify-between text-xs sm:text-sm pt-1\">\n                                    <span class=\"text-slate-300\">Architectuur &amp; Advies<\/span>\n                                    <span class=\"font-mono text-indigo-300 font-semibold\">Design & Security<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mt-5\">\n                        <div role=\"button\" tabindex=\"0\" data-rv-goto=\"1\" class=\"rv-glass-interactive text-left rounded-2xl p-5 group flex flex-col justify-between\">\n                            <div>\n                                <div class=\"flex items-center justify-between mb-3\">\n                                    <span class=\"px-2.5 py-1 rounded-lg bg-oracle-500\/15 border border-oracle-500\/30 font-mono text-[11px] text-oracle-400 font-semibold\">Oracle Cloud<\/span>\n                                    <span class=\"w-7 h-7 rounded-lg bg-slate-900\/80 border border-slate-700 flex items-center justify-center text-slate-400 group-hover:text-oracle-400 transition-all\">\u2192<\/span>\n                                <\/div>\n                                <h2 class=\"font-display font-bold text-white text-base sm:text-lg\">Oracle OIC &amp; SaaS<\/h2>\n                                <p class=\"mt-1.5 text-xs text-slate-300 leading-relaxed\">End-to-end integratieflows in OIC Gen3, ERP\/HCM\/CX koppelingen, FBDI\/BIP bulk-patronen en foutafhandeling.<\/p>\n                            <\/div>\n                            <div class=\"mt-4 pt-2.5 border-t border-slate-700\/60 flex items-center justify-between text-[11px] font-mono text-oracle-400\">\n                                <span>Expertise<\/span>\n                                <span class=\"group-hover:translate-x-1 transition-transform\">Bekijk \u2192<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div role=\"button\" tabindex=\"0\" data-rv-goto=\"2\" class=\"rv-glass-interactive text-left rounded-2xl p-5 group flex flex-col justify-between\">\n                            <div>\n                                <div class=\"flex items-center justify-between mb-3\">\n                                    <span class=\"px-2.5 py-1 rounded-lg bg-kong-500\/15 border border-kong-400\/30 font-mono text-[11px] text-kong-400 font-semibold\">Kong Specialist<\/span>\n                                    <span class=\"w-7 h-7 rounded-lg bg-slate-900\/80 border border-slate-700 flex items-center justify-center text-slate-400 group-hover:text-kong-400 transition-all\">\u2192<\/span>\n                                <\/div>\n                                <h2 class=\"font-display font-bold text-white text-base sm:text-lg\">Kong API Management<\/h2>\n                                <p class=\"mt-1.5 text-xs text-slate-300 leading-relaxed\">Kong Enterprise &amp; Konnect, declaratieve APIOps met <code class=\"text-kong-300 font-mono\">decK<\/code>, Kong Ingress Controller en security plugins.<\/p>\n                            <\/div>\n                            <div class=\"mt-4 pt-2.5 border-t border-slate-700\/60 flex items-center justify-between text-[11px] font-mono text-kong-400\">\n                                <span>Expertise<\/span>\n                                <span class=\"group-hover:translate-x-1 transition-transform\">Bekijk \u2192<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div role=\"button\" tabindex=\"0\" data-rv-goto=\"3\" class=\"rv-glass-interactive text-left rounded-2xl p-5 group flex flex-col justify-between\">\n                            <div>\n                                <div class=\"flex items-center justify-between mb-3\">\n                                    <span class=\"px-2.5 py-1 rounded-lg bg-sky-500\/15 border border-sky-400\/30 font-mono text-[11px] text-sky-400 font-semibold\">Cloud Native<\/span>\n                                    <span class=\"w-7 h-7 rounded-lg bg-slate-900\/80 border border-slate-700 flex items-center justify-center text-slate-400 group-hover:text-sky-400 transition-all\">\u2192<\/span>\n                                <\/div>\n                                <h2 class=\"font-display font-bold text-white text-base sm:text-lg\">Platform Engineering<\/h2>\n                                <p class=\"mt-1.5 text-xs text-slate-300 leading-relaxed\">Kubernetes, Docker, Helm, Infrastructure as Code met Terraform, GitOps met ArgoCD en Prometheus\/Grafana.<\/p>\n                            <\/div>\n                            <div class=\"mt-4 pt-2.5 border-t border-slate-700\/60 flex items-center justify-between text-[11px] font-mono text-sky-400\">\n                                <span>Expertise<\/span>\n                                <span class=\"group-hover:translate-x-1 transition-transform\">Bekijk \u2192<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div role=\"button\" tabindex=\"0\" data-rv-goto=\"4\" class=\"rv-glass-interactive text-left rounded-2xl p-5 group flex flex-col justify-between\">\n                            <div>\n                                <div class=\"flex items-center justify-between mb-3\">\n                                    <span class=\"px-2.5 py-1 rounded-lg bg-indigo-500\/15 border border-indigo-400\/30 font-mono text-[11px] text-indigo-300 font-semibold\">Architectuur<\/span>\n                                    <span class=\"w-7 h-7 rounded-lg bg-slate-900\/80 border border-slate-700 flex items-center justify-center text-slate-400 group-hover:text-indigo-300 transition-all\">\u2192<\/span>\n                                <\/div>\n                                <h2 class=\"font-display font-bold text-white text-base sm:text-lg\">Architectuur &amp; Advies<\/h2>\n                                <p class=\"mt-1.5 text-xs text-slate-300 leading-relaxed\">Contract-First OpenAPI 3.x design, doelarchitectuur voor synchrone en event-driven ketens en Zero-Trust API security.<\/p>\n                            <\/div>\n                            <div class=\"mt-4 pt-2.5 border-t border-slate-700\/60 flex items-center justify-between text-[11px] font-mono text-indigo-300\">\n                                <span>Expertise<\/span>\n                                <span class=\"group-hover:translate-x-1 transition-transform\">Bekijk \u2192<\/span>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- SLIDE 2 -->\n            <section class=\"rv-slide px-4 sm:px-6 lg:px-8\" data-slide-index=\"1\" aria-label=\"Oracle OIC en SaaS\">\n                <div class=\"max-w-7xl mx-auto w-full\">\n                    <div class=\"mb-5 flex flex-col md:flex-row md:items-end justify-between gap-3\">\n                        <div>\n                            <span class=\"inline-block font-mono text-xs uppercase tracking-widest text-oracle-400 bg-oracle-500\/15 border border-oracle-500\/30 px-3 py-1 rounded-full\">Enterprise Cloud Integratie<\/span>\n                            <h2 class=\"mt-2 font-display text-2xl sm:text-4xl font-extrabold text-white tracking-tight\">Senior Oracle OIC &amp; SaaS Specialist<\/h2>\n                        <\/div>\n                        <p class=\"text-slate-300 text-xs sm:text-sm max-w-md\">End-to-end ontwerp, realisatie en beheer van bedrijfskritische integraties binnen het Oracle Cloud-ecosysteem.<\/p>\n                    <\/div>\n\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n                        <div class=\"rv-glass-panel rounded-2xl p-6 flex flex-col justify-between \">\n                            <div>\n                                <div class=\"flex items-center justify-between mb-3\">\n                                    <span class=\"font-mono text-xs text-oracle-400 uppercase font-semibold\">OIC Gen3 Orkestratie<\/span>\n                                    <span class=\"px-2.5 py-0.5 rounded bg-slate-900\/80 border border-slate-700 font-mono text-[11px] text-slate-300\">App-Driven &amp; Scheduled<\/span>\n                                <\/div>\n                                <h3 class=\"font-display text-lg sm:text-xl font-bold text-white\">End-to-End Oracle Integration Cloud Workflows<\/h3>\n                                <p class=\"mt-2 text-xs sm:text-sm text-slate-300 leading-relaxed\">Ontwikkeling van modulaire, herbruikbare OIC-integraties die real-time triggers en geplande synchronisaties combineren. Inclusief veilige hybride koppelingen via de OIC Connectivity Agent.<\/p>\n                            <\/div>\n                            <div class=\"mt-4 pt-3 border-t border-slate-700\/70 flex flex-wrap gap-1.5\"><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-slate-300 font-mono text-xs\">OIC Gen3<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-slate-300 font-mono text-xs\">Connectivity Agent<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-slate-300 font-mono text-xs\">B2B &amp; Adapters<\/span><\/div>\n                        <\/div>\n\n                        <div class=\"rv-glass-panel rounded-2xl p-6 flex flex-col justify-between \">\n                            <div>\n                                <div class=\"flex items-center justify-between mb-3\">\n                                    <span class=\"font-mono text-xs text-oracle-400 uppercase font-semibold\">Cloud Applications<\/span>\n                                    <span class=\"px-2.5 py-0.5 rounded bg-slate-900\/80 border border-slate-700 font-mono text-[11px] text-slate-300\">ERP \u2022 HCM \u2022 CX<\/span>\n                                <\/div>\n                                <h3 class=\"font-display text-lg sm:text-xl font-bold text-white\">Oracle SaaS Integraties &amp; Business Events<\/h3>\n                                <p class=\"mt-2 text-xs sm:text-sm text-slate-300 leading-relaxed\">Diepgaande kennis van de datamodellen, REST\/SOAP-services en real-time Business Events van Oracle Fusion Cloud ERP (Financials, Procurement), HCM en CX.<\/p>\n                            <\/div>\n                            <div class=\"mt-4 pt-3 border-t border-slate-700\/70 flex flex-wrap gap-1.5\"><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-slate-300 font-mono text-xs\">Oracle ERP Cloud<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-slate-300 font-mono text-xs\">Oracle HCM<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-slate-300 font-mono text-xs\">Business Events<\/span><\/div>\n                        <\/div>\n\n                        <div class=\"rv-glass-panel rounded-2xl p-6 flex flex-col justify-between \">\n                            <div>\n                                <div class=\"flex items-center justify-between mb-3\">\n                                    <span class=\"font-mono text-xs text-oracle-400 uppercase font-semibold\">High-Volume &amp; Veerkracht<\/span>\n                                    <span class=\"px-2.5 py-0.5 rounded bg-slate-900\/80 border border-slate-700 font-mono text-[11px] text-slate-300\">Bulk &amp; Resiliency<\/span>\n                                <\/div>\n                                <h3 class=\"font-display text-lg sm:text-xl font-bold text-white\">FBDI \/ BIP Bulk-Patronen &amp; Fault Handling<\/h3>\n                                <p class=\"mt-2 text-xs sm:text-sm text-slate-300 leading-relaxed\">Hoog-volume gegevensverwerking via File-Based Data Import (FBDI), callbacks en BI Publisher (BIP) extracties, ondersteund door een centraal Global Fault-Handling en retry-raamwerk.<\/p>\n                            <\/div>\n                            <div class=\"mt-4 pt-3 border-t border-slate-700\/70 flex flex-wrap gap-1.5\"><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-slate-300 font-mono text-xs\">FBDI Bulk Import<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-slate-300 font-mono text-xs\">BI Publisher (BIP)<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-slate-300 font-mono text-xs\">Fault Framework<\/span><\/div>\n                        <\/div>\n\n                        <div class=\"rv-glass-panel rounded-2xl p-6 flex flex-col justify-between \">\n                            <div>\n                                <div class=\"flex items-center justify-between mb-3\">\n                                    <span class=\"font-mono text-xs text-oracle-400 uppercase font-semibold\">Data Transformatie<\/span>\n                                    <span class=\"px-2.5 py-0.5 rounded bg-slate-900\/80 border border-slate-700 font-mono text-[11px] text-slate-300\">Payloads &amp; Logic<\/span>\n                                <\/div>\n                                <h3 class=\"font-display text-lg sm:text-xl font-bold text-white\">JavaScript, REST\/JSON &amp; XSLT Verrijking<\/h3>\n                                <p class=\"mt-2 text-xs sm:text-sm text-slate-300 leading-relaxed\">Geavanceerde payload-transformaties en dataverrijking met XSLT 2.0\/3.0, XPath, complexe JSON-structuren en herbruikbare JavaScript-functies voor specifieke bedrijfslogica.<\/p>\n                            <\/div>\n                            <div class=\"mt-4 pt-3 border-t border-slate-700\/70 flex flex-wrap gap-1.5\"><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-slate-300 font-mono text-xs\">JavaScript Libraries<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-slate-300 font-mono text-xs\">REST \/ JSON<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-slate-300 font-mono text-xs\">XSLT &amp; XPath<\/span><\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- SLIDE 3 -->\n            <section class=\"rv-slide px-4 sm:px-6 lg:px-8\" data-slide-index=\"2\" aria-label=\"Kong API Management Specialist\">\n                <div class=\"max-w-7xl mx-auto w-full\">\n                    <div class=\"mb-5 flex flex-col md:flex-row md:items-end justify-between gap-3\">\n                        <div>\n                            <span class=\"inline-block font-mono text-xs uppercase tracking-widest text-kong-400 bg-kong-500\/15 border border-kong-400\/30 px-3 py-1 rounded-full\">API Gateway &amp; Declarative APIOps<\/span>\n                            <h2 class=\"mt-2 font-display text-2xl sm:text-4xl font-extrabold text-white tracking-tight\"><span class=\"text-kong-400\">Kong API Management<\/span> Specialist<\/h2>\n                        <\/div>\n                        <p class=\"text-slate-300 text-xs sm:text-sm max-w-md\">Inrichting, beveiliging en volledige GitOps-automatisering van Kong Gateway en Kong Konnect in enterprise en cloud-native landschappen.<\/p>\n                    <\/div>\n\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n                        <div class=\"rv-glass-panel rounded-2xl p-6 flex flex-col justify-between border-kong-500\/30\">\n                            <div>\n                                <div class=\"flex items-center justify-between mb-3\">\n                                    <span class=\"font-mono text-xs text-kong-400 uppercase font-semibold\">Gateway Architectuur<\/span>\n                                    <span class=\"px-2.5 py-0.5 rounded bg-slate-900\/80 border border-slate-700 font-mono text-[11px] text-slate-300\">Hybrid &amp; DB-less<\/span>\n                                <\/div>\n                                <h3 class=\"font-display text-lg sm:text-xl font-bold text-white\">Kong Gateway Enterprise &amp; Kong Konnect<\/h3>\n                                <p class=\"mt-2 text-xs sm:text-sm text-slate-300 leading-relaxed\">Ontwerp en beheer van hoog-beschikbare Kong omgevingen met gescheiden Control Plane \/ Data Plane topologie\u00ebn, multi-team workspaces, RBAC en Developer Portals.<\/p>\n                            <\/div>\n                            <div class=\"mt-4 pt-3 border-t border-slate-700\/70 flex flex-wrap gap-1.5\"><span class=\"px-2.5 py-1 rounded bg-kong-500\/15 border border-kong-400\/30 text-kong-300 font-mono text-xs\">Kong Enterprise<\/span><span class=\"px-2.5 py-1 rounded bg-kong-500\/15 border border-kong-400\/30 text-kong-300 font-mono text-xs\">Kong Konnect<\/span><span class=\"px-2.5 py-1 rounded bg-kong-500\/15 border border-kong-400\/30 text-kong-300 font-mono text-xs\">Hybrid Mode<\/span><\/div>\n                        <\/div>\n\n                        <div class=\"rv-glass-panel rounded-2xl p-6 flex flex-col justify-between border-kong-500\/30\">\n                            <div>\n                                <div class=\"flex items-center justify-between mb-3\">\n                                    <span class=\"font-mono text-xs text-kong-400 uppercase font-semibold\">Declarative APIOps<\/span>\n                                    <span class=\"px-2.5 py-0.5 rounded bg-slate-900\/80 border border-slate-700 font-mono text-[11px] text-slate-300\">Git-Driven<\/span>\n                                <\/div>\n                                <h3 class=\"font-display text-lg sm:text-xl font-bold text-white\">Geautomatiseerde Uitrol met <code class=\"text-kong-300 font-mono\">decK<\/code> &amp; Inso<\/h3>\n                                <p class=\"mt-2 text-xs sm:text-sm text-slate-300 leading-relaxed\">Volledige state-as-code voor services, routes, upstreams en plugins. Automatische generatie van Kong configuraties vanuit OpenAPI 3.x specificaties met drift-detectie en validatie in CI\/CD.<\/p>\n                            <\/div>\n                            <div class=\"mt-4 pt-3 border-t border-slate-700\/70 flex flex-wrap gap-1.5\"><span class=\"px-2.5 py-1 rounded bg-kong-500\/15 border border-kong-400\/30 text-kong-300 font-mono text-xs\">decK CLI<\/span><span class=\"px-2.5 py-1 rounded bg-kong-500\/15 border border-kong-400\/30 text-kong-300 font-mono text-xs\">OpenAPI2Kong<\/span><span class=\"px-2.5 py-1 rounded bg-kong-500\/15 border border-kong-400\/30 text-kong-300 font-mono text-xs\">Zero-Touch OTAP<\/span><\/div>\n                        <\/div>\n\n                        <div class=\"rv-glass-panel rounded-2xl p-6 flex flex-col justify-between border-kong-500\/30\">\n                            <div>\n                                <div class=\"flex items-center justify-between mb-3\">\n                                    <span class=\"font-mono text-xs text-kong-400 uppercase font-semibold\">Gateway Policies<\/span>\n                                    <span class=\"px-2.5 py-0.5 rounded bg-slate-900\/80 border border-slate-700 font-mono text-[11px] text-slate-300\">Security &amp; Lua PDK<\/span>\n                                <\/div>\n                                <h3 class=\"font-display text-lg sm:text-xl font-bold text-white\">Enterprise Security, Traffic Control &amp; Plugins<\/h3>\n                                <p class=\"mt-2 text-xs sm:text-sm text-slate-300 leading-relaxed\">Inrichting van OpenID Connect (OIDC), OAuth2, JWT, mutual TLS (mTLS), geavanceerde Rate Limiting, payload-transformaties en ontwikkeling van maatwerk Lua\/PDK plugins.<\/p>\n                            <\/div>\n                            <div class=\"mt-4 pt-3 border-t border-slate-700\/70 flex flex-wrap gap-1.5\"><span class=\"px-2.5 py-1 rounded bg-kong-500\/15 border border-kong-400\/30 text-kong-300 font-mono text-xs\">OIDC \/ OAuth2<\/span><span class=\"px-2.5 py-1 rounded bg-kong-500\/15 border border-kong-400\/30 text-kong-300 font-mono text-xs\">mTLS &amp; Rate Limiting<\/span><span class=\"px-2.5 py-1 rounded bg-kong-500\/15 border border-kong-400\/30 text-kong-300 font-mono text-xs\">Lua \/ PDK<\/span><\/div>\n                        <\/div>\n\n                        <div class=\"rv-glass-panel rounded-2xl p-6 flex flex-col justify-between border-kong-500\/30\">\n                            <div>\n                                <div class=\"flex items-center justify-between mb-3\">\n                                    <span class=\"font-mono text-xs text-kong-400 uppercase font-semibold\">Kubernetes Native<\/span>\n                                    <span class=\"px-2.5 py-0.5 rounded bg-slate-900\/80 border border-slate-700 font-mono text-[11px] text-slate-300\">CRDs &amp; Gateway API<\/span>\n                                <\/div>\n                                <h3 class=\"font-display text-lg sm:text-xl font-bold text-white\">Kong Ingress Controller (KIC) op Kubernetes<\/h3>\n                                <p class=\"mt-2 text-xs sm:text-sm text-slate-300 leading-relaxed\">Naadloze integratie van Kong binnen Kubernetes-clusters via Ingress resources, de Kubernetes Gateway API en declaratieve <code class=\"text-kong-300 font-mono\">KongPlugin<\/code> \/ <code class=\"text-kong-300 font-mono\">KongConsumer<\/code> CRDs.<\/p>\n                            <\/div>\n                            <div class=\"mt-4 pt-3 border-t border-slate-700\/70 flex flex-wrap gap-1.5\"><span class=\"px-2.5 py-1 rounded bg-kong-500\/15 border border-kong-400\/30 text-kong-300 font-mono text-xs\">Kong Ingress (KIC)<\/span><span class=\"px-2.5 py-1 rounded bg-kong-500\/15 border border-kong-400\/30 text-kong-300 font-mono text-xs\">K8s Gateway API<\/span><span class=\"px-2.5 py-1 rounded bg-kong-500\/15 border border-kong-400\/30 text-kong-300 font-mono text-xs\">Helm Deployment<\/span><\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- SLIDE 4 -->\n            <section class=\"rv-slide px-4 sm:px-6 lg:px-8\" data-slide-index=\"3\" aria-label=\"Platform Engineering\">\n                <div class=\"max-w-7xl mx-auto w-full\">\n                    <div class=\"mb-5 flex flex-col md:flex-row md:items-end justify-between gap-3\">\n                        <div>\n                            <span class=\"inline-block font-mono text-xs uppercase tracking-widest text-sky-400 bg-sky-500\/15 border border-sky-400\/30 px-3 py-1 rounded-full\">Cloud Native Infrastructuur &amp; GitOps<\/span>\n                            <h2 class=\"mt-2 font-display text-2xl sm:text-4xl font-extrabold text-white tracking-tight\">Cloud Native <span class=\"text-sky-400\">Platform Engineer<\/span><\/h2>\n                        <\/div>\n                        <p class=\"text-slate-300 text-xs sm:text-sm max-w-md\">Ontwerp, bouw en automatisering van schaalbare containerplatformen, CI\/CD-straten en observability-stacks.<\/p>\n                    <\/div>\n\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\n                        <div class=\"rv-glass-panel rounded-2xl p-6 flex flex-col justify-between border-sky-500\/30\">\n                            <div>\n                                <div class=\"flex items-center justify-between mb-3\">\n                                    <span class=\"font-mono text-xs text-sky-400 uppercase font-semibold\">Container Orchestration<\/span>\n                                    <span class=\"px-2.5 py-0.5 rounded bg-slate-900\/80 border border-slate-700 font-mono text-[11px] text-slate-300\">K8s \u2022 Docker \u2022 Helm<\/span>\n                                <\/div>\n                                <h3 class=\"font-display text-lg sm:text-xl font-bold text-white\">Kubernetes, Containers &amp; Helm Standaardisatie<\/h3>\n                                <p class=\"mt-2 text-xs sm:text-sm text-slate-300 leading-relaxed\">Inrichting en beheer van productie-waardige Kubernetes workloads met herbruikbare Helm charts, Kustomize overlays, namespace-isolatie, Network Policies en fijnmazige RBAC.<\/p>\n                            <\/div>\n                            <div class=\"mt-4 pt-3 border-t border-slate-700\/70 flex flex-wrap gap-1.5\"><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-sky-300 font-mono text-xs\">Kubernetes<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-sky-300 font-mono text-xs\">Helm &amp; Kustomize<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-sky-300 font-mono text-xs\">Docker<\/span><\/div>\n                        <\/div>\n\n                        <div class=\"rv-glass-panel rounded-2xl p-6 flex flex-col justify-between border-sky-500\/30\">\n                            <div>\n                                <div class=\"flex items-center justify-between mb-3\">\n                                    <span class=\"font-mono text-xs text-sky-400 uppercase font-semibold\">Infrastructure as Code<\/span>\n                                    <span class=\"px-2.5 py-0.5 rounded bg-slate-900\/80 border border-slate-700 font-mono text-[11px] text-slate-300\">Terraform &amp; Security<\/span>\n                                <\/div>\n                                <h3 class=\"font-display text-lg sm:text-xl font-bold text-white\">Terraform, Cloud Networking &amp; Secrets<\/h3>\n                                <p class=\"mt-2 text-xs sm:text-sm text-slate-300 leading-relaxed\">Modulaire provisioning van cloud-infrastructuur met Terraform, gecombineerd met geautomatiseerd certificaatbeheer (<code class=\"text-sky-300 font-mono\">cert-manager<\/code>) en veilige secret-injectie via HashiCorp Vault.<\/p>\n                            <\/div>\n                            <div class=\"mt-4 pt-3 border-t border-slate-700\/70 flex flex-wrap gap-1.5\"><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-sky-300 font-mono text-xs\">Terraform (IaC)<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-sky-300 font-mono text-xs\">HashiCorp Vault<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-sky-300 font-mono text-xs\">cert-manager &amp; Linux<\/span><\/div>\n                        <\/div>\n\n                        <div class=\"rv-glass-panel rounded-2xl p-6 flex flex-col justify-between border-sky-500\/30\">\n                            <div>\n                                <div class=\"flex items-center justify-between mb-3\">\n                                    <span class=\"font-mono text-xs text-sky-400 uppercase font-semibold\">GitOps &amp; Delivery<\/span>\n                                    <span class=\"px-2.5 py-0.5 rounded bg-slate-900\/80 border border-slate-700 font-mono text-[11px] text-slate-300\">ArgoCD &amp; Pipelines<\/span>\n                                <\/div>\n                                <h3 class=\"font-display text-lg sm:text-xl font-bold text-white\">ArgoCD &amp; Geautomatiseerde CI\/CD Straten<\/h3>\n                                <p class=\"mt-2 text-xs sm:text-sm text-slate-300 leading-relaxed\">Continue synchronisatie van cluster- en applicatiestatus vanuit Git met ArgoCD, ondersteund door snelle build-, security-scan- en release-pipelines in GitLab CI, GitHub Actions en Azure DevOps.<\/p>\n                            <\/div>\n                            <div class=\"mt-4 pt-3 border-t border-slate-700\/70 flex flex-wrap gap-1.5\"><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-sky-300 font-mono text-xs\">ArgoCD (GitOps)<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-sky-300 font-mono text-xs\">GitLab CI \/ GitHub Actions<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-sky-300 font-mono text-xs\">Azure DevOps<\/span><\/div>\n                        <\/div>\n\n                        <div class=\"rv-glass-panel rounded-2xl p-6 flex flex-col justify-between border-sky-500\/30\">\n                            <div>\n                                <div class=\"flex items-center justify-between mb-3\">\n                                    <span class=\"font-mono text-xs text-sky-400 uppercase font-semibold\">SRE &amp; Monitoring<\/span>\n                                    <span class=\"px-2.5 py-0.5 rounded bg-slate-900\/80 border border-slate-700 font-mono text-[11px] text-slate-300\">Metrics \u2022 Logs \u2022 Traces<\/span>\n                                <\/div>\n                                <h3 class=\"font-display text-lg sm:text-xl font-bold text-white\">Full-Stack Observability &amp; Betrouwbaarheid<\/h3>\n                                <p class=\"mt-2 text-xs sm:text-sm text-slate-300 leading-relaxed\">Direct inzicht in de gezondheid en latency van gateways, microservices en integratieketens met Prometheus metrics, Grafana dashboards, Loki log-aggregatie en OpenTelemetry.<\/p>\n                            <\/div>\n                            <div class=\"mt-4 pt-3 border-t border-slate-700\/70 flex flex-wrap gap-1.5\"><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-sky-300 font-mono text-xs\">Prometheus &amp; Grafana<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-sky-300 font-mono text-xs\">OpenTelemetry<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-sky-300 font-mono text-xs\">Loki Alerting<\/span><\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- SLIDE 5 -->\n            <section class=\"rv-slide px-4 sm:px-6 lg:px-8\" data-slide-index=\"4\" aria-label=\"Architectuur en Advies\">\n                <div class=\"max-w-7xl mx-auto w-full\">\n                    <div class=\"mb-5 flex flex-col md:flex-row md:items-end justify-between gap-3\">\n                        <div>\n                            <span class=\"inline-block font-mono text-xs uppercase tracking-widest text-indigo-300 bg-indigo-500\/15 border border-indigo-400\/30 px-3 py-1 rounded-full\">Strategie, Standaardisatie &amp; Security<\/span>\n                            <h2 class=\"mt-2 font-display text-2xl sm:text-4xl font-extrabold text-white tracking-tight\">API &amp; Architectuur Advies<\/h2>\n                        <\/div>\n                        <p class=\"text-slate-300 text-xs sm:text-sm max-w-md\">Heldere integratiepatronen en veilige API-contracten die systemen ontkoppelen en wendbaarheid vergroten.<\/p>\n                    <\/div>\n\n                    <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-5\">\n                        <div class=\"rv-glass-panel rounded-2xl p-6 flex flex-col justify-between\">\n                            <div>\n                                <div class=\"w-11 h-11 rounded-xl bg-indigo-500\/15 border border-indigo-400\/30 text-indigo-300 flex items-center justify-center mb-4\">\n                                    <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path><\/svg>\n                                <\/div>\n                                <span class=\"font-mono text-xs text-indigo-300 uppercase font-semibold\">1. API Design &amp; Governance<\/span>\n                                <h3 class=\"mt-1 font-display text-xl font-bold text-white\">Contract-First OpenAPI 3.x<\/h3>\n                                <p class=\"mt-2 text-xs sm:text-sm text-slate-300 leading-relaxed\">Ontwerp van eenduidige, herbruikbare RESTful API's voordat er \u00e9\u00e9n regel integratiecode wordt geschreven.<\/p>\n                                <ul class=\"mt-4 space-y-2 text-xs sm:text-sm text-slate-300\">\n                                    <li class=\"flex items-start gap-2\"><span class=\"text-indigo-400 font-bold\">\u2022<\/span><span>Strikte OpenAPI 3.x specificaties &amp; JSON Schema validatie<\/span><\/li>\n                                    <li class=\"flex items-start gap-2\"><span class=\"text-indigo-400 font-bold\">\u2022<\/span><span>Domein-gedreven naamgeving, versioning &amp; foutcodes (RFC 7807)<\/span><\/li>\n                                    <li class=\"flex items-start gap-2\"><span class=\"text-indigo-400 font-bold\">\u2022<\/span><span>Geautomatiseerde linting en contract-validatie in CI\/CD<\/span><\/li>\n                                <\/ul>\n                            <\/div>\n                            <div class=\"mt-5 pt-3 border-t border-slate-700\/70 flex flex-wrap gap-1.5\"><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-indigo-300 font-mono text-xs\">OpenAPI 3.x<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-indigo-300 font-mono text-xs\">JSON Schema<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-indigo-300 font-mono text-xs\">API Linting<\/span><\/div>\n                        <\/div>\n\n                        <div class=\"rv-glass-panel rounded-2xl p-6 flex flex-col justify-between\">\n                            <div>\n                                <div class=\"w-11 h-11 rounded-xl bg-indigo-500\/15 border border-indigo-400\/30 text-indigo-300 flex items-center justify-center mb-4\">\n                                    <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\"><\/path><\/svg>\n                                <\/div>\n                                <span class=\"font-mono text-xs text-indigo-300 uppercase font-semibold\">2. Doelarchitectuur<\/span>\n                                <h3 class=\"mt-1 font-display text-xl font-bold text-white\">Integratiepatronen &amp; Ketens<\/h3>\n                                <p class=\"mt-2 text-xs sm:text-sm text-slate-300 leading-relaxed\">Advies over en inrichting van een gelaagde integratie-architectuur die point-to-point afhankelijkheden doorbreekt.<\/p>\n                                <ul class=\"mt-4 space-y-2 text-xs sm:text-sm text-slate-300\">\n                                    <li class=\"flex items-start gap-2\"><span class=\"text-indigo-400 font-bold\">\u2022<\/span><span>Afweging tussen synchrone REST API's, asynchrone events &amp; batch<\/span><\/li>\n                                    <li class=\"flex items-start gap-2\"><span class=\"text-indigo-400 font-bold\">\u2022<\/span><span>Ontkoppeling van bron- en doelsystemen met canonieke\/domeinmodellen<\/span><\/li>\n                                    <li class=\"flex items-start gap-2\"><span class=\"text-indigo-400 font-bold\">\u2022<\/span><span>Samenhang tussen API Gateway (Kong) en orkestratielaag (OIC)<\/span><\/li>\n                                <\/ul>\n                            <\/div>\n                            <div class=\"mt-5 pt-3 border-t border-slate-700\/70 flex flex-wrap gap-1.5\"><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-indigo-300 font-mono text-xs\">Event-Driven<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-indigo-300 font-mono text-xs\">Sync \/ Async<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-indigo-300 font-mono text-xs\">API-Led<\/span><\/div>\n                        <\/div>\n\n                        <div class=\"rv-glass-panel rounded-2xl p-6 flex flex-col justify-between\">\n                            <div>\n                                <div class=\"w-11 h-11 rounded-xl bg-kong-500\/15 border border-kong-400\/30 text-kong-400 flex items-center justify-center mb-4\">\n                                    <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"><\/path><\/svg>\n                                <\/div>\n                                <span class=\"font-mono text-xs text-kong-400 uppercase font-semibold\">3. Security by Design<\/span>\n                                <h3 class=\"mt-1 font-display text-xl font-bold text-white\">Zero-Trust API Beveiliging<\/h3>\n                                <p class=\"mt-2 text-xs sm:text-sm text-slate-300 leading-relaxed\">Beveiliging vanaf de voordeur: strikte authenticatie, autorisatie en verkeerscontrole voor interne en externe afnemers.<\/p>\n                                <ul class=\"mt-4 space-y-2 text-xs sm:text-sm text-slate-300\">\n                                    <li class=\"flex items-start gap-2\"><span class=\"text-kong-400 font-bold\">\u2022<\/span><span>OAuth2 &amp; OpenID Connect (OIDC) integratie met Identity Providers<\/span><\/li>\n                                    <li class=\"flex items-start gap-2\"><span class=\"text-kong-400 font-bold\">\u2022<\/span><span>JWT-token inspectie, scopes\/claims autorisatie &amp; mutual TLS (mTLS)<\/span><\/li>\n                                    <li class=\"flex items-start gap-2\"><span class=\"text-kong-400 font-bold\">\u2022<\/span><span>Rate limiting, throttling, IP-filtering &amp; payload-bescherming<\/span><\/li>\n                                <\/ul>\n                            <\/div>\n                            <div class=\"mt-5 pt-3 border-t border-slate-700\/70 flex flex-wrap gap-1.5\"><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-kong-400 font-mono text-xs\">OAuth2 \/ OIDC<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-kong-400 font-mono text-xs\">JWT<\/span><span class=\"px-2.5 py-1 rounded bg-slate-900\/90 border border-slate-700 text-kong-400 font-mono text-xs\">mTLS<\/span><\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- SLIDE 6 -->\n            <section class=\"rv-slide px-4 sm:px-6 lg:px-8\" data-slide-index=\"5\" aria-label=\"Tech Stack\">\n                <div class=\"max-w-7xl mx-auto w-full\">\n                    <div class=\"rv-glass-panel rounded-2xl p-6 sm:p-8\">\n                        <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-4 mb-6\">\n                            <div>\n                                <span class=\"inline-block font-mono text-xs uppercase tracking-widest text-kong-400 bg-kong-500\/15 border border-kong-400\/30 px-3 py-1 rounded-full\">Technische Diepgang &amp; Tooling<\/span>\n                                <h2 class=\"mt-2 font-display text-2xl sm:text-3xl font-extrabold text-white\">Interactieve Tech Stack Matrix<\/h2>\n                            <\/div>\n                            <div class=\"flex flex-wrap gap-1.5 bg-slate-900\/90 p-1.5 rounded-xl border border-slate-700\/80\">\n                                <button type=\"button\" data-rv-filter=\"all\" class=\"rv-filter-btn px-3 py-1.5 rounded-lg text-xs font-semibold bg-kong-600 text-white transition-all cursor-pointer\">Alle (9)<\/button><button type=\"button\" data-rv-filter=\"kong\" class=\"rv-filter-btn px-3 py-1.5 rounded-lg text-xs font-semibold text-slate-300 hover:text-white transition-all cursor-pointer\">Kong &amp; API<\/button><button type=\"button\" data-rv-filter=\"platform\" class=\"rv-filter-btn px-3 py-1.5 rounded-lg text-xs font-semibold text-slate-300 hover:text-white transition-all cursor-pointer\">Platform &amp; Cloud Native<\/button><button type=\"button\" data-rv-filter=\"oracle\" class=\"rv-filter-btn px-3 py-1.5 rounded-lg text-xs font-semibold text-slate-300 hover:text-white transition-all cursor-pointer\">Oracle &amp; Integratie<\/button>\n                            <\/div>\n                        <\/div>\n                        <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3.5\">\n                            <div data-rv-cat=\"kong\" class=\"rv-stack-item p-4 rounded-xl bg-slate-900\/80 border border-slate-700\/80\">\n                                <span class=\"font-mono text-[11px] text-kong-400 uppercase\">API Gateway<\/span>\n                                <h3 class=\"font-display font-bold text-white text-sm sm:text-base mt-0.5\">Kong Enterprise &amp; Konnect<\/h3>\n                                <p class=\"mt-1 text-xs text-slate-400\">Hybrid mode, Control\/Data Planes, Workspaces &amp; KIC.<\/p>\n                            <\/div>\n\n                            <div data-rv-cat=\"kong\" class=\"rv-stack-item p-4 rounded-xl bg-slate-900\/80 border border-slate-700\/80\">\n                                <span class=\"font-mono text-[11px] text-kong-400 uppercase\">APIOps &amp; Design<\/span>\n                                <h3 class=\"font-display font-bold text-white text-sm sm:text-base mt-0.5\">decK &amp; OpenAPI 3.x<\/h3>\n                                <p class=\"mt-1 text-xs text-slate-400\">Declaratieve gateway state, linting &amp; contract-first API design.<\/p>\n                            <\/div>\n\n                            <div data-rv-cat=\"kong\" class=\"rv-stack-item p-4 rounded-xl bg-slate-900\/80 border border-slate-700\/80\">\n                                <span class=\"font-mono text-[11px] text-kong-400 uppercase\">Gateway Security<\/span>\n                                <h3 class=\"font-display font-bold text-white text-sm sm:text-base mt-0.5\">OAuth2, OIDC &amp; mTLS<\/h3>\n                                <p class=\"mt-1 text-xs text-slate-400\">JWT validatie, scopes\/claims, ACL, Rate Limiting &amp; Lua plugins.<\/p>\n                            <\/div>\n\n                            <div data-rv-cat=\"platform\" class=\"rv-stack-item p-4 rounded-xl bg-slate-900\/80 border border-slate-700\/80\">\n                                <span class=\"font-mono text-[11px] text-sky-400 uppercase\">Containers &amp; Runtime<\/span>\n                                <h3 class=\"font-display font-bold text-white text-sm sm:text-base mt-0.5\">Kubernetes, Docker &amp; Helm<\/h3>\n                                <p class=\"mt-1 text-xs text-slate-400\">Clusterbeheer, Helm charts, Kustomize, Ingress &amp; RBAC.<\/p>\n                            <\/div>\n\n                            <div data-rv-cat=\"platform\" class=\"rv-stack-item p-4 rounded-xl bg-slate-900\/80 border border-slate-700\/80\">\n                                <span class=\"font-mono text-[11px] text-sky-400 uppercase\">IaC &amp; GitOps<\/span>\n                                <h3 class=\"font-display font-bold text-white text-sm sm:text-base mt-0.5\">Terraform &amp; ArgoCD<\/h3>\n                                <p class=\"mt-1 text-xs text-slate-400\">GitLab CI, GitHub Actions, Azure DevOps &amp; Linux automatisering.<\/p>\n                            <\/div>\n\n                            <div data-rv-cat=\"platform\" class=\"rv-stack-item p-4 rounded-xl bg-slate-900\/80 border border-slate-700\/80\">\n                                <span class=\"font-mono text-[11px] text-sky-400 uppercase\">Observability &amp; Secrets<\/span>\n                                <h3 class=\"font-display font-bold text-white text-sm sm:text-base mt-0.5\">Prometheus &amp; Grafana<\/h3>\n                                <p class=\"mt-1 text-xs text-slate-400\">OpenTelemetry tracing, Loki, HashiCorp Vault &amp; cert-manager.<\/p>\n                            <\/div>\n\n                            <div data-rv-cat=\"oracle\" class=\"rv-stack-item p-4 rounded-xl bg-slate-900\/80 border border-slate-700\/80\">\n                                <span class=\"font-mono text-[11px] text-oracle-400 uppercase\">Integratie Cloud<\/span>\n                                <h3 class=\"font-display font-bold text-white text-sm sm:text-base mt-0.5\">Oracle OIC Gen3<\/h3>\n                                <p class=\"mt-1 text-xs text-slate-400\">App-driven &amp; scheduled orkestraties, Agents &amp; Fault Handling.<\/p>\n                            <\/div>\n\n                            <div data-rv-cat=\"oracle\" class=\"rv-stack-item p-4 rounded-xl bg-slate-900\/80 border border-slate-700\/80\">\n                                <span class=\"font-mono text-[11px] text-oracle-400 uppercase\">Oracle SaaS<\/span>\n                                <h3 class=\"font-display font-bold text-white text-sm sm:text-base mt-0.5\">ERP, HCM &amp; CX Cloud<\/h3>\n                                <p class=\"mt-1 text-xs text-slate-400\">FBDI bulk imports, BI Publisher (BIP) &amp; Business Events.<\/p>\n                            <\/div>\n\n                            <div data-rv-cat=\"oracle\" class=\"rv-stack-item p-4 rounded-xl bg-slate-900\/80 border border-slate-700\/80\">\n                                <span class=\"font-mono text-[11px] text-oracle-400 uppercase\">Data &amp; Payloads<\/span>\n                                <h3 class=\"font-display font-bold text-white text-sm sm:text-base mt-0.5\">JavaScript, XSLT &amp; JSON<\/h3>\n                                <p class=\"mt-1 text-xs text-slate-400\">REST\/SOAP adapters, XPath 2.0\/3.0 &amp; complexe datamapping.<\/p>\n                            <\/div>\n\n                        <\/div>\n                        <div class=\"mt-6 pt-4 border-t border-slate-700\/70 grid grid-cols-1 sm:grid-cols-3 gap-3 text-center\">\n                            <div class=\"p-3 rounded-xl bg-slate-900\/60 border border-slate-800\">\n                                <span class=\"block font-mono text-xs text-kong-400 font-semibold\">Git Version Control<\/span>\n                                <span class=\"text-xs text-slate-400\">Alle configuratie declaratief in Git<\/span>\n                            <\/div>\n                            <div class=\"p-3 rounded-xl bg-slate-900\/60 border border-slate-800\">\n                                <span class=\"block font-mono text-xs text-sky-400 font-semibold\">Automated Pipelines<\/span>\n                                <span class=\"text-xs text-slate-400\">Herhaalbare &amp; geteste OTAP uitrol<\/span>\n                            <\/div>\n                            <div class=\"p-3 rounded-xl bg-slate-900\/60 border border-slate-800\">\n                                <span class=\"block font-mono text-xs text-indigo-300 font-semibold\">Strict Standards<\/span>\n                                <span class=\"text-xs text-slate-400\">Zero-Trust security &amp; OpenAPI by design<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- SLIDE 7 -->\n            <section class=\"rv-slide px-4 sm:px-6 lg:px-8\" data-slide-index=\"6\" aria-label=\"Contact\">\n                <div class=\"max-w-3xl mx-auto w-full\">\n                    <div class=\"rv-glass-panel rounded-2xl p-6 sm:p-8 border-oracle-500\/40 text-center\">\n                        <span class=\"inline-block font-mono text-xs uppercase tracking-widest text-kong-400 bg-kong-500\/15 border border-kong-400\/30 px-3 py-1 rounded-full\">Contact<\/span>\n                        <div class=\"mt-4 inline-flex items-center gap-2 px-3 py-1 rounded-full bg-emerald-500\/15 border border-emerald-500\/30 text-emerald-300 font-mono text-xs\">\n                            <span class=\"w-2 h-2 rounded-full bg-emerald-400 animate-pulse\"><\/span>\n                            <span>Beschikbaar voor freelance &amp; interim opdrachten<\/span>\n                        <\/div>\n                        <h2 class=\"mt-4 font-display text-2xl sm:text-3xl font-extrabold text-white\">Neem contact op via LinkedIn<\/h2>\n                        <p class=\"mt-2 text-xs sm:text-sm text-slate-300 leading-relaxed\">\n                            Op zoek naar een ervaren specialist die zowel <strong>Oracle OIC &amp; SaaS<\/strong>, <strong>Kong API Management<\/strong>, <strong>Platform Engineering<\/strong> als <strong>Architectuur<\/strong> beheerst? Stuur me gerust een bericht.\n                        <\/p>\n                        <div class=\"mt-5 p-3.5 rounded-xl bg-slate-900\/75 border border-slate-700\/80 space-y-2 text-xs text-slate-300 text-left max-w-md mx-auto\">\n                            <div class=\"flex items-center gap-2\"><span class=\"text-kong-400 font-bold\">\u2713<\/span><span>Inzetbaar als Senior Specialist, Lead of Architect<\/span><\/div>\n                            <div class=\"flex items-center gap-2\"><span class=\"text-kong-400 font-bold\">\u2713<\/span><span>Hands-on realisatie gecombineerd met heldere overdracht<\/span><\/div>\n                            <div class=\"flex items-center gap-2\"><span class=\"text-kong-400 font-bold\">\u2713<\/span><span>Snel inzetbaar binnen enterprise &amp; cloud-native teams<\/span><\/div>\n                        <\/div>\n                        <a href=\"https:\/\/nl.linkedin.com\/in\/richard-velden-17a0264\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mt-6 inline-flex items-center justify-center gap-3 px-6 py-3.5 rounded-xl bg-kong-600 hover:bg-kong-500 text-white font-semibold text-sm shadow-lg transition-all group no-underline\">\n                            <span class=\"w-8 h-8 rounded-lg bg-white\/15 flex items-center justify-center font-mono text-sm font-bold\">in<\/span>\n                            <span>Connect op LinkedIn<\/span>\n                            <span class=\"group-hover:translate-x-1 transition-transform\">\u2192<\/span>\n                        <\/a>\n                        <div class=\"mt-5 pt-3 border-t border-slate-700\/70 text-[11px] font-mono text-slate-400\">Richard Velden \u2022 Nederland<\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n        <\/div>\n    <\/main>\n\n    <!-- Footer -->\n    <footer class=\"sticky bottom-0 z-30 w-full border-t border-slate-800\/90 bg-slate-900\/90 backdrop-blur-xl py-3 px-4 sm:px-6 lg:px-8 shrink-0\">\n        <div class=\"max-w-7xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-3\">\n            <div class=\"flex items-center gap-3 text-xs text-slate-400\">\n                <span class=\"hidden md:inline\">Navigeer via tabbladen, pijltjes (\u2190 \u2192) of swipe<\/span>\n            <\/div>\n            <div class=\"flex items-center gap-2\" aria-label=\"Slide paginering\">\n                <button type=\"button\" data-rv-goto=\"0\" class=\"rv-dot h-2.5 rounded-full transition-all cursor-pointer w-8 bg-kong-400\" aria-label=\"Ga naar slide 1\"><\/button>\n                <button type=\"button\" data-rv-goto=\"1\" class=\"rv-dot h-2.5 rounded-full transition-all cursor-pointer hover:bg-slate-400 w-2.5 bg-slate-600\" aria-label=\"Ga naar slide 2\"><\/button>\n                <button type=\"button\" data-rv-goto=\"2\" class=\"rv-dot h-2.5 rounded-full transition-all cursor-pointer hover:bg-slate-400 w-2.5 bg-slate-600\" aria-label=\"Ga naar slide 3\"><\/button>\n                <button type=\"button\" data-rv-goto=\"3\" class=\"rv-dot h-2.5 rounded-full transition-all cursor-pointer hover:bg-slate-400 w-2.5 bg-slate-600\" aria-label=\"Ga naar slide 4\"><\/button>\n                <button type=\"button\" data-rv-goto=\"4\" class=\"rv-dot h-2.5 rounded-full transition-all cursor-pointer hover:bg-slate-400 w-2.5 bg-slate-600\" aria-label=\"Ga naar slide 5\"><\/button>\n                <button type=\"button\" data-rv-goto=\"5\" class=\"rv-dot h-2.5 rounded-full transition-all cursor-pointer hover:bg-slate-400 w-2.5 bg-slate-600\" aria-label=\"Ga naar slide 6\"><\/button>\n                <button type=\"button\" data-rv-goto=\"6\" class=\"rv-dot h-2.5 rounded-full transition-all cursor-pointer hover:bg-slate-400 w-2.5 bg-slate-600\" aria-label=\"Ga naar slide 7\"><\/button>\n            <\/div>\n            <div class=\"flex items-center gap-2 w-full sm:w-auto justify-between sm:justify-end\">\n                <button type=\"button\" data-rv-action=\"prev\" class=\"flex-1 sm:flex-initial justify-center inline-flex items-center gap-1.5 px-4 py-2 rounded-xl bg-slate-800 hover:bg-slate-700 text-slate-200 border border-slate-700 text-xs font-semibold transition-all cursor-pointer\">\n                    <span class=\"pointer-events-none\">\u2190 Vorige<\/span>\n                <\/button>\n                <button type=\"button\" data-rv-action=\"next\" class=\"flex-1 sm:flex-initial justify-center inline-flex items-center gap-1.5 px-4 py-2 rounded-xl bg-kong-600 hover:bg-kong-500 text-white text-xs font-semibold shadow-sm transition-all cursor-pointer\">\n                    <span class=\"pointer-events-none\">Volgende \u2192<\/span>\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/footer>\n<\/div>\n\n<script>\n(function () {\n    var LABELS = [\"Overzicht\", \"Oracle OIC & SaaS\", \"Kong API Management\", \"Platform Engineering\", \"Architectuur & Advies\", \"Interactieve Tech Stack\", \"Contact\"];\n    var ORBS = [[\"#14b8a6\", \"#6366f1\", \"#C74634\"], [\"#C74634\", \"#f97316\", \"#6366f1\"], [\"#14b8a6\", \"#0d9488\", \"#0ea5e9\"], [\"#0ea5e9\", \"#14b8a6\", \"#6366f1\"], [\"#6366f1\", \"#0ea5e9\", \"#14b8a6\"], [\"#14b8a6\", \"#6366f1\", \"#0ea5e9\"], [\"#C74634\", \"#14b8a6\", \"#6366f1\"]];\n    var total = LABELS.length;\n    var current = 0;\n    var booted = false;\n\n    function pad(n) { return (n < 10 ? '0' : '') + n; }\n    function getApp() { return document.getElementById('rv-portfolio-app'); }\n\n    function goToSlide(index) {\n        var i = parseInt(index, 10);\n        if (isNaN(i)) return;\n        if (i < 0) i = total - 1;\n        if (i >= total) i = 0;\n        current = i;\n\n        var app = getApp();\n        if (!app) return;\n\n        var slides = app.querySelectorAll('.rv-slide');\n        for (var s = 0; s < slides.length; s++) {\n            if (s === current) slides[s].classList.add('rv-slide-active');\n            else slides[s].classList.remove('rv-slide-active');\n        }\n\n        for (var o = 1; o <= 3; o++) {\n            var orb = document.getElementById('rv-orb-' + o);\n            if (orb) orb.style.backgroundColor = ORBS[current][o - 1];\n        }\n\n        var tabs = app.querySelectorAll('.rv-tab');\n        for (var t = 0; t < tabs.length; t++) {\n            if (parseInt(tabs[t].getAttribute('data-rv-goto'), 10) === current) {\n                tabs[t].classList.add('bg-kong-600', 'text-white', 'shadow-md');\n                tabs[t].classList.remove('text-slate-300');\n            } else {\n                tabs[t].classList.remove('bg-kong-600', 'text-white', 'shadow-md');\n                tabs[t].classList.add('text-slate-300');\n            }\n        }\n\n        var bar = document.getElementById('rv-progress-bar');\n        if (bar) bar.style.width = (((current + 1) \/ total) * 100) + '%';\n        var top = document.getElementById('rv-top-counter');\n        if (top) top.textContent = (current + 1) + ' \/ ' + total;\n        var bottom = document.getElementById('rv-bottom-label');\n        if (bottom) bottom.textContent = LABELS[current];\n\n        var dots = app.querySelectorAll('.rv-dot');\n        for (var d = 0; d < dots.length; d++) {\n            if (d === current) {\n                dots[d].classList.remove('w-2.5', 'bg-slate-600');\n                dots[d].classList.add('w-8', 'bg-kong-400');\n            } else {\n                dots[d].classList.remove('w-8', 'bg-kong-400');\n                dots[d].classList.add('w-2.5', 'bg-slate-600');\n            }\n        }\n\n        if (booted) {\n            var y = app.getBoundingClientRect().top + (window.pageYOffset || 0);\n            window.scrollTo({ top: Math.max(0, y), behavior: 'smooth' });\n        }\n    }\n\n    function filterTechStack(category) {\n        var app = getApp();\n        if (!app) return;\n        var btns = app.querySelectorAll('.rv-filter-btn');\n        for (var i = 0; i < btns.length; i++) {\n            if (btns[i].getAttribute('data-rv-filter') === category) {\n                btns[i].classList.add('bg-kong-600', 'text-white');\n                btns[i].classList.remove('text-slate-300');\n            } else {\n                btns[i].classList.remove('bg-kong-600', 'text-white');\n                btns[i].classList.add('text-slate-300');\n            }\n        }\n        var items = app.querySelectorAll('.rv-stack-item');\n        for (var j = 0; j < items.length; j++) {\n            var c = items[j].getAttribute('data-rv-cat');\n            if (category === 'all' || c === category) items[j].classList.remove('hidden');\n            else items[j].classList.add('hidden');\n        }\n    }\n\n    function init() {\n        var app = getApp();\n        if (!app || app.__rvInit) return;\n        app.__rvInit = true;\n\n        \/\/ E\u00e9n gedelegeerde click-handler (geen inline onclick nodig, dus WordPress-proof)\n        app.addEventListener('click', function (e) {\n            var t = e.target;\n            if (!t || !t.closest) return;\n\n            var filterEl = t.closest('[data-rv-filter]');\n            if (filterEl) {\n                e.preventDefault();\n                filterTechStack(filterEl.getAttribute('data-rv-filter'));\n                return;\n            }\n            var actionEl = t.closest('[data-rv-action]');\n            if (actionEl) {\n                e.preventDefault();\n                goToSlide(current + (actionEl.getAttribute('data-rv-action') === 'next' ? 1 : -1));\n                return;\n            }\n            var gotoEl = t.closest('[data-rv-goto]');\n            if (gotoEl) {\n                e.preventDefault();\n                goToSlide(gotoEl.getAttribute('data-rv-goto'));\n            }\n        });\n\n        \/\/ Toetsenbord\n        document.addEventListener('keydown', function (e) {\n            var a = document.activeElement;\n            var tag = a ? a.tagName.toLowerCase() : '';\n            if (tag === 'input' || tag === 'textarea' || tag === 'select') return;\n            if (e.key === 'ArrowRight') goToSlide(current + 1);\n            else if (e.key === 'ArrowLeft') goToSlide(current - 1);\n            else if ((e.key === 'Enter' || e.key === ' ') && a && a.getAttribute &&\n                     a.getAttribute('role') === 'button' && a.hasAttribute('data-rv-goto')) {\n                e.preventDefault();\n                goToSlide(a.getAttribute('data-rv-goto'));\n            }\n        });\n\n        \/\/ Swipe (mobiel\/tablet); negeert de horizontaal scrollbare tabbalk en invoervelden\n        var sx = 0, sy = 0, swipeOk = false;\n        app.addEventListener('touchstart', function (e) {\n            var touch = e.changedTouches && e.changedTouches[0];\n            if (!touch) return;\n            var tgt = e.target;\n            swipeOk = !(tgt && tgt.closest && tgt.closest('input, textarea, select, .no-scrollbar, .overflow-x-auto'));\n            sx = touch.clientX;\n            sy = touch.clientY;\n        }, { passive: true });\n\n        app.addEventListener('touchend', function (e) {\n            var touch = e.changedTouches && e.changedTouches[0];\n            if (!touch || !swipeOk) return;\n            var dx = touch.clientX - sx;\n            var dy = touch.clientY - sy;\n            if (Math.abs(dx) > 60 && Math.abs(dx) > Math.abs(dy) * 1.5) {\n                goToSlide(current + (dx < 0 ? 1 : -1));\n            }\n        }, { passive: true });\n\n        goToSlide(0);\n        booted = true;\n    }\n\n    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);\n    else init();\n})();\n\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Richard Velden | Senior Oracle OIC, Kong API &amp; Platform Specialist RV Richard Velden Oracle OIC \u2022 Kong API \u2022 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-197","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.4 - aioseo.com -->\n\t<meta name=\"description\" content=\"Richard Velden | Senior Oracle OIC, Kong API &amp; Platform Specialist RV Richard Velden Oracle OIC \u2022 Kong API \u2022 Platform Engineer Overzicht Oracle OIC Kong API Platform Eng. Architectuur Tech Stack Contact Contact Overzicht Oracle OIC Kong API Platform Eng. Architectuur Tech Stack Contact Freelance Senior Oracle OIC, API &amp; Platform Specialist Robuuste Oracle\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/olyareri.nl\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.4\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Olyareri -\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Olyareri main - Olyareri\" \/>\n\t\t<meta property=\"og:description\" content=\"Richard Velden | Senior Oracle OIC, Kong API &amp; Platform Specialist RV Richard Velden Oracle OIC \u2022 Kong API \u2022 Platform Engineer Overzicht Oracle OIC Kong API Platform Eng. Architectuur Tech Stack Contact Contact Overzicht Oracle OIC Kong API Platform Eng. Architectuur Tech Stack Contact Freelance Senior Oracle OIC, API &amp; Platform Specialist Robuuste Oracle\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/olyareri.nl\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-10-25T16:04:10+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-10-25T19:48:46+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Olyareri main - Olyareri\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Richard Velden | Senior Oracle OIC, Kong API &amp; Platform Specialist RV Richard Velden Oracle OIC \u2022 Kong API \u2022 Platform Engineer Overzicht Oracle OIC Kong API Platform Eng. Architectuur Tech Stack Contact Contact Overzicht Oracle OIC Kong API Platform Eng. Architectuur Tech Stack Contact Freelance Senior Oracle OIC, API &amp; Platform Specialist Robuuste Oracle\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/olyareri.nl\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/olyareri.nl\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/olyareri.nl\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/olyareri.nl\\\/#listItem\",\"name\":\"Olyareri main\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/olyareri.nl\\\/#listItem\",\"position\":2,\"name\":\"Olyareri main\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/olyareri.nl\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/olyareri.nl\\\/#organization\",\"name\":\"olyareri.nl\",\"url\":\"https:\\\/\\\/olyareri.nl\\\/\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/olyareri.nl\\\/#webpage\",\"url\":\"https:\\\/\\\/olyareri.nl\\\/\",\"name\":\"Olyareri main - Olyareri\",\"description\":\"Richard Velden | Senior Oracle OIC, Kong API & Platform Specialist RV Richard Velden Oracle OIC \\u2022 Kong API \\u2022 Platform Engineer Overzicht Oracle OIC Kong API Platform Eng. Architectuur Tech Stack Contact Contact Overzicht Oracle OIC Kong API Platform Eng. Architectuur Tech Stack Contact Freelance Senior Oracle OIC, API & Platform Specialist Robuuste Oracle\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/olyareri.nl\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/olyareri.nl\\\/#breadcrumblist\"},\"datePublished\":\"2026-10-25T16:04:10+00:00\",\"dateModified\":\"2026-10-25T19:48:46+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/olyareri.nl\\\/#website\",\"url\":\"https:\\\/\\\/olyareri.nl\\\/\",\"name\":\"Olyareri\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/olyareri.nl\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Olyareri main - Olyareri","description":"Richard Velden | Senior Oracle OIC, Kong API & Platform Specialist RV Richard Velden Oracle OIC \u2022 Kong API \u2022 Platform Engineer Overzicht Oracle OIC Kong API Platform Eng. Architectuur Tech Stack Contact Contact Overzicht Oracle OIC Kong API Platform Eng. Architectuur Tech Stack Contact Freelance Senior Oracle OIC, API & Platform Specialist Robuuste Oracle","canonical_url":"https:\/\/olyareri.nl\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/olyareri.nl\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/olyareri.nl\/#listItem","position":1,"name":"Home","item":"https:\/\/olyareri.nl\/","nextItem":{"@type":"ListItem","@id":"https:\/\/olyareri.nl\/#listItem","name":"Olyareri main"}},{"@type":"ListItem","@id":"https:\/\/olyareri.nl\/#listItem","position":2,"name":"Olyareri main","previousItem":{"@type":"ListItem","@id":"https:\/\/olyareri.nl\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/olyareri.nl\/#organization","name":"olyareri.nl","url":"https:\/\/olyareri.nl\/"},{"@type":"WebPage","@id":"https:\/\/olyareri.nl\/#webpage","url":"https:\/\/olyareri.nl\/","name":"Olyareri main - Olyareri","description":"Richard Velden | Senior Oracle OIC, Kong API & Platform Specialist RV Richard Velden Oracle OIC \u2022 Kong API \u2022 Platform Engineer Overzicht Oracle OIC Kong API Platform Eng. Architectuur Tech Stack Contact Contact Overzicht Oracle OIC Kong API Platform Eng. Architectuur Tech Stack Contact Freelance Senior Oracle OIC, API & Platform Specialist Robuuste Oracle","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/olyareri.nl\/#website"},"breadcrumb":{"@id":"https:\/\/olyareri.nl\/#breadcrumblist"},"datePublished":"2026-10-25T16:04:10+00:00","dateModified":"2026-10-25T19:48:46+00:00"},{"@type":"WebSite","@id":"https:\/\/olyareri.nl\/#website","url":"https:\/\/olyareri.nl\/","name":"Olyareri","inLanguage":"en-US","publisher":{"@id":"https:\/\/olyareri.nl\/#organization"}}]},"og:locale":"en_US","og:site_name":"Olyareri -","og:type":"article","og:title":"Olyareri main - Olyareri","og:description":"Richard Velden | Senior Oracle OIC, Kong API &amp; Platform Specialist RV Richard Velden Oracle OIC \u2022 Kong API \u2022 Platform Engineer Overzicht Oracle OIC Kong API Platform Eng. Architectuur Tech Stack Contact Contact Overzicht Oracle OIC Kong API Platform Eng. Architectuur Tech Stack Contact Freelance Senior Oracle OIC, API &amp; Platform Specialist Robuuste Oracle","og:url":"https:\/\/olyareri.nl\/","article:published_time":"2026-10-25T16:04:10+00:00","article:modified_time":"2026-10-25T19:48:46+00:00","twitter:card":"summary","twitter:title":"Olyareri main - Olyareri","twitter:description":"Richard Velden | Senior Oracle OIC, Kong API &amp; Platform Specialist RV Richard Velden Oracle OIC \u2022 Kong API \u2022 Platform Engineer Overzicht Oracle OIC Kong API Platform Eng. Architectuur Tech Stack Contact Contact Overzicht Oracle OIC Kong API Platform Eng. Architectuur Tech Stack Contact Freelance Senior Oracle OIC, API &amp; Platform Specialist Robuuste Oracle"},"aioseo_meta_data":{"post_id":"197","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-10-25 16:04:10","updated":"2026-10-26 08:17:56","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/olyareri.nl\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tOlyareri main\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/olyareri.nl\/"},{"label":"Olyareri main","link":"https:\/\/olyareri.nl\/"}],"_links":{"self":[{"href":"https:\/\/olyareri.nl\/index.php?rest_route=\/wp\/v2\/pages\/197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/olyareri.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/olyareri.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/olyareri.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/olyareri.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=197"}],"version-history":[{"count":11,"href":"https:\/\/olyareri.nl\/index.php?rest_route=\/wp\/v2\/pages\/197\/revisions"}],"predecessor-version":[{"id":214,"href":"https:\/\/olyareri.nl\/index.php?rest_route=\/wp\/v2\/pages\/197\/revisions\/214"}],"wp:attachment":[{"href":"https:\/\/olyareri.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}