{"id":6069,"date":"2025-07-08T21:44:06","date_gmt":"2025-07-08T19:44:06","guid":{"rendered":"https:\/\/evolvingdesk.com\/ons-team\/joas-van-der-eerden-bij-evolvingdesk\/"},"modified":"2025-08-05T23:18:45","modified_gmt":"2025-08-05T21:18:45","slug":"joas-van-der-eerden-bij-evolvingdesk","status":"publish","type":"page","link":"https:\/\/evolvingdesk.com\/nl\/ons-team\/joas-van-der-eerden-bij-evolvingdesk\/","title":{"rendered":"Joas van der eerden bij EvolvingDesk"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6069\" class=\"elementor elementor-6069 elementor-5881\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7923e9 e-flex e-con-boxed e-con e-parent\" data-id=\"f7923e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3d4abb2 e-con-full e-flex e-con e-child\" data-id=\"3d4abb2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-cace93d e-con-full e-flex e-con e-child\" data-id=\"cace93d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7c3f49 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"d7c3f49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">MEDEOPRICHTER<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-678604f e-con-full e-flex e-con e-child\" data-id=\"678604f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14a4ef4 elementor-widget elementor-widget-heading\" data-id=\"14a4ef4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Joas<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f916ff elementor-widget elementor-widget-heading\" data-id=\"8f916ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">IT &amp; operaties<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5cdbc0b elementor-widget elementor-widget-heading\" data-id=\"5cdbc0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\ud83c\uddf3\ud83c\uddf1 Nederland<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0ac3156 e-con-full e-flex e-con e-child\" data-id=\"0ac3156\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fa9a29 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"9fa9a29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Infrastructuur<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6cc260c elementor-align-center elementor-widget elementor-widget-button\" data-id=\"6cc260c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">CI\/CD-automatisering<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e9f8104 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"e9f8104\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">VoIP-engineering<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2cd8c7f elementor-align-center elementor-widget elementor-widget-button\" data-id=\"2cd8c7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Visuele branding<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2893dd0 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"2893dd0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">UI\/UX-ontwerp<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b2803f elementor-widget elementor-widget-text-editor\" data-id=\"9b2803f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Joas is de ruggengraat van de digitale omgeving van EvolvingDesk. Hij ontwerpt en onderhoudt kritieke infrastructuur en geeft tegelijkertijd vorm aan de visuele identiteit van het bedrijf en zijn dochterondernemingen. Zijn vermogen om structuur met design te verbinden maakt hem onmisbaar voor zowel IT als branding.  <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ea76d6 elementor-widget elementor-widget-heading\" data-id=\"6ea76d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ervaring<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48febee elementor-widget elementor-widget-text-editor\" data-id=\"48febee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Jarenlange praktijkervaring in systeemengineering, gecontaineriseerde implementaties en automatisering. Daarnaast werkt hij aan frontend-frameworks en gebruikersinterface-ontwerp voor interne en klantgerichte applicaties. Als onze interne VoIP- en telefoniespecialist ontwikkelt en onderhoudt hij robuuste spraakinfrastructuur voor zowel EvolvingDesk als haar klanten.  <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dce151a elementor-widget elementor-widget-heading\" data-id=\"dce151a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Prestaties<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e5d2a1 elementor-widget elementor-widget-text-editor\" data-id=\"7e5d2a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Joas heeft de huidige merkidentiteit van EvolvingDesk ontworpen en ge\u00efmplementeerd op alle platforms. Hij ontwikkelde ook kerninfrastructuurcomponenten die vandaag de dag nog steeds in gebruik zijn, waaronder monitoring-, provisioning- en deployment-pipelines die door ons team en klanten worden gebruikt. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2543c0c elementor-widget elementor-widget-heading\" data-id=\"2543c0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Verbinden<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1204cf2 elementor-shape-square elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"1204cf2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-129a64c\" href=\"https:\/\/www.linkedin.com\/in\/joasvandereerden\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Linkedin<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-linkedin\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-envelope elementor-repeater-item-9216334\" href=\"mailto:joas.van.der.eerden@evolvingdesk.com\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Envelope<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-envelope\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-phone-alt elementor-repeater-item-5c62881\" href=\"tel:+310558330105\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Phone-alt<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-phone-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e70fdb elementor-align-center elementor-widget elementor-widget-button\" data-id=\"0e70fdb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/evolvingdesk.com\/our-people\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">TERUG NAAR ONS TEAM<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dbe6035 e-flex e-con-boxed e-con e-parent\" data-id=\"dbe6035\" 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-5e588d3 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"5e588d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* Hero Card Animation Styles *\/\r\n.hero-card-animation {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100vh;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n    padding-top: 15vh;\r\n    z-index: 1000;\r\n    pointer-events: none;\r\n    backdrop-filter: blur(0px);\r\n    background-color: rgba(0, 0, 0, 0);\r\n    transition: backdrop-filter 0.6s ease;\r\n}\r\n\r\n.mdw-hero-card-effect {\r\n    position: relative;\r\n    width: 320px;\r\n    height: 200px;\r\n    transform-style: preserve-3d;\r\n    perspective: 1000px;\r\n    opacity: 0;\r\n}\r\n\r\n.mdw-hero-card-effect img {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    border-radius: 1px;\r\n    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4), 0 0 20px rgba(255, 255, 255, 0.05);\r\n    filter: blur(0px);\r\n    transition: none;\r\n}\r\n\r\n.mdw-hero-card-effect .card-front {\r\n    z-index: 2;\r\n    opacity: 1;\r\n}\r\n\r\n.mdw-hero-card-effect .card-back {\r\n    z-index: 1;\r\n    opacity: 0;\r\n    transform: scaleX(-1);\r\n}\r\n\r\n\/* Mobile responsive *\/\r\n@media (max-width: 768px) {\r\n    .mdw-hero-card-effect {\r\n        width: 280px;\r\n        height: 175px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- Hero Card Animation Container -->\r\n<div class=\"hero-card-animation\" id=\"hero-card-animation\">\r\n    <div class=\"mdw-hero-card-effect\">\r\n        <img decoding=\"async\" class=\"card-front\" src=\"https:\/\/evolvingdesk.com\/wp-content\/uploads\/2025\/08\/visitekaartje-JE.png\" alt=\"Voorkant kaart\" title=\"\">\r\n        <img decoding=\"async\" class=\"card-back\" src=\"https:\/\/evolvingdesk.com\/wp-content\/uploads\/2025\/08\/visitekaartje-achterkant.png\" alt=\"Achterkant kaart\" title=\"\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script>\r\n\/\/ Prevent multiple initializations\r\nif (!window.MDWHeroCardInitialized) {\r\n    window.MDWHeroCardInitialized = true;\r\n\r\n    class HeroCardAnimation {\r\n        constructor() {\r\n            this.isAnimating = false;\r\n            this.isInterrupted = false;\r\n            this.timeline = null;\r\n            this.card = document.querySelector('.mdw-hero-card-effect');\r\n            this.container = document.querySelector('.hero-card-animation');\r\n            \r\n            if (!this.card || !this.container) return;\r\n            \r\n            this.init();\r\n        }\r\n\r\n        init() {\r\n            \/\/ Start animation IMMEDIATELY for QR code scan experience\r\n            setTimeout(() => {\r\n                this.startAnimation();\r\n            }, 100);\r\n\r\n            \/\/ Setup interaction listeners\r\n            this.setupInteractionListeners();\r\n        }\r\n\r\n        startAnimation() {\r\n            if (this.isInterrupted) return;\r\n            \r\n            this.isAnimating = true;\r\n            \r\n            \/\/ Blur background in\r\n            gsap.to(this.container, {\r\n                duration: 0.6,\r\n                backdropFilter: 'blur(1px)',\r\n                ease: 'power1.out'\r\n            });\r\n            \r\n            \/\/ Create main timeline\r\n            this.timeline = gsap.timeline({\r\n                onComplete: () => {\r\n                    if (!this.isInterrupted) {\r\n                        this.fadeOut();\r\n                    }\r\n                }\r\n            });\r\n\r\n            \/\/ Set initial state - GEEN OPACITY FADE!\r\n            gsap.set(this.card, {\r\n                y: -window.innerHeight - 100,\r\n                rotationX: -20,\r\n                rotationY: 0,\r\n                rotationZ: 4,\r\n                scale: 0.9,\r\n                opacity: 1,\r\n                filter: 'blur(15px)'\r\n            });\r\n\r\n            \/\/ Entrance animation (1.8s)\r\n            this.timeline\r\n                .to(this.card, {\r\n                    duration: 1.8,\r\n                    y: 0,\r\n                    rotationX: 0,\r\n                    rotationY: 540,\r\n                    rotationZ: -1,\r\n                    scale: 1,\r\n                    opacity: 1,\r\n                    filter: 'blur(0px)',\r\n                    ease: 'power2.out',\r\n                    transformOrigin: 'center center',\r\n                    onUpdate: () => {\r\n                        this.updateCardVisibility();\r\n                    }\r\n                })\r\n                \/\/ Langzamere rotatie voor zichtbare deel (1.2s)\r\n                .to(this.card, {\r\n                    duration: 1.2,\r\n                    rotationY: 720,\r\n                    ease: 'power1.inOut',\r\n                    onUpdate: () => {\r\n                        this.updateCardVisibility();\r\n                    }\r\n                })\r\n                \/\/ Z-axis terugdraaien als voorkant weer zichtbaar\r\n                .to(this.card, {\r\n                    duration: 0.6,\r\n                    rotationZ: 0,\r\n                    ease: 'power1.out'\r\n                }, '-=0.4')\r\n                \/\/ Minimal floating during display (0.4s)\r\n                .to(this.card, {\r\n                    duration: 0.4,\r\n                    y: -4,\r\n                    ease: 'power1.inOut',\r\n                    yoyo: true,\r\n                    repeat: 1\r\n                });\r\n        }\r\n\r\n        fadeOut() {\r\n            if (this.isInterrupted) return;\r\n\r\n            \/\/ Blur background out + exit animation\r\n            gsap.to(this.container, {\r\n                duration: 0.8,\r\n                backdropFilter: 'blur(0px)',\r\n                ease: 'power1.in'\r\n            });\r\n\r\n            \/\/ Exit animation (1s) - GEEN CONTRAST\/BRIGHTNESS\r\n            gsap.to(this.card, {\r\n                duration: 1,\r\n                y: -window.innerHeight - 100,\r\n                rotationX: 10,\r\n                rotationY: 720,\r\n                rotationZ: -1,\r\n                scale: 0.95,\r\n                opacity: 0,\r\n                filter: 'blur(12px)',\r\n                ease: 'power2.in',\r\n                onComplete: () => {\r\n                    this.cleanup();\r\n                }\r\n            });\r\n        }\r\n\r\n        interrupt() {\r\n            if (!this.isAnimating || this.isInterrupted) return;\r\n            \r\n            this.isInterrupted = true;\r\n            \r\n            \/\/ Kill current timeline\r\n            if (this.timeline) {\r\n                this.timeline.kill();\r\n            }\r\n\r\n            \/\/ Quick blur out\r\n            gsap.to(this.container, {\r\n                duration: 0.4,\r\n                backdropFilter: 'blur(0px)',\r\n                ease: 'power1.out'\r\n            });\r\n\r\n            \/\/ Quick exit animation\r\n            gsap.to(this.card, {\r\n                duration: 0.4,\r\n                y: -100,\r\n                opacity: 0,\r\n                scale: 0.97,\r\n                filter: 'blur(8px)',\r\n                ease: 'power2.out',\r\n                onComplete: () => {\r\n                    this.cleanup();\r\n                }\r\n            });\r\n        }\r\n\r\n        updateCardVisibility() {\r\n            const cardFront = this.card.querySelector('.card-front');\r\n            const cardBack = this.card.querySelector('.card-back');\r\n            \r\n            \/\/ Get current rotation value\r\n            const rotation = gsap.getProperty(this.card, \"rotationY\");\r\n            const normalizedRotation = ((rotation % 360) + 360) % 360;\r\n            \r\n            \/\/ HARDE CUT - geen fade transitions!\r\n            if (normalizedRotation > 90 && normalizedRotation < 270) {\r\n                cardFront.style.opacity = '0';\r\n                cardBack.style.opacity = '1';\r\n            } else {\r\n                cardFront.style.opacity = '1';\r\n                cardBack.style.opacity = '0';\r\n            }\r\n            \r\n            \/\/ Force immediate change - no CSS transitions\r\n            cardFront.style.transition = 'none';\r\n            cardBack.style.transition = 'none';\r\n        }\r\n\r\n        cleanup() {\r\n            this.isAnimating = false;\r\n            if (this.container) {\r\n                this.container.style.display = 'none';\r\n            }\r\n        }\r\n\r\n        setupInteractionListeners() {\r\n            let interactionTimeout;\r\n            \r\n            const handleInteraction = () => {\r\n                clearTimeout(interactionTimeout);\r\n                interactionTimeout = setTimeout(() => {\r\n                    this.interrupt();\r\n                }, 50); \/\/ Small debounce\r\n            };\r\n\r\n            \/\/ Listen for various interactions\r\n            window.addEventListener('scroll', handleInteraction, { passive: true });\r\n            window.addEventListener('touchstart', handleInteraction, { passive: true });\r\n            window.addEventListener('mousemove', handleInteraction, { passive: true });\r\n            window.addEventListener('keydown', handleInteraction);\r\n            \r\n            \/\/ Cleanup listeners after animation\r\n            setTimeout(() => {\r\n                window.removeEventListener('scroll', handleInteraction);\r\n                window.removeEventListener('touchstart', handleInteraction);\r\n                window.removeEventListener('mousemove', handleInteraction);\r\n                window.removeEventListener('keydown', handleInteraction);\r\n            }, 5000); \/\/ Remove after 5 seconds max\r\n        }\r\n    }\r\n\r\n    \/\/ Initialize when DOM is ready\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            new HeroCardAnimation();\r\n        });\r\n    } else {\r\n        new HeroCardAnimation();\r\n    }\r\n}\r\n<\/script>\t\t\t\t<\/div>\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>MEDEOPRICHTER Joas IT &amp; operaties \ud83c\uddf3\ud83c\uddf1 Nederland Infrastructuur CI\/CD-automatisering VoIP-engineering Visuele branding UI\/UX-ontwerp Joas is de ruggengraat van de digitale omgeving van EvolvingDesk. Hij ontwerpt en onderhoudt kritieke infrastructuur en geeft tegelijkertijd vorm aan de visuele identiteit van het bedrijf en zijn dochterondernemingen. Zijn vermogen om structuur met design te verbinden maakt hem onmisbaar voor [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":5827,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6069","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/evolvingdesk.com\/nl\/wp-json\/wp\/v2\/pages\/6069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/evolvingdesk.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/evolvingdesk.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/evolvingdesk.com\/nl\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/evolvingdesk.com\/nl\/wp-json\/wp\/v2\/comments?post=6069"}],"version-history":[{"count":11,"href":"https:\/\/evolvingdesk.com\/nl\/wp-json\/wp\/v2\/pages\/6069\/revisions"}],"predecessor-version":[{"id":6237,"href":"https:\/\/evolvingdesk.com\/nl\/wp-json\/wp\/v2\/pages\/6069\/revisions\/6237"}],"up":[{"embeddable":true,"href":"https:\/\/evolvingdesk.com\/nl\/wp-json\/wp\/v2\/pages\/5827"}],"wp:attachment":[{"href":"https:\/\/evolvingdesk.com\/nl\/wp-json\/wp\/v2\/media?parent=6069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}