index.646bdcd6.js.map

{"mappings":"AAAA,MAAMA,OAAS,CAAC,OAAQ,UAAW,SAAU,QAQ7C,GANAC,SAASC,iBAAiB,KAAKC,SAAQC,IACrCA,EAAGC,iBAAiB,cAAc,KAChCJ,SAASK,gBAAgBC,MAAMC,YAAY,iBAAkBR,OAAOS,UAAU,EAAGT,OAAOU,OAAQ,IAAI,GACpG,IAGAC,WAAW,kBAAkBC,QAAS,CACxC,IAAIC,EACJ,MAAMC,EAAW,CAACC,EAAUC,KACtBH,IAEJA,GAAgB,EAEhBI,YAAW,KACTF,IACAF,GAAgB,CAAK,GACpBG,GAAK,EAGV,SAASP,UAAUS,EAAKC,GACtB,OAAOC,KAAKC,MAAMD,KAAKE,UAAYH,EAAMD,EAAM,IAAOA,C,CAGxD,IAAIK,GAAU,EAEd,MAAMC,EAAYvB,SAASC,iBAAiB,sBAEtCuB,EAAaC,IACjB,MAAMC,EAAIC,MAAMC,QACVC,EAAIF,MAAMG,QACVC,EAAc/B,SAASgC,cAAc,YAE3CD,EAAYzB,MAAM2B,KAAOP,EAAE,KAC3BK,EAAYzB,MAAM4B,IAAML,EAAE,KAE1BhB,GAAU,KACR,GAAGS,EAAS,CACV,MAAMa,EAASZ,EAAUf,UAAU,EAAGe,EAAUd,OAAQ,IAAI2B,aAAa,OACzEL,EAAYM,UAAY,aAAaF,K,IAEtC,IAAI,EAGTnC,SAASgC,cAAc,kBAAkB5B,iBAAiB,cAAc,KACtEkB,GAAU,EACPtB,SAASgC,cAAc,iBACxBhC,SAASgC,cAAc,gBAAgBM,QAAQ,IAEnDtC,SAASgC,cAAc,kBAAkB5B,iBAAiB,cAAc,KACtEkB,GAAU,CAAI,IAEhBtB,SAASgC,cAAc,kBAAkB5B,iBAAiB,YAAaoB,E","sources":["assets/js/main.js"],"sourcesContent":["const colors = ['cyan', 'fuchsia', 'yellow', 'lime'];\n\ndocument.querySelectorAll('a').forEach(el => {\n  el.addEventListener('mouseenter', () => {\n    document.documentElement.style.setProperty('--border-color', colors[randomNum(0, colors.length -1)]);\n  });\n});\n\nif (matchMedia('(pointer:fine)').matches) {\n  let throttleTimer;\n  const throttle = (callback, time) => {\n    if (throttleTimer) return;\n\n    throttleTimer = true;\n\n    setTimeout(() => {\n      callback();\n      throttleTimer = false;\n    }, time);\n  };\n\n  function randomNum(min, max) {\n    return Math.floor(Math.random() * (max - min + 1) ) + min;\n  }\n\n  let mouseIn = false;\n\n  const imagesEls = document.querySelectorAll('.hidden-images img');\n\n  const showImage = (e) => {\n    const x = event.clientX;\n    const y = event.clientY;\n    const maWorkImgEl = document.querySelector('.ma-work');\n\n    maWorkImgEl.style.left = x+'px';\n    maWorkImgEl.style.top = y+'px';\n\n    throttle( () => {\n      if(mouseIn) {\n        const imgSrc = imagesEls[randomNum(0, imagesEls.length -1)].getAttribute('src');\n        maWorkImgEl.innerHTML = `<img src=\"${imgSrc}\">`;\n      }\n    }, 200);\n  };\n\n  document.querySelector('[data-ma-work]').addEventListener('mouseleave', () => {\n    mouseIn = false;\n    if(document.querySelector('.ma-work img'))\n      document.querySelector('.ma-work img').remove();\n  });\n  document.querySelector('[data-ma-work]').addEventListener('mouseenter', () => {\n    mouseIn = true;\n  });\n  document.querySelector('[data-ma-work]').addEventListener('mousemove', showImage);\n}\n"],"names":["colors","document","querySelectorAll","forEach","el","addEventListener","documentElement","style","setProperty","randomNum","length","matchMedia","matches","throttleTimer","throttle","callback","time","setTimeout","min","max","Math","floor","random","mouseIn","imagesEls","showImage","e","x","event","clientX","y","clientY","maWorkImgEl","querySelector","left","top","imgSrc","getAttribute","innerHTML","remove"],"version":3,"file":"index.646bdcd6.js.map"}