{"id":1579,"date":"2024-12-17T10:54:48","date_gmt":"2024-12-17T10:54:48","guid":{"rendered":"https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/?page_id=1579"},"modified":"2025-10-09T10:46:45","modified_gmt":"2025-10-09T10:46:45","slug":"home-page-2","status":"publish","type":"page","link":"https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/","title":{"rendered":"Home page 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1579\" class=\"elementor elementor-1579\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1549d93 e-con-full e-flex e-con e-parent\" data-id=\"1549d93\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b7c0c8b e-con-full e-flex e-con e-child\" data-id=\"b7c0c8b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6456ae0 e-con-full e-flex e-con e-child\" data-id=\"6456ae0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d23bd5 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"1d23bd5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" 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\">HELLO<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c035d09 e-con-full e-flex e-con e-child\" data-id=\"c035d09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8f73342 e-con-full e-flex e-con e-child\" data-id=\"8f73342\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96907d4 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"96907d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">MY<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-249d723 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"249d723\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:1600}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">SYLVAIN<\/span>\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<div class=\"elementor-element elementor-element-71fe2c6 e-con-full e-flex e-con e-child\" data-id=\"71fe2c6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c7de15 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"7c7de15\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;_animation_delay&quot;:600}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">NAME<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d2d95d e-con-full e-flex e-con e-child\" data-id=\"3d2d95d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f43231 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"7f43231\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:900}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">IS<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3aee1d elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"d3aee1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:1600}\" 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\">TJOKROREDJO<\/h2>\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa47ce1 e-con-full e-flex e-con e-child\" data-id=\"aa47ce1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f4a1c3 elementor-widget elementor-widget-image\" data-id=\"3f4a1c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"702\" height=\"1024\" src=\"https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/wp-content\/uploads\/2024\/12\/Artboard-1-702x1024.png\" class=\"attachment-large size-large wp-image-1599\" alt=\"\" srcset=\"https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/wp-content\/uploads\/2024\/12\/Artboard-1-702x1024.png 702w, https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/wp-content\/uploads\/2024\/12\/Artboard-1-206x300.png 206w, https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/wp-content\/uploads\/2024\/12\/Artboard-1-768x1120.png 768w, https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/wp-content\/uploads\/2024\/12\/Artboard-1-1054x1536.png 1054w, https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/wp-content\/uploads\/2024\/12\/Artboard-1-1405x2048.png 1405w\" sizes=\"(max-width: 702px) 100vw, 702px\" \/>\t\t\t\t\t\t\t\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<div class=\"elementor-element elementor-element-905d0ce e-flex e-con-boxed e-con e-parent\" data-id=\"905d0ce\" 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-2bab1a9 elementor-widget elementor-widget-eael-fancy-text\" data-id=\"2bab1a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-fancy-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t<div  class=\"eael-fancy-text-container style-1\" data-fancy-text-id=\"2bab1a9\" data-fancy-text=\"|E-COMMERCE DESIGNER.|UI\/UX DESIGNER.|MOTION DESIGNER.\" data-fancy-text-transition-type=\"typing\" data-fancy-text-speed=\"30\" data-fancy-text-delay=\"1000\" data-fancy-text-cursor=\"yes\" data-fancy-text-loop=\"yes\" data-fancy-text-action=\"page_load\" >\n\t\t\t\t\t<span class=\"eael-fancy-text-prefix\">AND I AM A\u2009\u2009 <\/span>\n\t\t\n\t\t\n\t\t\t\t\t<span id=\"eael-fancy-text-2bab1a9\" class=\"eael-fancy-text-strings \">\n\t\t\t\t<noscript>\n\t\t\t\t\tE-COMMERCE DESIGNER., UI\/UX DESIGNER., MOTION DESIGNER.\t\t\t\t<\/noscript>\n\t\t\t<\/span>\n\t\t\n\t\t\t<\/div><!-- close .eael-fancy-text-container -->\n\n\t<div class=\"clearfix\"><\/div>\n\n\t\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-67258a4 e-con-full e-flex e-con e-parent\" data-id=\"67258a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e560f65 e-con-full scroll-container-parent e-flex e-con e-child\" data-id=\"e560f65\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-54e0923 sticky-section e-con-full e-flex e-con e-child\" data-id=\"54e0923\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-3c2e1b1 e-con-full e-flex e-con e-child\" data-id=\"3c2e1b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-62c5081 e-con-full e-flex e-con e-child\" data-id=\"62c5081\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-daf2d70 elementor-widget elementor-widget-heading\" data-id=\"daf2d70\" 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\">PROJECTS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-56529d6 e-con-full e-flex e-con e-child\" data-id=\"56529d6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d62c297 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"d62c297\" 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>Every project tells part of my journey\u00a0 from learning and experimenting to finding creative solutions. This is where I bring my ideas and passion to life.<\/p>\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<div class=\"elementor-element elementor-element-d6f9f2a e-con-full scroll-container e-flex e-con e-child\" data-id=\"d6f9f2a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<a class=\"elementor-element elementor-element-049b1c0 e-con-full panel e-flex e-con e-child\" data-id=\"049b1c0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" href=\"https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/2024\/10\/23\/pilspoets\/\">\n\t\t<div class=\"elementor-element elementor-element-f9ecc05 e-con-full e-flex e-con e-child\" data-id=\"f9ecc05\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7b44c1 elementor-widget elementor-widget-image-box\" data-id=\"f7b44c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Pils&amp;Poets<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-86477f1 e-con-full e-flex e-con e-child\" data-id=\"86477f1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9df609d tag elementor-widget elementor-widget-heading\" data-id=\"9df609d\" 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\">Branding &amp; Web design<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<a class=\"elementor-element elementor-element-b33eab8 e-con-full panel e-flex e-con e-child\" data-id=\"b33eab8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" href=\"https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/2025\/05\/14\/firststep\/\">\n\t\t<div class=\"elementor-element elementor-element-e46e759 e-con-full e-flex e-con e-child\" data-id=\"e46e759\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-661a706 elementor-widget elementor-widget-image-box\" data-id=\"661a706\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Firststep<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-edb6ccd e-con-full e-flex e-con e-child\" data-id=\"edb6ccd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19d7b92 tag elementor-widget elementor-widget-heading\" data-id=\"19d7b92\" 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\">E-learning to sell<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<a class=\"elementor-element elementor-element-c02081b e-con-full panel e-flex e-con e-child\" data-id=\"c02081b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" href=\"https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/2024\/06\/03\/drone-delivery-service\/\">\n\t\t<div class=\"elementor-element elementor-element-d074a31 e-con-full e-flex e-con e-child\" data-id=\"d074a31\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2d62d6 elementor-widget elementor-widget-image-box\" data-id=\"a2d62d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Van Boven<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eecaf13 e-con-full e-flex e-con e-child\" data-id=\"eecaf13\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9cf7bfa tag elementor-widget elementor-widget-heading\" data-id=\"9cf7bfa\" 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\">Illustrator &amp; Funnel<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<a class=\"elementor-element elementor-element-0e5b43f e-con-full panel e-flex e-con e-child\" data-id=\"0e5b43f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" href=\"https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/2025\/05\/14\/stadsarchief\/\">\n\t\t<div class=\"elementor-element elementor-element-2974907 e-con-full e-flex e-con e-child\" data-id=\"2974907\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05763a4 elementor-widget elementor-widget-image-box\" data-id=\"05763a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Stadsarchief<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20f66e1 e-con-full e-flex e-con e-child\" data-id=\"20f66e1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e3d467 tag elementor-widget elementor-widget-heading\" data-id=\"1e3d467\" 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\">Field research &amp; Explainvideo\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<div class=\"elementor-element elementor-element-2e5a8e2 e-con-full panel e-flex e-con e-child\" data-id=\"2e5a8e2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-c657a3e e-con-full e-flex e-con e-child\" data-id=\"c657a3e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-335799b elementor-widget elementor-widget-image-box\" data-id=\"335799b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Coming soon<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-262235a e-con-full e-flex e-con e-child\" data-id=\"262235a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5c7fdc tag elementor-widget elementor-widget-heading\" data-id=\"f5c7fdc\" 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\">Coming soon<\/h2>\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c2c89a2 elementor-widget elementor-widget-html\" data-id=\"c2c89a2\" 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    body {\r\n        overflow-x: hidden;\r\n    }\r\n    .tag {\r\n        backdrop-filter: blur(20px);\r\n    }\r\n    .scroll-container {\r\n        overflow: visible;\r\n        will-change: transform;\r\n        transition: transform 0.0s ease; \/* Smooth transition for transform *\/\r\n    }\r\n    .panel {\r\n        will-change: transform;\r\n        aspect-ratio: 1.5;\r\n        transition: background-size 0.0s ease;\r\n    }\r\n    .panel:hover {\r\n        background-size: 130% !important;\r\n        transition: 0.0s;\r\n    }\r\n    .overflow-hidden {\r\n        overflow: hidden;\r\n    }\r\n\r\n   .sticky-section {\r\n    transition: position 0.0s ease; \/* Smooth transition for position change *\/\r\n    }\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const scrollContainerParent = document.querySelector('.scroll-container-parent');\r\n    const scrollContainer = document.querySelector('.scroll-container');\r\n    const stickySection = document.querySelector('.sticky-section');\r\n    const panels = document.querySelectorAll('.panel');\r\n\r\n    let totalPanelWidth = 0;\r\n    panels.forEach(panel => {\r\n        totalPanelWidth += panel.offsetWidth;\r\n    });\r\n\r\n    const panelLeftSpace = panels[0].getBoundingClientRect().left;\r\n    const viewportWidth = window.innerWidth;\r\n\r\n    function handleScroll() {\r\n        const isSticky = stickySection.classList.contains('elementor-sticky--active');\r\n        const isPositionFixed = window.getComputedStyle(stickySection).position === 'fixed';\r\n        const isPositionAbsolute = window.getComputedStyle(stickySection).position === 'absolute';\r\n\r\n        if (isSticky && isPositionFixed) {\r\n            const scrollTop = window.scrollY;\r\n            const rect = scrollContainerParent.getBoundingClientRect();\r\n            const elementTop = scrollTop + rect.top;\r\n            const parentHeight = scrollContainerParent.offsetHeight;\r\n            const viewportHeight = window.innerHeight;\r\n\r\n            const startScroll = elementTop;\r\n            const endScroll = elementTop + parentHeight - viewportHeight;\r\n\r\n            let percentage = ((scrollTop - startScroll) \/ (endScroll - startScroll)) * 100;\r\n            percentage = Math.max(0, Math.min(percentage, 100));\r\n\r\n            const translateX = -(totalPanelWidth - viewportWidth + (panelLeftSpace * 2) + viewportWidth \/ 3) * (percentage \/ 100);\r\n\r\n            \/\/ Use requestAnimationFrame to apply the transform\r\n            requestAnimationFrame(() => {\r\n                scrollContainer.style.transform = `translateX(${translateX}px)`;\r\n            });\r\n        }\r\n        else if (!isSticky && !isPositionAbsolute) {\r\n            \/\/ Reset transform when not sticky and not absolute\r\n            requestAnimationFrame(() => {\r\n                scrollContainer.style.transform = 'translateX(0)';\r\n            });\r\n        }\r\n    }\r\n\r\n    if (scrollContainer && scrollContainerParent && stickySection) {\r\n        window.addEventListener('scroll', handleScroll);\r\n        \/\/ Initial call to set up the correct transform\r\n        handleScroll();\r\n    } else {\r\n        console.error('.scroll-container, .scroll-container-parent, or .sticky-section not found!');\r\n    }\r\n});\r\n<\/script>\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<div class=\"elementor-element elementor-element-828f5cd e-flex e-con-boxed e-con e-parent\" data-id=\"828f5cd\" 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-233510e e-con-full e-flex e-con e-child\" data-id=\"233510e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f2c81e elementor-widget elementor-widget-heading\" data-id=\"8f2c81e\" 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\">\u201cBeing truly unique means doing what no one else dares to do.\u201d - Sylvain<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed5980f elementor-widget elementor-widget-button\" data-id=\"ed5980f\" 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 elementor-animation-grow\" href=\"https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/about-me\/\">\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\">About me<\/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<div class=\"elementor-element elementor-element-d1001b8 e-con-full e-flex e-con e-child\" data-id=\"d1001b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43bf9a0 elementor-widget elementor-widget-image\" data-id=\"43bf9a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"632\" src=\"https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/wp-content\/uploads\/2025\/02\/IMG_8792-768x632.png\" class=\"attachment-medium_large size-medium_large wp-image-1902\" alt=\"\" srcset=\"https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/wp-content\/uploads\/2025\/02\/IMG_8792-768x632.png 768w, https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/wp-content\/uploads\/2025\/02\/IMG_8792-300x247.png 300w, https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/wp-content\/uploads\/2025\/02\/IMG_8792-1024x843.png 1024w, https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/wp-content\/uploads\/2025\/02\/IMG_8792.png 1365w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b543ba3 e-flex e-con-boxed e-con e-parent\" data-id=\"b543ba3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ae134d e-flex e-con-boxed e-con e-parent\" data-id=\"1ae134d\" 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-89a14af elementor-widget elementor-widget-spacer\" data-id=\"89a14af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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>HELLO MY SYLVAIN NAME IS TJOKROREDJO AND I AM A\u2009\u2009 E-COMMERCE DESIGNER., UI\/UX DESIGNER., MOTION DESIGNER. PROJECTS Every project tells part of my journey\u00a0 from learning and experimenting to finding creative solutions. This is where I bring my ideas and passion to life. Pils&amp;Poets Branding &amp; Web design Firststep E-learning to sell Van Boven Illustrator [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1579","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/wp-json\/wp\/v2\/pages\/1579","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/wp-json\/wp\/v2\/comments?post=1579"}],"version-history":[{"count":515,"href":"https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/wp-json\/wp\/v2\/pages\/1579\/revisions"}],"predecessor-version":[{"id":3155,"href":"https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/wp-json\/wp\/v2\/pages\/1579\/revisions\/3155"}],"wp:attachment":[{"href":"https:\/\/37387.hosts1.ma-cloud.nl\/portfolio\/wp-json\/wp\/v2\/media?parent=1579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}