Skip to content

Commit e2ca07c

Browse files
committed
base
1 parent c04cdab commit e2ca07c

29 files changed

+34
-8
lines changed

.cache/01/161951e15651f7b32303552567e5a5.json

+1
Large diffs are not rendered by default.

.cache/06/a03e71e936f720b3b971cfb898d418.json

+1
Large diffs are not rendered by default.

.cache/0a/af1531216e0eb525443c5658125874.json

+1
Large diffs are not rendered by default.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"id":"img/3.jpg","dependencies":[{"name":"/Users/apple/real_projects/gsap_img_hover/package.json","includedInParent":true,"mtime":1647972440000}],"generated":{"js":"module.exports = \"/3fcb589cc87a795e631f5818a433b89d.jpg\";"},"sourceMaps":null,"error":null,"hash":"33bdb0e673c1fca7fa2dddfe74a15602","cacheData":{"env":{}}}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"id":"img/2.jpg","dependencies":[{"name":"/Users/apple/real_projects/gsap_img_hover/package.json","includedInParent":true,"mtime":1647972440000}],"generated":{"js":"module.exports = \"/745a2bf7f6d10ca8dcfebbf63ca6bb44.jpg\";"},"sourceMaps":null,"error":null,"hash":"b10732a58cff829b281b04a4d219ba4c","cacheData":{"env":{}}}

.cache/19/1332014a0c7bbe7bbf7a7013196a1e.json

+1
Large diffs are not rendered by default.

.cache/28/8e4851f22cd4e910bb5fb080dfddfb.json

+1
Large diffs are not rendered by default.

.cache/31/71a9f04fd1c354e6e05276a27cb2ab.json

+1
Large diffs are not rendered by default.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"id":"js/utils.js","dependencies":[{"name":"/Users/apple/real_projects/gsap_img_hover/package.json","includedInParent":true,"mtime":1647972440000}],"generated":{"js":"\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getMousePos = exports.clamp = exports.lerp = exports.map = void 0;\n\n// Map number x from range [a, b] to [c, d]\nvar map = function map(x, a, b, c, d) {\n return (x - a) * (d - c) / (b - a) + c;\n}; // Linear interpolation\n\n\nexports.map = map;\n\nvar lerp = function lerp(a, b, n) {\n return (1 - n) * a + n * b;\n};\n\nexports.lerp = lerp;\n\nvar clamp = function clamp(num, min, max) {\n return num <= min ? min : num >= max ? max : num;\n}; // Gets the mouse position\n\n\nexports.clamp = clamp;\n\nvar getMousePos = function getMousePos(ev) {\n return {\n x: ev.clientX,\n y: ev.clientY\n };\n};\n\nexports.getMousePos = getMousePos;"},"sourceMaps":{"js":{"mappings":[{"generated":{"line":8,"column":0},"source":"js/utils.js","original":{"line":1,"column":0}},{"generated":{"line":9,"column":0},"source":"js/utils.js","original":{"line":2,"column":0}},{"name":"map","generated":{"line":9,"column":4},"source":"js/utils.js","original":{"line":2,"column":6}},{"generated":{"line":9,"column":7},"source":"js/utils.js","original":{"line":2,"column":9}},{"generated":{"line":9,"column":10},"source":"js/utils.js","original":{"line":2,"column":12}},{"name":"map","generated":{"line":9,"column":19},"source":"js/utils.js","original":{"line":2,"column":6}},{"generated":{"line":9,"column":22},"source":"js/utils.js","original":{"line":2,"column":12}},{"name":"x","generated":{"line":9,"column":23},"source":"js/utils.js","original":{"line":2,"column":13}},{"generated":{"line":9,"column":24},"source":"js/utils.js","original":{"line":2,"column":12}},{"name":"a","generated":{"line":9,"column":26},"source":"js/utils.js","original":{"line":2,"column":16}},{"generated":{"line":9,"column":27},"source":"js/utils.js","original":{"line":2,"column":12}},{"name":"b","generated":{"line":9,"column":29},"source":"js/utils.js","original":{"line":2,"column":19}},{"generated":{"line":9,"column":30},"source":"js/utils.js","original":{"line":2,"column":12}},{"name":"c","generated":{"line":9,"column":32},"source":"js/utils.js","original":{"line":2,"column":22}},{"generated":{"line":9,"column":33},"source":"js/utils.js","original":{"line":2,"column":12}},{"name":"d","generated":{"line":9,"column":35},"source":"js/utils.js","original":{"line":2,"column":25}},{"generated":{"line":9,"column":36},"source":"js/utils.js","original":{"line":2,"column":12}},{"generated":{"line":10,"column":0},"source":"js/utils.js","original":{"line":2,"column":12}},{"generated":{"line":10,"column":9},"source":"js/utils.js","original":{"line":2,"column":31}},{"name":"x","generated":{"line":10,"column":10},"source":"js/utils.js","original":{"line":2,"column":32}},{"generated":{"line":10,"column":11},"source":"js/utils.js","original":{"line":2,"column":33}},{"name":"a","generated":{"line":10,"column":14},"source":"js/utils.js","original":{"line":2,"column":36}},{"generated":{"line":10,"column":15},"source":"js/utils.js","original":{"line":2,"column":31}},{"name":"d","generated":{"line":10,"column":20},"source":"js/utils.js","original":{"line":2,"column":42}},{"generated":{"line":10,"column":21},"source":"js/utils.js","original":{"line":2,"column":43}},{"name":"c","generated":{"line":10,"column":24},"source":"js/utils.js","original":{"line":2,"column":46}},{"generated":{"line":10,"column":25},"source":"js/utils.js","original":{"line":2,"column":31}},{"name":"b","generated":{"line":10,"column":30},"source":"js/utils.js","original":{"line":2,"column":52}},{"generated":{"line":10,"column":31},"source":"js/utils.js","original":{"line":2,"column":53}},{"name":"a","generated":{"line":10,"column":34},"source":"js/utils.js","original":{"line":2,"column":56}},{"generated":{"line":10,"column":35},"source":"js/utils.js","original":{"line":2,"column":31}},{"name":"c","generated":{"line":10,"column":39},"source":"js/utils.js","original":{"line":2,"column":61}},{"generated":{"line":10,"column":40},"source":"js/utils.js","original":{"line":2,"column":12}},{"generated":{"line":11,"column":0},"source":"js/utils.js","original":{"line":2,"column":12}},{"generated":{"line":11,"column":1},"source":"js/utils.js","original":{"line":2,"column":0}},{"generated":{"line":11,"column":3},"source":"js/utils.js","original":{"line":4,"column":0}},{"generated":{"line":16,"column":0},"source":"js/utils.js","original":{"line":5,"column":0}},{"name":"lerp","generated":{"line":16,"column":4},"source":"js/utils.js","original":{"line":5,"column":6}},{"generated":{"line":16,"column":8},"source":"js/utils.js","original":{"line":5,"column":10}},{"generated":{"line":16,"column":11},"source":"js/utils.js","original":{"line":5,"column":13}},{"name":"lerp","generated":{"line":16,"column":20},"source":"js/utils.js","original":{"line":5,"column":6}},{"generated":{"line":16,"column":24},"source":"js/utils.js","original":{"line":5,"column":13}},{"name":"a","generated":{"line":16,"column":25},"source":"js/utils.js","original":{"line":5,"column":14}},{"generated":{"line":16,"column":26},"source":"js/utils.js","original":{"line":5,"column":13}},{"name":"b","generated":{"line":16,"column":28},"source":"js/utils.js","original":{"line":5,"column":17}},{"generated":{"line":16,"column":29},"source":"js/utils.js","original":{"line":5,"column":13}},{"name":"n","generated":{"line":16,"column":31},"source":"js/utils.js","original":{"line":5,"column":20}},{"generated":{"line":16,"column":32},"source":"js/utils.js","original":{"line":5,"column":13}},{"generated":{"line":17,"column":0},"source":"js/utils.js","original":{"line":5,"column":13}},{"generated":{"line":17,"column":9},"source":"js/utils.js","original":{"line":5,"column":26}},{"generated":{"line":17,"column":10},"source":"js/utils.js","original":{"line":5,"column":27}},{"name":"n","generated":{"line":17,"column":14},"source":"js/utils.js","original":{"line":5,"column":31}},{"generated":{"line":17,"column":15},"source":"js/utils.js","original":{"line":5,"column":26}},{"name":"a","generated":{"line":17,"column":19},"source":"js/utils.js","original":{"line":5,"column":36}},{"generated":{"line":17,"column":20},"source":"js/utils.js","original":{"line":5,"column":26}},{"name":"n","generated":{"line":17,"column":23},"source":"js/utils.js","original":{"line":5,"column":40}},{"generated":{"line":17,"column":24},"source":"js/utils.js","original":{"line":5,"column":41}},{"name":"b","generated":{"line":17,"column":27},"source":"js/utils.js","original":{"line":5,"column":44}},{"generated":{"line":17,"column":28},"source":"js/utils.js","original":{"line":5,"column":13}},{"generated":{"line":18,"column":0},"source":"js/utils.js","original":{"line":5,"column":13}},{"generated":{"line":18,"column":1},"source":"js/utils.js","original":{"line":5,"column":0}},{"generated":{"line":22,"column":0},"source":"js/utils.js","original":{"line":7,"column":0}},{"name":"clamp","generated":{"line":22,"column":4},"source":"js/utils.js","original":{"line":7,"column":6}},{"generated":{"line":22,"column":9},"source":"js/utils.js","original":{"line":7,"column":11}},{"generated":{"line":22,"column":12},"source":"js/utils.js","original":{"line":7,"column":14}},{"name":"clamp","generated":{"line":22,"column":21},"source":"js/utils.js","original":{"line":7,"column":6}},{"generated":{"line":22,"column":26},"source":"js/utils.js","original":{"line":7,"column":14}},{"name":"num","generated":{"line":22,"column":27},"source":"js/utils.js","original":{"line":7,"column":15}},{"generated":{"line":22,"column":30},"source":"js/utils.js","original":{"line":7,"column":14}},{"name":"min","generated":{"line":22,"column":32},"source":"js/utils.js","original":{"line":7,"column":20}},{"generated":{"line":22,"column":35},"source":"js/utils.js","original":{"line":7,"column":14}},{"name":"max","generated":{"line":22,"column":37},"source":"js/utils.js","original":{"line":7,"column":25}},{"generated":{"line":22,"column":40},"source":"js/utils.js","original":{"line":7,"column":14}},{"generated":{"line":23,"column":0},"source":"js/utils.js","original":{"line":7,"column":14}},{"name":"num","generated":{"line":23,"column":9},"source":"js/utils.js","original":{"line":7,"column":33}},{"generated":{"line":23,"column":12},"source":"js/utils.js","original":{"line":7,"column":36}},{"name":"min","generated":{"line":23,"column":16},"source":"js/utils.js","original":{"line":7,"column":40}},{"generated":{"line":23,"column":19},"source":"js/utils.js","original":{"line":7,"column":33}},{"name":"min","generated":{"line":23,"column":22},"source":"js/utils.js","original":{"line":7,"column":46}},{"generated":{"line":23,"column":25},"source":"js/utils.js","original":{"line":7,"column":33}},{"name":"num","generated":{"line":23,"column":28},"source":"js/utils.js","original":{"line":7,"column":52}},{"generated":{"line":23,"column":31},"source":"js/utils.js","original":{"line":7,"column":55}},{"name":"max","generated":{"line":23,"column":35},"source":"js/utils.js","original":{"line":7,"column":59}},{"generated":{"line":23,"column":38},"source":"js/utils.js","original":{"line":7,"column":52}},{"name":"max","generated":{"line":23,"column":41},"source":"js/utils.js","original":{"line":7,"column":65}},{"generated":{"line":23,"column":44},"source":"js/utils.js","original":{"line":7,"column":52}},{"name":"num","generated":{"line":23,"column":47},"source":"js/utils.js","original":{"line":7,"column":71}},{"generated":{"line":23,"column":50},"source":"js/utils.js","original":{"line":7,"column":14}},{"generated":{"line":24,"column":0},"source":"js/utils.js","original":{"line":7,"column":14}},{"generated":{"line":24,"column":1},"source":"js/utils.js","original":{"line":7,"column":0}},{"generated":{"line":24,"column":3},"source":"js/utils.js","original":{"line":9,"column":0}},{"generated":{"line":29,"column":0},"source":"js/utils.js","original":{"line":10,"column":0}},{"name":"getMousePos","generated":{"line":29,"column":4},"source":"js/utils.js","original":{"line":10,"column":6}},{"generated":{"line":29,"column":15},"source":"js/utils.js","original":{"line":10,"column":17}},{"generated":{"line":29,"column":18},"source":"js/utils.js","original":{"line":10,"column":20}},{"name":"getMousePos","generated":{"line":29,"column":27},"source":"js/utils.js","original":{"line":10,"column":6}},{"generated":{"line":29,"column":38},"source":"js/utils.js","original":{"line":10,"column":20}},{"name":"ev","generated":{"line":29,"column":39},"source":"js/utils.js","original":{"line":10,"column":21}},{"generated":{"line":29,"column":41},"source":"js/utils.js","original":{"line":10,"column":20}},{"generated":{"line":29,"column":43},"source":"js/utils.js","original":{"line":10,"column":28}},{"generated":{"line":30,"column":0},"source":"js/utils.js","original":{"line":11,"column":4}},{"generated":{"line":30,"column":9},"source":"js/utils.js","original":{"line":11,"column":11}},{"name":"x","generated":{"line":31,"column":0},"source":"js/utils.js","original":{"line":12,"column":8}},{"name":"x","generated":{"line":31,"column":4},"source":"js/utils.js","original":{"line":12,"column":8}},{"generated":{"line":31,"column":5},"source":"js/utils.js","original":{"line":12,"column":9}},{"name":"ev","generated":{"line":31,"column":7},"source":"js/utils.js","original":{"line":12,"column":12}},{"generated":{"line":31,"column":9},"source":"js/utils.js","original":{"line":12,"column":14}},{"name":"clientX","generated":{"line":31,"column":10},"source":"js/utils.js","original":{"line":12,"column":15}},{"generated":{"line":31,"column":17},"source":"js/utils.js","original":{"line":11,"column":11}},{"name":"y","generated":{"line":32,"column":0},"source":"js/utils.js","original":{"line":13,"column":8}},{"name":"y","generated":{"line":32,"column":4},"source":"js/utils.js","original":{"line":13,"column":8}},{"generated":{"line":32,"column":5},"source":"js/utils.js","original":{"line":13,"column":9}},{"name":"ev","generated":{"line":32,"column":7},"source":"js/utils.js","original":{"line":13,"column":12}},{"generated":{"line":32,"column":9},"source":"js/utils.js","original":{"line":13,"column":14}},{"name":"clientY","generated":{"line":32,"column":10},"source":"js/utils.js","original":{"line":13,"column":15}},{"generated":{"line":33,"column":0},"source":"js/utils.js","original":{"line":11,"column":11}},{"generated":{"line":33,"column":3},"source":"js/utils.js","original":{"line":11,"column":4}},{"generated":{"line":34,"column":0},"source":"js/utils.js","original":{"line":15,"column":1}},{"generated":{"line":34,"column":1},"source":"js/utils.js","original":{"line":10,"column":0}}],"sources":{"js/utils.js":"// Map number x from range [a, b] to [c, d]\nconst map = (x, a, b, c, d) => (x - a) * (d - c) / (b - a) + c;\n\n// Linear interpolation\nconst lerp = (a, b, n) => (1 - n) * a + n * b;\n\nconst clamp = (num, min, max) => num <= min ? min : num >= max ? max : num;\n\n// Gets the mouse position\nconst getMousePos = (ev) => {\n return { \n x : ev.clientX, \n y : ev.clientY \n };\n};\n\nexport { map, lerp, clamp, getMousePos };\n"},"lineCount":null}},"error":null,"hash":"bea4c0247fdd94b4c4809f2ed3b5b206","cacheData":{"env":{}}}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"id":"index.html","dependencies":[{"name":"./css/typekit.css","dynamic":true,"resolved":"/Users/apple/real_projects/gsap_img_hover/src/css/typekit.css","parent":"/Users/apple/real_projects/gsap_img_hover/src/index.html"},{"name":"./css/base.css","dynamic":true,"resolved":"/Users/apple/real_projects/gsap_img_hover/src/css/base.css","parent":"/Users/apple/real_projects/gsap_img_hover/src/index.html"},{"name":"./js/index.js","dynamic":true,"resolved":"/Users/apple/real_projects/gsap_img_hover/src/js/index.js","parent":"/Users/apple/real_projects/gsap_img_hover/src/index.html"},{"name":"/Users/apple/real_projects/gsap_img_hover/package.json","includedInParent":true,"mtime":1647972440000}],"generated":{"html":"<!DOCTYPE html>\n<html lang=\"en\" class=\"no-js\">\n\n<head>\n\t<meta charset=\"UTF-8\">\n\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\t<title>Creative Image Animation in JavaScript(GSAP)</title>\n\t<meta name=\"description\" content=\"Creative Image Animation in JavaScript\">\n\t<meta name=\"keywords\" content=\"gsap, animation, hover, menu, image, web design, javascript, template\">\n\t<meta name=\"author\" content=\"Jumayev Ubaydullo\">\n\t<link rel=\"stylesheet\" href=\"/a43db8657912fa0accaddc7d0960c125.css\">\n\t<link rel=\"stylesheet\" type=\"text/css\" href=\"/0cceefeb50de59721d11452298fd6c19.css\">\n\t<script>document.documentElement.className = \"js\";\n\nvar supportsCssVars = function supportsCssVars() {\n var e,\n t = document.createElement(\"style\");\n return t.innerHTML = \"root: { --tmp-var: bold; }\", document.head.appendChild(t), e = !!(window.CSS && window.CSS.supports && window.CSS.supports(\"font-weight\", \"var(--tmp-var)\")), t.parentNode.removeChild(t), e;\n};\n\nsupportsCssVars() || alert(\"Please view this demo in a modern browser that supports CSS Variables.\");</script>\n</head>\n<body class=\"loading\">\n\t<main>\n\t\t<nav class=\"menu\">\n\t\t\t<a class=\"menu__item\" data-img=\"img/1.jpg\">\n\t\t\t\t<span class=\"menu__item-text\"><span class=\"menu__item-textinner\">SUBUI UX</span></span>\n\t\t\t\t<span class=\"menu__item-sub\">Jumayev Ubaydullo</span>\n\t\t\t</a>\n\t\t\t<a class=\"menu__item\" data-img=\"img/2.jpg\">\n\t\t\t\t<span class=\"menu__item-text\"><span class=\"menu__item-textinner\">Alarddd</span></span>\n\t\t\t\t<span class=\"menu__item-sub\">Norkhulov Jamshid</span>\n\t\t\t</a>\n\t\t\t<a class=\"menu__item\" data-img=\"img/3.jpg\">\n\t\t\t\t<span class=\"menu__item-text\"><span class=\"menu__item-textinner\">Yoony</span></span>\n\t\t\t\t<span class=\"menu__item-sub\">The Yoony</span>\n\t\t\t</a>\n\t\t\t<a class=\"menu__item\" data-img=\"img/4.jpg\">\n\t\t\t\t<span class=\"menu__item-text\"><span class=\"menu__item-textinner\">Lina</span></span>\n\t\t\t\t<span class=\"menu__item-sub\">Your Lina</span>\n\t\t\t</a>\n\t\t\t<a class=\"menu__item\" data-img=\"img/5.jpg\">\n\t\t\t\t<span class=\"menu__item-text\"><span class=\"menu__item-textinner\">Mukha</span></span>\n\t\t\t\t<span class=\"menu__item-sub\">Mukha bro</span>\n\t\t\t</a>\n\t\t\t<a class=\"menu__item\" data-img=\"img/6.jpg\">\n\t\t\t\t<span class=\"menu__item-text\"><span class=\"menu__item-textinner\">Hinata</span></span>\n\t\t\t\t<span class=\"menu__item-sub\">madam Hinata</span>\n\t\t\t</a>\n\t\t\t<a class=\"menu__item\" data-img=\"img/7.jpg\">\n\t\t\t\t<span class=\"menu__item-text\"><span class=\"menu__item-textinner\">Jamik</span></span>\n\t\t\t\t<span class=\"menu__item-sub\">Bro</span>\n\t\t\t</a>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t<h2 class=\"credits\">photograph <a href=\"https://instagram.com/Alarddd\">Alarddd</a></h2>\n\t\t</nav>\n\t</main>\n\t<svg class=\"cursor\" width=\"1\" height=\"1\" viewBox=\"0 0 80 80\">\n\t\t<circle class=\"cursor__inner\" cx=\"40\" cy=\"40\" r=\"20\"></circle>\n\t</svg>\n\t<script src=\"/42f69825340f0b5fa628d80900a46daa.js\"></script>\n</body>\n</html>"},"sourceMaps":null,"error":null,"hash":"bee70a1c61012903c8462aebf7488287","cacheData":{"env":{}}}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"id":"img/1.jpg","dependencies":[{"name":"/Users/apple/real_projects/gsap_img_hover/package.json","includedInParent":true,"mtime":1647972440000}],"generated":{"js":"module.exports = \"/349497a451d46d013f555fc2dc197a9a.jpg\";"},"sourceMaps":null,"error":null,"hash":"761bab80ecb400e9bf9e8e3aa8fe72b0","cacheData":{"env":{}}}

.cache/66/cef9207ccc637c400a7717672a84c0.json

+1
Large diffs are not rendered by default.

.cache/70/6684415666a96302d645c4f3417183.json

+1
Large diffs are not rendered by default.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"id":"img/4.jpg","dependencies":[{"name":"/Users/apple/real_projects/gsap_img_hover/package.json","includedInParent":true,"mtime":1647972440000}],"generated":{"js":"module.exports = \"/90f993ecdf7c27f84bd660dec6d96be5.jpg\";"},"sourceMaps":null,"error":null,"hash":"ce5649559ea8b2847cd877b2bacbbf33","cacheData":{"env":{}}}

.cache/8b/53bb89202e1c9670319e63824f0a73.json

+1
Large diffs are not rendered by default.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"id":"img/6.jpg","dependencies":[{"name":"/Users/apple/real_projects/gsap_img_hover/package.json","includedInParent":true,"mtime":1647972440000}],"generated":{"js":"module.exports = \"/82d55217e062ad2485bf2462e96dcfff.jpg\";"},"sourceMaps":null,"error":null,"hash":"38bee57ffcdf6070863eec399900a568","cacheData":{"env":{}}}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"id":"img/7.jpg","dependencies":[{"name":"/Users/apple/real_projects/gsap_img_hover/package.json","includedInParent":true,"mtime":1647972440000}],"generated":{"js":"module.exports = \"/d076010b35e7a1fb9b517a7b2d66e3ed.jpg\";"},"sourceMaps":null,"error":null,"hash":"678baa07d6ed0e58eda963b735350213","cacheData":{"env":{}}}

0 commit comments

Comments
 (0)