28196eaedc653e9da251.js

import"./sass/main.scss";import canvasDots from"./heroCanvas.js";import canvasDotsBg from"./bgCanvas.js";function aboutFadeIn(e,t){e.forEach((e=>{if(e.isIntersecting&&document.body.scrollWidth>1300){document.querySelector(".profile").classList.add("profile__fade-in");const e=e=>new Promise((t=>setTimeout(t,e)));e(1e3).then((()=>{document.querySelector(".skills__item--html").classList.add("skills__item-fade-in")})),e(1100).then((()=>{document.querySelector(".skills__item--webpack").classList.add("skills__item-fade-in")})),e(1200).then((()=>{document.querySelector(".skills__item--js").classList.add("skills__item-fade-in")})),e(1300).then((()=>{document.querySelector(".skills__item--git").classList.add("skills__item-fade-in")})),e(1400).then((()=>{document.querySelector(".skills__item--sass").classList.add("skills__item-fade-in")})),e(1500).then((()=>{document.querySelector(".skills__item--npm").classList.add("skills__item-fade-in")})),e(1600).then((()=>{document.querySelector(".skills__item--python").classList.add("skills__item-fade-in")})),e(1700).then((()=>{document.querySelector(".skills__item--react").classList.add("skills__item-fade-in")})),e(1800).then((()=>{document.querySelector(".skills__item--r").classList.add("skills__item-fade-in")})),e(1900).then((()=>{document.querySelector(".skills__item--css").classList.add("skills__item-fade-in")}))}}))}window.onload=function(){canvasDotsBg(),canvasDots()};let options={root:null,rootMargin:"0px",threshold:.5},options2={root:null,rootMargin:"0px",threshold:.2},observer=new IntersectionObserver(aboutFadeIn,options);observer.observe(document.querySelector(".about__content"));const navLinks=document.querySelectorAll(".navigation__item");function navFadeIn(e,t){e.forEach((e=>{e.isIntersecting&&(navLinks.forEach((e=>{e.classList.remove("navigation__item--active")})),document.querySelector(`#nav-${e.target.id}`).classList.add("navigation__item--active"))}))}function navFadeInProjects(e,t){e.forEach((e=>{e.isIntersecting&&(navLinks.forEach((e=>{e.classList.remove("navigation__item--active")})),document.querySelector(`#nav-${e.target.id}`).classList.add("navigation__item--active"))}))}let observerNav=new IntersectionObserver(navFadeIn,options);observerNav.observe(document.querySelector("#hero")),observerNav.observe(document.querySelector("#about")),observerNav.observe(document.querySelector("#contact"));let observerNavProjects=new IntersectionObserver(navFadeInProjects,options2);observerNavProjects.observe(document.querySelector("#projects"));