{"id":5890,"date":"2025-07-08T21:44:06","date_gmt":"2025-07-08T19:44:06","guid":{"rendered":"https:\/\/evolvingdesk.com\/joas-van-der-eerden\/"},"modified":"2025-08-05T23:18:45","modified_gmt":"2025-08-05T21:18:45","slug":"joas-van-der-eerden","status":"publish","type":"page","link":"https:\/\/evolvingdesk.com\/hu\/emberek\/joas-van-der-eerden\/","title":{"rendered":"Joas van der eerden az EvolvingDesk-n\u00e9l"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5890\" class=\"elementor elementor-5890 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\">T\u00c1RSALAP\u00cdT\u00d3<\/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 \u00e9s \u00fczemeltet\u00e9s<\/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 Hollandia<\/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\">Infrastrukt\u00fara-kezel\u00e9s<\/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 automatiz\u00e1l\u00e1s<\/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 m\u00e9rn\u00f6ks\u00e9g<\/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\">Vizu\u00e1lis arculat<\/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 tervez\u00e9s<\/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 az EvolvingDesk digit\u00e1lis k\u00f6rnyezet\u00e9nek gerince. \u0150 tervezi \u00e9s karbantartja a kritikus infrastrukt\u00far\u00e1t, mik\u00f6zben form\u00e1lja a v\u00e1llalat \u00e9s le\u00e1nyv\u00e1llalatainak vizu\u00e1lis arculat\u00e1t is. Az a k\u00e9pess\u00e9ge, hogy \u00f6sszekapcsolja a strukt\u00far\u00e1t a diz\u00e1jnnal, felbecs\u00fclhetetlenn\u00e9 teszi \u0151t mind az IT, mind a m\u00e1rka\u00e9p\u00edt\u00e9s ter\u00fclet\u00e9n.  <\/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\">Tapasztalat<\/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>\u00c9vek \u00f3ta rendelkezik gyakorlati tapasztalattal rendszerm\u00e9rn\u00f6ki, kont\u00e9neriz\u00e1lt telep\u00edt\u00e9sek \u00e9s automatiz\u00e1l\u00e1s ter\u00e9n. Emellett frontend keretrendszerekkel \u00e9s felhaszn\u00e1l\u00f3i fel\u00fclet tervez\u00e9ssel foglalkozik bels\u0151 \u00e9s \u00fcgyf\u00e9loldali alkalmaz\u00e1sokhoz. H\u00e1zon bel\u00fcli VoIP \u00e9s telef\u00f3nia m\u00e9rn\u00f6k\u00fcnkk\u00e9nt robusztus hanginfrastrukt\u00far\u00e1t fejleszt \u00e9s tart karban mind az EvolvingDesk, mind annak \u00fcgyfelei sz\u00e1m\u00e1ra.  <\/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\">Eredm\u00e9nyek<\/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 tervezte az EvolvingDesk jelenlegi m\u00e1rka arculat\u00e1t \u00e9s implement\u00e1lta azt minden platformon. Emellett olyan alapvet\u0151 infrastrukt\u00fara-komponenseket is fejlesztett, amelyek ma is haszn\u00e1latban vannak, bele\u00e9rtve a fel\u00fcgyeleti, er\u0151forr\u00e1s-ell\u00e1t\u00e1si \u00e9s telep\u00edt\u00e9si folyamatokat, amelyeket csapatunk \u00e9s \u00fcgyfeleink egyar\u00e1nt haszn\u00e1lnak. <\/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\">Kapcsolat<\/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\">VISSZA MUNKAT\u00c1RSAINKHOZ<\/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=\"K\u00e1rtya el\u0151lap\" title=\"\">\r\n        <img decoding=\"async\" class=\"card-back\" src=\"https:\/\/evolvingdesk.com\/wp-content\/uploads\/2025\/08\/visitekaartje-achterkant.png\" alt=\"K\u00e1rtya h\u00e1tlap\" 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>T\u00c1RSALAP\u00cdT\u00d3 Joas IT \u00e9s \u00fczemeltet\u00e9s \ud83c\uddf3\ud83c\uddf1 Hollandia Infrastrukt\u00fara-kezel\u00e9s CI\/CD automatiz\u00e1l\u00e1s VoIP m\u00e9rn\u00f6ks\u00e9g Vizu\u00e1lis arculat UI\/UX tervez\u00e9s Joas az EvolvingDesk digit\u00e1lis k\u00f6rnyezet\u00e9nek gerince. \u0150 tervezi \u00e9s karbantartja a kritikus infrastrukt\u00far\u00e1t, mik\u00f6zben form\u00e1lja a v\u00e1llalat \u00e9s le\u00e1nyv\u00e1llalatainak vizu\u00e1lis arculat\u00e1t is. Az a k\u00e9pess\u00e9ge, hogy \u00f6sszekapcsolja a strukt\u00far\u00e1t a diz\u00e1jnnal, felbecs\u00fclhetetlenn\u00e9 teszi \u0151t mind az IT, mind a [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":5832,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5890","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/evolvingdesk.com\/hu\/wp-json\/wp\/v2\/pages\/5890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/evolvingdesk.com\/hu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/evolvingdesk.com\/hu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/evolvingdesk.com\/hu\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/evolvingdesk.com\/hu\/wp-json\/wp\/v2\/comments?post=5890"}],"version-history":[{"count":23,"href":"https:\/\/evolvingdesk.com\/hu\/wp-json\/wp\/v2\/pages\/5890\/revisions"}],"predecessor-version":[{"id":6236,"href":"https:\/\/evolvingdesk.com\/hu\/wp-json\/wp\/v2\/pages\/5890\/revisions\/6236"}],"up":[{"embeddable":true,"href":"https:\/\/evolvingdesk.com\/hu\/wp-json\/wp\/v2\/pages\/5832"}],"wp:attachment":[{"href":"https:\/\/evolvingdesk.com\/hu\/wp-json\/wp\/v2\/media?parent=5890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}