mirror of
https://github.com/hazemKrimi/personal-website.git
synced 2026-05-01 18:00:26 +00:00
1 line
1.0 KiB
JavaScript
1 line
1.0 KiB
JavaScript
(()=>{function i(){const o=t.getBoundingClientRect().x;s.querySelector(e?"#burger":"#close").style.display="none",s.querySelector(e?"#close":"#burger").style.display="block",t.style.position=e?"fixed":"initial",t.style.top=e?"0px":"initial",t.style.left=e?`${o}px`:"initial",n.style.display=e?"flex":"none",n.style.top=e?`calc(${t.getBoundingClientRect().y}px + ${t.getBoundingClientRect().height}px)`:"initial",n.style.left=e?`${o}px`:"initial",document.querySelector("main").style.marginTop=e?`calc(${t.getBoundingClientRect().height}px + 3rem)`:"0px"}function a(){e=!e,i()}function o(){e=!1,i()}function r(){window.innerWidth>1024&&o()}function c(e){n.style.display==="flex"&&e.target!==t&&e.target!==n&&!n.contains(e.target)&&!s.contains(e.target)&&o()}var s=document.querySelector("#nav-toggler"),t=document.querySelector("header"),n=document.querySelector("nav"),e=!1;window.addEventListener("resize",r),document.addEventListener("DOMContentLoaded",o),document.addEventListener("click",c),s.addEventListener("click",a)})() |