| }</style></head><body><div id="loading-screen" class="loading-screen" aria-live="polite" aria-busy="true"><div class="loading-screen__container"><div class="loading-screen__container__loader-wrapper"><span class="loading-screen__container__loader-wrapper__circle loading-screen__container__loader-wrapper__circle--1"></span> <span class="loading-screen__container__loader-wrapper__circle loading-screen__container__loader-wrapper__circle--2"></span></div><p>Michal Zalobny Portfolio</p></div></div><header class="layout-panel layout-panel--top" role="banner"><nav class="c-large layout-panel__container" aria-label="Main navigation"><div class="layout-panel__container__left"><h1 class="layout-panel__title"><a class="underline" data-brand-btn href="/">Michal Zalobny Portfolio</a></h1></div><div class="layout-panel__container__right"><div class="layout-panel__items-box"><a data-home-btn href="/" class="home-btn"><span class="collapse"><span class="collapse__container collapse__container--active"><span class="underline">Home</span></span></span></a></div><div class="layout-panel__items-box m-left"><button class="about-btn" data-about-btn aria-expanded="false" aria-pressed="false"><span class="about-btn__wrapper"><span class="underline about-btn__label-default">About</span> <span class="underline about-btn__label-close">Close</span></span></button></div><div class="layout-panel__items-box"><a class="underline m-left hide-mobile" href="mailto:michal.zalobny@gmail.com">michal.zalobny@gmail.com</a></div></div></nav></header><div data-transition-indicator><div></div></div><main><div data-transition-wrapper><article data-transition-page-id="YONEX 75th" data-transition-page-name="case-study"><article data-amount-of-cards="33" data-order-in-array="0" data-3d-el="case-study-page-wrapper" class="case-study-page__wrapper"><section class="c-large"><div data-scrollable="true" class="case-study-page__content-wrapper"><aside class="case-study-page__content-wrapper__left"><h2 class="case-study-page__content-wrapper__title" data-animation="paragraph">YONEX 75th</h2><div class="case-study-page__content-wrapper__details-wrapper"><div class="info-detail"><article class="info-detail__wrapper"><h3 data-animation="paragraph" class="info-detail__wrapper__title">Date</h3><p data-animation="paragraph" class="info-detail__wrapper__content">2021</p></article></div><div class="info-detail"><article class="info-detail__wrapper"><h3 data-animation="paragraph" class="info-detail__wrapper__title">Company</h3><p data-animation="paragraph" class="info-detail__wrapper__content">Yonex, Monopo, Le Polish Bureau</p></article></div><div class="info-detail"><article class="info-detail__wrapper"><h3 data-animation="paragraph" class="info-detail__wrapper__title">Technologies</h3><p data-animation="paragraph" class="info-detail__wrapper__content">NextJS, Framer Motion, WebGL, JavaScript / TypeScript, Canvas API</p></article></div><div class="info-detail"><article class="info-detail__wrapper"><h3 data-animation="paragraph" class="info-detail__wrapper__title">Role</h3><p data-animation="paragraph" class="info-detail__wrapper__content">Development</p></article></div><div class="info-detail"><article class="info-detail__wrapper"><h3 data-animation="paragraph" class="info-detail__wrapper__title">Description</h3><p data-animation="paragraph" class="info-detail__wrapper__content">A website created to celebrate YONEX’s 75th anniversary. There were two versions created for European and Chinese market with slightly changed designs. The project features spiral scrolling as well as horizontal scroll.</p></article></div></div></aside><section class="case-study-page__content-wrapper__right"><figure data-3d-el="case-study-page-image-wrapper" class="case-study-page__image-wrapper"><img src="https://images.prismic.io/personal-portfolio-final/1e918104-6b61-4159-b9af-6736084a0aa7_26.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576" alt="YONEX 75th"><video tabindex="-1" muted="muted" controls preload="auto" playsinline><source src="https://personal-portfolio-final.cdn.prismic.io/personal-portfolio-final/9f490981-6cac-4495-8cf0-32417544b894_yonex+edited.mp4" type="video/mp4">Your browser does not support the video tag.</video><div class="case-study-page__image-wrapper__load-banner"><p>Loading Video</p></div><button aria-label="Play video"><div><span>Play</span></div></button></figure><div class="case-study-page__controls-wrapper"><div class="case-study-page__controls-wrapper__box"><a aria-hidden="true" href="/case-study/constellation" data-img-src="https://images.prismic.io/personal-portfolio-final/ea08a37f-575a-4450-886d-31a67b8efc6a_14.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576" class="case-study-page__controls-wrapper__box__button case-study-page__controls-wrapper__box__button--prev"><span class="visually-hidden" aria-label="Go to the previous project case study: Constellation">Previous project: Constellation</span> <span data-animation="paragraph" class="case-study-page__controls-wrapper__box__button__label">Previous project</span> <span data-animation="paragraph" class="case-study-page__controls-wrapper__box__button__value">Constellation</span> </a><a aria-hidden="true" href="/case-study/superunion-com" data-img-src="https://images.prismic.io/personal-portfolio-final/2685353f-6b71-4018-9087-3be3dde1967e_33.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576" class="case-study-page__controls-wrapper__box__button case-study-page__controls-wrapper__box__button--next"><span class="visually-hidden" aria-label="Go to the next project case study: Superunion.com">Next project: Superunion.com</span> <span data-animation="paragraph" class="case-study-page__controls-wrapper__box__button__label">Next project</span> <span data-animation="paragraph" class="case-study-page__controls-wrapper__box__button__value">Superunion.com</span></a></div></div></section></div></section></article></article></div></main><section data-about-me-section class="about-me about-me--hidden" aria-hidden="true"><div class="c-medium about-me__container"><p class="about-me__container__description">Hi! I'm <strong>Michal Zalobny</strong>, a 22-year-old <strong>WebGL & Frontend engineer</strong> with over 5 years of expertise in JavaScript/TypeScript, 3D Math, GPU shader coding and animation. I'm proficient with modern frameworks and industry-standard libraries like NextJS. Currently based in the UK <strong>pursuing a Master's degree in Computer Science</strong>.</p><p class="about-me__container__description about-me__container__description--margin-top">I am also <strong>in search of a full-time position</strong> as a Software/WebGL Engineer, with availability starting from July 2024. If you're interested in working with me, please feel free to contact me via email or through my social media profiles listed below.</p><p class="about-me__container__extra-info">This website is a selected collection of my personal and professional projects. It was hand crafted from scratch including a custom made library for page transitions. No frameworks were used.</p><p class="about-me__container__extra-info">Designed and developed by me.</p><address class="about-me__container__address"><a class="about-me__container__address__link" href="https://twitter.com/michalzalobny" rel="noopener noreferrer" aria-label="Follow me on Twitter" target="_blank"><span class="underline">Twitter ↗</span> </a><a class="about-me__container__address__link" href="https://www.instagram.com/michalzalobny/" rel="noopener noreferrer" target="_blank" aria-label="Follow me on Instagram"><span class="underline">Instagram ↗</span> </a><a class="about-me__container__address__link" href="https://www.linkedin.com/in/michal-zalobny-1a8257204/" rel="noopener noreferrer" target="_blank" aria-label="Add me on LinkedIn"><span class="underline">LinkedIn ↗</span> </a><a class="about-me__container__address__link" href="https://github.com/michalzalobny" rel="noopener noreferrer" target="_blank" aria-label="Follow me on GitHub"><span class="underline">GitHub ↗</span></a></address></div></section><div class="state-control-container hide hide--active" aria-live="polite"><div class="state-control-wrapper"><span class="state-control-button__bubble"></span> <button data-3d-el="landing-state-control" data-pos-state="list" class="state-control-button" aria-pressed="false">List</button> <button data-3d-el="landing-state-control" data-pos-state="stack" class="state-control-button" aria-pressed="false">Stack</button> <button data-3d-el="landing-state-control" data-pos-state="globe" class="state-control-button" aria-pressed="false">Globe</button></div></div><footer class="layout-panel layout-panel--bottom"><div class="c-large layout-panel__container align-end"><div class="layout-panel__container__left"><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 01</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">YONEX 75th</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 02</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Superunion.com</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 03</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Lin Dan X YONEX: The Memories We Shared</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 04</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Exploding Particles</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 05</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Fire Particle System FBO</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 06</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Star Shower</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 07</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Card Leader</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 08</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Raymarching Engine Visualiser</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 09</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Heroes Motion Carousel</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 10</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Unique Collection</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 11</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Food Stack</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 12</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Meta Office</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 13</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Drop Unveil</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 14</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Flow Scroll</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 15</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Shader Blob</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 16</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Orbit Gallery</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 17</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Hero Transitions</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 18</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Stack Tower Game</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 19</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">FBO Cloud Particles</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 20</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Particles In Flight</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 21</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">FBO Instanced Glass</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 22</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">React Just Parallax</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 23</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">First Person Controls</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 24</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Tokyo Night Particles</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 25</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">FBO Physics Particles</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 26</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">GLSL Image Transitions</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 27</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Eternals Agency Backdrop</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 28</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Page Transitions In Pure JS</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 29</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Scroll Spiral</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 30</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Dark Theme Switch</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 31</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Shaders Playground</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 32</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Point Cloud Globe</p></div></div><div data-stack-case-title class="stack-title-container stack-title-container--hidden" aria-label="hidden"><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__label">Project 33</p></div><div class="stack-title-container__wrapper"><p class="stack-title-container__wrapper__title">Constellation</p></div></div></div></div></footer><div class="scroll-progress" aria-hidden="true"><div data-progress-indicator-wrapper class="scroll-progress__indicator-wrapper hide hide--active"><span data-progress-indicator-number class="scroll-progress__indicator-wrapper__progress-number">0%</span></div></div><p id="debug-holder">debug</p><script id="imagesToPreload" type="application/json">["https://images.prismic.io/personal-portfolio-final/1e918104-6b61-4159-b9af-6736084a0aa7_26.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/2685353f-6b71-4018-9087-3be3dde1967e_33.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/edcf4509-437c-4909-a23e-50ce34ae057d_34.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/f9940d23-e633-4157-a2e9-c961df78ae68_7.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/e7175e34-694b-4818-a6bd-f61c4d36f599_8.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/fdd91383-7311-440a-8eb7-2b5f3ad32f36_7.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/9363b53e-7ac0-49bb-94fd-be68efd73c66_26.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/bb8ccae5-cd8b-4018-bd12-3f183ed3d8c8_1.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/e42e31aa-c08d-4722-8881-68d45a9e7092_1.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/a5dad5fb-17d5-4dd6-a74f-f531856647ae_20.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/f01abe3f-fa79-4c83-a414-968a5b213d7f_2.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/21790861-7f34-4078-b9a3-92ad1d1f655f_8.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/49fec465-ccaf-4e81-bdfb-b45b069b1ab2_19.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/7a1c375f-840a-42fd-8abf-024b98845988_24.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/a2a3f3a0-9ddc-4e47-b3c9-42a60d36ff2c_6.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/affce57c-281b-4ebc-8928-3c04f5ef5dd9_10.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/312e6efb-ed7d-4a98-ab01-fca66142ee73_5.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/a73c33d3-69cd-4a20-9e0f-6c545b27704a_15.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/8caa7f62-d843-4059-af36-6f8adedeb0c1_3.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/e2b1ea56-ac41-4254-992a-0ae82cb5948a_25.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/491d73d3-fe31-4deb-8043-d2a79be5b3e0_2.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/242f07a1-0abc-4196-b8b2-f061b71659fb_6.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/c1e640e8-3e69-4e96-a724-3b159bcf9813_9.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/4307ba85-a056-4c61-8d36-27489a48ec33_21.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/8b46a8e8-9a84-4a8d-837c-c77fc4c7963e_16.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/8883d634-44c5-4e95-8ee2-3758dd60dddd_18.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/a165a340-3eae-4302-a19b-d41a69f2f0c0_31.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/778d1fe7-a6cd-41ef-81c6-01182f1d010c_4.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/53bb7d78-34fc-4d5c-ac18-f2c18cb11b1d_11.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/3e3a9a0f-338f-4453-822d-6938ad746ff5_10.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/088817d6-add6-4257-92cf-d1db36682e72_4.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/2f556aa1-f01b-40b3-bf0c-ee8cb9c45629_23.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576","https://images.prismic.io/personal-portfolio-final/ea08a37f-575a-4450-886d-31a67b8efc6a_14.webp?auto=compress,format&rect=0,0,1025,577&w=1024&h=576"]</script><script type="module" defer="defer" src="/js/main.js"></script><script>function loadGoogleAnalytics() { |