<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/b5249ba32485b422.css" crossorigin="" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-d59e40ed32932b2b.js" crossorigin=""/><script src="/_next/static/chunks/fd9d1056-ed8e252421f3ae38.js" async="" crossorigin=""></script><script src="/_next/static/chunks/472-3f3b8eda5396bd6a.js" async="" crossorigin=""></script><script src="/_next/static/chunks/main-app-892c3dff08e9cd4c.js" async="" crossorigin=""></script><script src="/_next/static/chunks/c15bf2b0-69d41aa00fd7e843.js" async=""></script><script src="/_next/static/chunks/631-f2d605106df55e5d.js" async=""></script><script src="/_next/static/chunks/app/page-6bf0065054edc535.js" async=""></script><title>Sjors Roelofs – Front-end developer</title><meta name="description" content="I’m a Dutch front-end developer and partner at Studio Encode. Interested in a collaboration? Let’s get in contact!"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="16x16"/><meta name="next-size-adjust"/><script src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js" crossorigin="" noModule=""></script></head><body class="__className_aaf875"><div id="smooth-wrapper"><div id="smooth-content"><div class="home-wrapper"><div class="home-start"><h1 class="home-start__title jsStartTitle">Hi, i’m Sjors Roelofs</h1></div><div class="home-main jsHomeMain"><span class="home-main__please-scroll jsScrollDown"><span class="mobile">Scroll down</span><span class="desktop">Scrolling down is not a crime</span></span><div class="home-main__inner"><div class="home-main__avatar"><img alt="Sjors Roelofs" loading="lazy" width="512" height="512" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fsjors.png&amp;w=640&amp;q=75 1x, /_next/image?url=%2Fimages%2Fsjors.png&amp;w=1080&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fsjors.png&amp;w=1080&amp;q=75"/></div><h2 class="home-main__title">I’m a Dutch front-end developer and partner at <a href="https://encode.nl/" target="_blank">Studio Encode</a></h2><div class="home-main__intro default-styles"><p>I’m on a mission 👨🏻‍🚀 to <span class="tooltip"><span class="tooltip__title">simplify the internet</span><span class="tooltip__desc default-styles"><span class="arrow"></span><span class="text"><span>Keep it simple, stupid (KISS) is a design principle which states that designs and/or systems should be as simple as possible. Wherever possible, complexity should be avoided in a system—as simplicity guarantees the greatest levels of user acceptance and interaction.</span><span><small><em><a href="https://www.interaction-design.org/literature/topics/keep-it-simple-stupid" target="_blank">source</a></em></small></span></span></span></span>. Surrounded by creative minds, we tend to come up with some amazing and crazy ideas to launch a new website or app – which easily leads to increased complexity in a system.</p><p>My objective is to bring things back to the basics, while still embracing creative ideas to come up with innovative and inspiring solutions that end-users will understand – while <span class="tooltip"><span class="tooltip__title">keeping costs low</span><span class="tooltip__desc default-styles"><span class="arrow"></span><span class="text"><span>I&#x27;m Dutch, so trust me on this one 🧀</span></span></span></span> and maintenance easy.</p></div><div class="title-text-box"><h3 class="title-text-box__title">Technologies &amp; Tools</h3><div class="title-text-box__desc default-styles"><p>Below, you&#x27;ll find some of the technologies and tools I use on a daily basis.</p></div><ul class="title-text-box__sub title-text-box__tags"><li class="tag">HTML</li><li class="tag">CSS with Sass</li><li class="tag">JavaScript</li><li class="tag">PHP</li><li class="tag">React</li><li class="tag">React Native</li><li class="tag">WordPress</li><li class="tag">GSAP</li><li class="tag">Barba.js</li><li class="tag tag--alt">Visual Studio Code</li><li class="tag tag--alt">Figma</li><li class="tag tag--alt">Tower</li><li class="tag tag--alt">Bitbucket</li><li class="tag tag--alt">Buddy.Works</li><li class="tag tag--alt">OSX</li><li class="tag tag--alt">Linux</li></ul></div><div class="project-list"><h3 class="project-list__title">Recent projects</h3><ul class="project-list__list"><li class="list-project"><span class="list-project__title">Buro Harro</span><div class="list-project__desc default-styles"><p>For Buro Harro we developed a responsive website to showcase their amazing architectural work. The result is a website in which minimal animations trigger the right feeling.</p></div><div class="list-project__btn-wrapper"><a href="https://buroharro.nl/" target="_blank" class="btn btn--alt"><span>website</span><span class="btn__arrow" style="background-image:url(/_next/static/media/btn-arrow.538179f0.svg)"></span></a></div><ul class="list-project__tags"><li class="tag tag--small tag--grey">WordPress</li><li class="tag tag--small tag--grey">GSAP</li><li class="tag tag--small tag--grey">Barba.js</li></ul></li><li class="list-project"><span class="list-project__title">Rutgers Political Voting Guide 2023</span><div class="list-project__desc default-styles"><p>For Rutgers, we developed a web application that helps visitors to find out what the different political parties think about sex and sexuality.</p></div><div class="list-project__btn-wrapper"><a href="https://politiekesekswijzer.nl/" target="_blank" class="btn btn--alt"><span>website</span><span class="btn__arrow" style="background-image:url(/_next/static/media/btn-arrow.538179f0.svg)"></span></a></div><ul class="list-project__tags"><li class="tag tag--small tag--grey">React</li><li class="tag tag--small tag--grey">WordPress</li></ul></li><li class="list-project"><span class="list-project__title">Alliander Tech Day online event platform</span><div class="list-project__desc default-styles"><p>In response to the constraints on traditional offline events imposed by the Corona crisis, we developed a virtual, real-time, online event platform to facilitate remote event hosting. This resulted in a highly interactive experience for more than 700 concurrent users.</p></div><div class="list-project__btn-wrapper"><a href="https://encode.nl/projects/alliander-technische-dag/" target="_blank" class="btn btn--alt"><span>demo</span><span class="btn__arrow" style="background-image:url(/_next/static/media/btn-arrow.538179f0.svg)"></span></a></div><ul class="list-project__tags"><li class="tag tag--small tag--grey">GSAP</li><li class="tag tag--small tag--grey">Codeigniter</li><li class="tag tag--small tag--grey">API-development</li><li class="tag tag--small tag--grey">Web server config and monitoring</li><li class="tag tag--small tag--grey">3D integration</li></ul></li><li class="list-project"><span class="list-project__title">Open Source Radio mobile app</span><div class="list-project__desc default-styles"><p>Open Source Radio is an online radio station, serving you the finest in Electronic Music, Hiphop and Culture. The OSR mobile application enhances the listener&#x27;s experience by providing optimal access to their 24/7 audio stream, a calendar and the ability to stream to a Chromecast.</p></div><div class="list-project__btn-wrapper"><a href="https://opensourceradio.nl/download-the-osr-app/" target="_blank" class="btn btn--alt"><span>download</span><span class="btn__arrow" style="background-image:url(/_next/static/media/btn-arrow.538179f0.svg)"></span></a></div><ul class="list-project__tags"><li class="tag tag--small tag--grey">React Native</li><li class="tag tag--small tag--grey">GSAP</li><li class="tag tag--small tag--grey">API-development</li></ul></li></ul></div><div class="title-text-box"><h3 class="title-text-box__title">Contact me</h3><div class="title-text-box__desc title-text-box__desc--small default-styles"><p>Interested in a collaboration? Let’s get in contact, or join me on a mountainbike-ride through the beautiful Dutch nature (if you dare).</p></div><div class="title-text-box__sub title-text-box__btn-wrapper"><a href="https://www.linkedin.com/in/sjorsroelofs/" target="_blank" class="btn btn--alt"><span>linkedin</span><span class="btn__arrow" style="background-image:url(/_next/static/media/btn-arrow.538179f0.svg)"></span></a><a href="https://www.instagram.com/sjorsroelofs/" target="_blank" class="btn btn--alt"><span>instagram</span><span class="btn__arrow" style="background-image:url(/_next/static/media/btn-arrow.538179f0.svg)"></span></a></div></div></div><div class="home-main__footer"><span>Thanks for watching!  🍿</span></div></div></div></div></div><script src="/_next/static/chunks/webpack-d59e40ed32932b2b.js" crossorigin="" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/css/b5249ba32485b422.css\",\"style\",{\"crossOrigin\":\"\"}]\n0:\"$L3\"\n"])</script><script>self.__next_f.push([1,"4:I[3728,[],\"\"]\n6:I[9928,[],\"\"]\n7:I[6954,[],\"\"]\n8:I[7264,[],\"\"]\na:I[1800,[\"922\",\"static/chunks/c15bf2b0-69d41aa00fd7e843.js\",\"631\",\"static/chunks/631-f2d605106df55e5d.js\",\"931\",\"static/chunks/app/page-6bf0065054edc535.js\"],\"\"]\nb:I[1076,[\"922\",\"static/chunks/c15bf2b0-69d41aa00fd7e843.js\",\"631\",\"static/chunks/631-f2d605106df55e5d.js\",\"931\",\"static/chunks/app/page-6bf0065054edc535.js\"],\"\"]\nc:I[413,[\"922\",\"static/chunks/c15bf2b0-69d41aa00fd7e843.js\",\"631\",\"static/chunks/631-f2d605106df55e5d.js\",\"931\",\"static/ch"])</script><script>self.__next_f.push([1,"unks/app/page-6bf0065054edc535.js\"],\"Image\"]\nd:I[5599,[\"922\",\"static/chunks/c15bf2b0-69d41aa00fd7e843.js\",\"631\",\"static/chunks/631-f2d605106df55e5d.js\",\"931\",\"static/chunks/app/page-6bf0065054edc535.js\"],\"\"]\n"])</script><script>self.__next_f.push([1,"3:[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/b5249ba32485b422.css\",\"precedence\":\"next\",\"crossOrigin\":\"\"}]],[\"$\",\"$L4\",null,{\"buildId\":\"xtbqoGSm-qbnpTr2sj8tU\",\"assetPrefix\":\"\",\"initialCanonicalUrl\":\"/\",\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialHead\":[false,\"$L5\"],\"globalErrorComponent\":\"$6\",\"children\":[null,[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"__className_aaf875\",\"children\":[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"loadingScripts\":\"$undefined\",\"hasLoading\":false,\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[],\"childProp\":{\"current\":[\"$L9\",[\"$\",\"$La\",null,{\"contents\":[\"$\",\"$Lb\",null,{\"contents\":[[\"$\",\"div\",null,{\"className\":\"home-start\",\"children\":[\"$\",\"h1\",null,{\"className\":\"home-start__title jsStartTitle\",\"children\":\"Hi, i’m Sjors Roelofs\"}]}],[\"$\",\"div\",null,{\"className\":\"home-main jsHomeMain\",\"children\":[[\"$\",\"span\",null,{\"className\":\"home-main__please-scroll jsScrollDown\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mobile\",\"children\":\"Scroll down\"}],[\"$\",\"span\",null,{\"className\":\"desktop\",\"children\":\"Scrolling down is not a crime\"}]]}],[\"$\",\"div\",null,{\"className\":\"home-main__inner\",\"children\":[[\"$\",\"div\",null,{\"className\":\"home-main__avatar\",\"children\":[\"$\",\"$Lc\",null,{\"src\":\"/images/sjors.png\",\"width\":512,\"height\":512,\"alt\":\"Sjors Roelofs\"}]}],[\"$\",\"h2\",null,{\"className\":\"home-main__title\",\"children\":[\"I’m a Dutch front-end developer and partner at \",[\"$\",\"a\",null,{\"href\":\"https://encode.nl/\",\"target\":\"_blank\",\"children\":\"Studio Encode\"}]]}],[\"$\",\"div\",null,{\"className\":\"home-main__intro default-styles\",\"children\":[[\"$\",\"p\",null,{\"children\":[\"I’m on a mission 👨🏻‍🚀 to \",[\"$\",\"$Ld\",null,{\"title\":\"simplify the internet\",\"description\":\"Keep it simple, stupid (KISS) is a design principle which states that designs and/or systems should be as simple as possible. Wherever possible, complexity should be avoided in a system—as simplicity guarantees the greatest levels of user acceptance and interaction.\",\"source\":\"https://www.interaction-design.org/literature/topics/keep-it-simple-stupid\"}],\". Surrounded by creative minds, we tend to come up with some amazing and crazy ideas to launch a new website or app – which easily leads to increased complexity in a system.\"]}],[\"$\",\"p\",null,{\"children\":[\"My objective is to bring things back to the basics, while still embracing creative ideas to come up with innovative and inspiring solutions that end-users will understand – while \",[\"$\",\"$Ld\",null,{\"title\":\"keeping costs low\",\"description\":\"I'm Dutch, so trust me on this one 🧀\"}],\" and maintenance easy.\"]}]]}],[\"$\",\"div\",null,{\"className\":\"title-text-box\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"title-text-box__title\",\"children\":\"Technologies \u0026 Tools\"}],[\"$\",\"div\",null,{\"className\":\"title-text-box__desc default-styles\",\"children\":[\"$\",\"p\",null,{\"children\":\"Below, you'll find some of the technologies and tools I use on a daily basis.\"}]}],[\"$\",\"ul\",null,{\"className\":\"title-text-box__sub title-text-box__tags\",\"children\":[[\"$\",\"li\",null,{\"className\":\"tag\",\"children\":\"HTML\"}],[\"$\",\"li\",null,{\"className\":\"tag\",\"children\":\"CSS with Sass\"}],[\"$\",\"li\",null,{\"className\":\"tag\",\"children\":\"JavaScript\"}],[\"$\",\"li\",null,{\"className\":\"tag\",\"children\":\"PHP\"}],[\"$\",\"li\",null,{\"className\":\"tag\",\"children\":\"React\"}],[\"$\",\"li\",null,{\"className\":\"tag\",\"children\":\"React Native\"}],[\"$\",\"li\",null,{\"className\":\"tag\",\"children\":\"WordPress\"}],[\"$\",\"li\",null,{\"className\":\"tag\",\"children\":\"GSAP\"}],[\"$\",\"li\",null,{\"className\":\"tag\",\"children\":\"Barba.js\"}],[\"$\",\"li\",null,{\"className\":\"tag tag--alt\",\"children\":\"Visual Studio Code\"}],[\"$\",\"li\",null,{\"className\":\"tag tag--alt\",\"children\":\"Figma\"}],[\"$\",\"li\",null,{\"className\":\"tag tag--alt\",\"children\":\"Tower\"}],[\"$\",\"li\",null,{\"className\":\"tag tag--alt\",\"children\":\"Bitbucket\"}],[\"$\",\"li\",null,{\"className\":\"tag tag--alt\",\"children\":\"Buddy.Works\"}],[\"$\",\"li\",null,{\"className\":\"tag tag--alt\",\"children\":\"OSX\"}],[\"$\",\"li\",null,{\"className\":\"tag tag--alt\",\"children\":\"Linux\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"project-list\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"project-list__title\",\"children\":\"Recent projects\"}],[\"$\",\"ul\",null,{\"className\":\"project-list__list\",\"children\":[[\"$\",\"li\",null,{\"className\":\"list-project\",\"children\":[[\"$\",\"span\",null,{\"className\":\"list-project__title\",\"children\":\"Buro Harro\"}],[\"$\",\"div\",null,{\"className\":\"list-project__desc default-styles\",\"children\":[\"$\",\"p\",null,{\"children\":\"For Buro Harro we developed a responsive website to showcase their amazing architectural work. The result is a website in which minimal animations trigger the right feeling.\"}]}],[\"$\",\"div\",null,{\"className\":\"list-project__btn-wrapper\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://buroharro.nl/\",\"target\":\"_blank\",\"className\":\"btn btn--alt\",\"children\":[[\"$\",\"span\",null,{\"children\":\"website\"}],[\"$\",\"span\",null,{\"className\":\"btn__arrow\",\"style\":{\"backgroundImage\":\"url(/_next/static/media/btn-arrow.538179f0.svg)\"}}]]}]}],[\"$\",\"ul\",null,{\"className\":\"list-project__tags\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"tag tag--small tag--grey\",\"children\":\"WordPress\"}],[\"$\",\"li\",\"1\",{\"className\":\"tag tag--small tag--grey\",\"children\":\"GSAP\"}],[\"$\",\"li\",\"2\",{\"className\":\"tag tag--small tag--grey\",\"children\":\"Barba.js\"}]]}]]}],[\"$\",\"li\",null,{\"className\":\"list-project\",\"children\":[[\"$\",\"span\",null,{\"className\":\"list-project__title\",\"children\":\"Rutgers Political Voting Guide 2023\"}],[\"$\",\"div\",null,{\"className\":\"list-project__desc default-styles\",\"children\":[\"$\",\"p\",null,{\"children\":\"For Rutgers, we developed a web application that helps visitors to find out what the different political parties think about sex and sexuality.\"}]}],[\"$\",\"div\",null,{\"className\":\"list-project__btn-wrapper\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://politiekesekswijzer.nl/\",\"target\":\"_blank\",\"className\":\"btn btn--alt\",\"children\":[[\"$\",\"span\",null,{\"children\":\"website\"}],[\"$\",\"span\",null,{\"className\":\"btn__arrow\",\"style\":{\"backgroundImage\":\"url(/_next/static/media/btn-arrow.538179f0.svg)\"}}]]}]}],[\"$\",\"ul\",null,{\"className\":\"list-project__tags\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"tag tag--small tag--grey\",\"children\":\"React\"}],[\"$\",\"li\",\"1\",{\"className\":\"tag tag--small tag--grey\",\"children\":\"WordPress\"}]]}]]}],[\"$\",\"li\",null,{\"className\":\"list-project\",\"children\":[[\"$\",\"span\",null,{\"className\":\"list-project__title\",\"children\":\"Alliander Tech Day online event platform\"}],[\"$\",\"div\",null,{\"className\":\"list-project__desc default-styles\",\"children\":[\"$\",\"p\",null,{\"children\":\"In response to the constraints on traditional offline events imposed by the Corona crisis, we developed a virtual, real-time, online event platform to facilitate remote event hosting. This resulted in a highly interactive experience for more than 700 concurrent users.\"}]}],[\"$\",\"div\",null,{\"className\":\"list-project__btn-wrapper\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://encode.nl/projects/alliander-technische-dag/\",\"target\":\"_blank\",\"className\":\"btn btn--alt\",\"children\":[[\"$\",\"span\",null,{\"children\":\"demo\"}],[\"$\",\"span\",null,{\"className\":\"btn__arrow\",\"style\":{\"backgroundImage\":\"url(/_next/static/media/btn-arrow.538179f0.svg)\"}}]]}]}],[\"$\",\"ul\",null,{\"className\":\"list-project__tags\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"tag tag--small tag--grey\",\"children\":\"GSAP\"}],[\"$\",\"li\",\"1\",{\"className\":\"tag tag--small tag--grey\",\"children\":\"Codeigniter\"}],[\"$\",\"li\",\"2\",{\"className\":\"tag tag--small tag--grey\",\"children\":\"API-development\"}],[\"$\",\"li\",\"3\",{\"className\":\"tag tag--small tag--grey\",\"children\":\"Web server config and monitoring\"}],[\"$\",\"li\",\"4\",{\"className\":\"tag tag--small tag--grey\",\"children\":\"3D integration\"}]]}]]}],[\"$\",\"li\",null,{\"className\":\"list-project\",\"children\":[[\"$\",\"span\",null,{\"className\":\"list-project__title\",\"children\":\"Open Source Radio mobile app\"}],[\"$\",\"div\",null,{\"className\":\"list-project__desc default-styles\",\"children\":[\"$\",\"p\",null,{\"children\":\"Open Source Radio is an online radio station, serving you the finest in Electronic Music, Hiphop and Culture. The OSR mobile application enhances the listener's experience by providing optimal access to their 24/7 audio stream, a calendar and the ability to stream to a Chromecast.\"}]}],[\"$\",\"div\",null,{\"className\":\"list-project__btn-wrapper\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://opensourceradio.nl/download-the-osr-app/\",\"target\":\"_blank\",\"className\":\"btn btn--alt\",\"children\":[[\"$\",\"span\",null,{\"children\":\"download\"}],[\"$\",\"span\",null,{\"className\":\"btn__arrow\",\"style\":{\"backgroundImage\":\"url(/_next/static/media/btn-arrow.538179f0.svg)\"}}]]}]}],[\"$\",\"ul\",null,{\"className\":\"list-project__tags\",\"children\":[[\"$\",\"li\",\"0\",{\"className\":\"tag tag--small tag--grey\",\"children\":\"React Native\"}],[\"$\",\"li\",\"1\",{\"className\":\"tag tag--small tag--grey\",\"children\":\"GSAP\"}],[\"$\",\"li\",\"2\",{\"className\":\"tag tag--small tag--grey\",\"children\":\"API-development\"}]]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"title-text-box\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"title-text-box__title\",\"children\":\"Contact me\"}],[\"$\",\"div\",null,{\"className\":\"title-text-box__desc title-text-box__desc--small default-styles\",\"children\":[\"$\",\"p\",null,{\"children\":\"Interested in a collaboration? Let’s get in contact, or join me on a mountainbike-ride through the beautiful Dutch nature (if you dare).\"}]}],[\"$\",\"div\",null,{\"className\":\"title-text-box__sub title-text-box__btn-wrapper\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/in/sjorsroelofs/\",\"target\":\"_blank\",\"className\":\"btn btn--alt\",\"children\":[[\"$\",\"span\",null,{\"children\":\"linkedin\"}],[\"$\",\"span\",null,{\"className\":\"btn__arrow\",\"style\":{\"backgroundImage\":\"url(/_next/static/media/btn-arrow.538179f0.svg)\"}}]]}],[\"$\",\"a\",null,{\"href\":\"https://www.instagram.com/sjorsroelofs/\",\"target\":\"_blank\",\"className\":\"btn btn--alt\",\"children\":[[\"$\",\"span\",null,{\"children\":\"instagram\"}],[\"$\",\"span\",null,{\"className\":\"btn__arrow\",\"style\":{\"backgroundImage\":\"url(/_next/static/media/btn-arrow.538179f0.svg)\"}}]]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"home-main__footer\",\"children\":[\"$\",\"span\",null,{\"children\":\"Thanks for watching!  🍿\"}]}]]}]]}]}],null],\"segment\":\"__PAGE__\"},\"styles\":null}]}]}],null]}]]\n"])</script><script>self.__next_f.push([1,"5:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Sjors Roelofs – Front-end developer\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"I’m a Dutch front-end developer and partner at Studio Encode. Interested in a collaboration? Let’s get in contact!\"}],[\"$\",\"link\",\"4\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"16x16\"}],[\"$\",\"meta\",\"5\",{\"name\":\"next-size-adjust\"}]]\n9:null\n"])</script><script>self.__next_f.push([1,""])</script></body></html>