{"_id":"@celsowhite/parallax","_rev":"3-aabb16951e0dcb0dada97d08ed143080","name":"@celsowhite/parallax","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"name":"@celsowhite/parallax","version":"1.0.0","description":"Detect when an element is visible in the browsers viewport.","source":"src/parallax.js","module":"dist/parallax.es.js","main":"dist/parallax.js","umd:main":"dist/parallax.umd.js","scripts":{"build":"microbundle build","watch":"microbundle watch --compress false --external all","publish":"npm publish --access public"},"keywords":["parallax"],"homepage":"https://github.com/celsowhite/parallax#readme","repository":{"type":"git","url":"git+https://github.com/celsowhite/parallax.git"},"bugs":{"url":"https://github.com/celsowhite/parallax/issues"},"author":{"name":"Celso White"},"license":"MIT","devDependencies":{"microbundle":"^0.8.3"},"dependencies":{"@celsowhite/element-in-view":"^1.0.0"},"gitHead":"6c72ed35d2ad06aa14dc4c8fe56399db99501b2b","_id":"@celsowhite/parallax@1.0.0","_npmVersion":"5.7.1","_nodeVersion":"8.9.1","_npmUser":{"name":"celsowhite","email":"celso.white13@gmail.com"},"dist":{"integrity":"sha512-Cw/GbaSyGh47k3n+jV9djF7djuG0xZzWwYnObK7O/7uz+MVNCQ0Q9OSwDhtOxOxHYaugN0w9nfdkDyNbXHMLrA==","shasum":"a01a5a1850025c65b33b73e86e00ec059abacea8","tarball":"https://registry.npmjs.org/@celsowhite/parallax/-/parallax-1.0.0.tgz","fileCount":9,"unpackedSize":27509,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcHcTGCRA9TVsSAnZWagAAJCAQAJ+o4gkFK+GCYa4pYrij\nEUjQs1qdEKff9NEdGuPM1W+7PpbitONr+Cmy/jzRwTgAFqBLA5UeJg/4KL76\nLrZP+6mlohUuiF1dS6cgpTRGY4+dnfzoCw8KVJkltZ5SXZveDy9yX3jFuMq7\nlsgXy9Npf/gWDLa0CDk0mcpCHjzfuHlYyhuL02h78MdN9hOPZQjVrcwPUr89\nr8iyCWTjdsUO7TtCzvH1RGnULKMIvYOTCoc8aTzICLeYVprIIFhb7lJaVHSQ\n4/Czap/2wC28NUgl4kCntyym0F+BWtNmz5cfqRR81Arh6wp+bmmVYpVKv0ik\npPAPa5xJ4cASgZ8qknNP6yczhij/DggwI9+KTQJHkCosIV0AVtI2w+vIhv7U\nRMd/8pjQw8yEM6Xy1AebSC6Z6Vb5EW+X6hBaQZ1W7xhvHkGg3s6vpJ0dIbhe\nxIMPgEWbain0PyBBC/B7FTydNMSqt95yuJUc/T1AnWQj2zf44GQXswjHzXVV\novT5FxiEOwu3Mw3pdL+uO31uhK1iZ80GdJnIDNEX2HXrrPS9HYzJifAHpibL\nHQUCbuW7zl7qyJ8IdIKBBog8dEwIWDtZBWvaVjGWwkHvfPzxyCvry8OZ7B04\ngR/FFHJoBWK8A61AuEwUOsTRx83z6dlA2YFItZkhAWJxPm3rrfaciDsi7t/l\njq63\r\n=FaoD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCy9oeFGfpEC2mmv7xUS/J25eVlsJ4+6t8HlrmsW67BOwIhAM0F0EC7Wx/08V6y9fs5avHdGwmnQPO5xDfVkGCspgMw"}]},"maintainers":[{"name":"celsowhite","email":"celso.white13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/parallax_1.0.0_1545454790058_0.6131423597740819"},"_hasShrinkwrap":false},"1.0.1":{"name":"@celsowhite/parallax","version":"1.0.1","description":"Move elements on the page at different speeds and rotations as a user scrolls.","source":"src/parallax.js","module":"dist/parallax.es.js","main":"dist/parallax.js","umd:main":"dist/parallax.umd.js","scripts":{"build":"microbundle build","watch":"microbundle watch --compress false --external all","publish":"npm publish --access public"},"keywords":["parallax"],"homepage":"https://github.com/celsowhite/parallax#readme","repository":{"type":"git","url":"git+https://github.com/celsowhite/parallax.git"},"bugs":{"url":"https://github.com/celsowhite/parallax/issues"},"author":{"name":"Celso White"},"license":"MIT","devDependencies":{"microbundle":"^0.8.3"},"dependencies":{"@celsowhite/element-in-view":"^1.0.0"},"gitHead":"6c72ed35d2ad06aa14dc4c8fe56399db99501b2b","_id":"@celsowhite/parallax@1.0.1","_npmVersion":"5.7.1","_nodeVersion":"8.9.1","_npmUser":{"name":"celsowhite","email":"celso.white13@gmail.com"},"dist":{"integrity":"sha512-Q23fUxPV8+eASlJEOH2d6YZDtH1D8g8i05PG+XeFEw9IaQgqSZbB1BpFDMmlFanMnd6xQTafz+ct+03ijIjdJw==","shasum":"ba2417af524d9a0347a4b720ecf6c86e945989d1","tarball":"https://registry.npmjs.org/@celsowhite/parallax/-/parallax-1.0.1.tgz","fileCount":9,"unpackedSize":27528,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcHcWVCRA9TVsSAnZWagAAuQwP/37ll7WiZd/ppgTAvDqR\n10ET95TIZpO5YTkX/339bDLweR+brYu6+x7ALG6mBBFxuDrB4/EkCFYnMZP/\nsdB92Vpcuij7JSQcWuTwcUI5nPhpdh2tB0LywyJ9GRLnqc6ovzA7Km8/A3u6\n7Bw4nFcEUviefRtdqmmtutCb9iAkWqvKStaGH0ONuS3m4MZFUVINykhbj0vD\neHhxcp3WEATuP6HuraDhBZErPZF5ROwdM9M7aByOLltUk+5+EYnsPYMDq+/d\nqI94l1ub19mU0zSZnBiZkJLW+svzHh5+L0MFBGWYVsZUuAOvRKuMi3uJfguF\nng7vnVZoexEmcnu2QyerHSIV7R+CuP1vhxTcQKlwwO3vBaXTJs17DZN6dPxq\nefgTNIOncF5c/ZN/iKWyoAiIUC9C+ANp7sqwUEIAjmCUgtLcys5CU4mQQw1/\nOStW2pi14ioXljRSBfv2MYdu1KwwR226PCpN7kuo86ZziJoQYYik4FEUf8co\nZk76gxsoiAPUJlRHMzHUE+DcYlUlJLBEVYKcuAszBN5SkPEVlptBWXl4fcTw\ncHyuD6n0388wkcdSRLp6m57ZtBRwjXL5IXCQ8ReQV+uxSySi7J7Xxr2/udu9\nV2H1qfcF0mJhxdMtFCifdJ0l/QNMPWizwwgykdzdRXV4SQCZQ8N+CwrhDiqk\nRalX\r\n=IcLY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCBhIWses2O4D+W3s8tdOPYZdWRF0KEL9Sh2ZCKQlRtFwIhAKMhuYFJSGMsCLUp+JOPSc01jmOu9LLYZkbRSrpCi+t+"}]},"maintainers":[{"name":"celsowhite","email":"celso.white13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/parallax_1.0.1_1545454996410_0.2362424596873398"},"_hasShrinkwrap":false},"1.1.0":{"name":"@celsowhite/parallax","version":"1.1.0","description":"Move elements on the page at different speeds and rotations as a user scrolls.","source":"src/parallax.js","module":"dist/parallax.es.js","main":"dist/parallax.js","umd:main":"dist/parallax.umd.js","scripts":{"build":"microbundle build","watch":"microbundle watch","publish":"npm publish --access public"},"keywords":["parallax"],"homepage":"https://github.com/celsowhite/parallax#readme","repository":{"type":"git","url":"git+https://github.com/celsowhite/parallax.git"},"bugs":{"url":"https://github.com/celsowhite/parallax/issues"},"author":{"name":"Celso White"},"license":"MIT","devDependencies":{"microbundle":"^0.8.3"},"dependencies":{"@celsowhite/element-in-view":"^1.0.0"},"gitHead":"47ac787ec0291434e592e85d4fea4b6018d90509","_id":"@celsowhite/parallax@1.1.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"celsowhite","email":"celso.white13@gmail.com"},"dist":{"integrity":"sha512-FLee9dCR3+wiOTBGLqFjNdiUkWag5hi1E+YvY8KRUxTkZUKDncJhs+O6LkPy8gZ6CXsRE2dng2XxgB36xYSgKg==","shasum":"cee7038aebc3320602236237628575e9913c2b22","tarball":"https://registry.npmjs.org/@celsowhite/parallax/-/parallax-1.1.0.tgz","fileCount":9,"unpackedSize":25250,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcJ4ymCRA9TVsSAnZWagAAIRAP/ibdQOPWPw6/EGGFzGao\nDoe9iHgdlvwIRYI1iQrEWgG6xqxEphTEemAzxhNKTF8PH3xWQ+Ts6g+jYW57\n1ueUs2muQwHTDIiLXy3kNtmVSQIGEN+5delYQEGpwZTRN44zg+MzAZevggCX\n+JwW8zIJTM4s+Y3cuhGrAJw9+/4oB9ipflq26+rgXjxUdOGJnKjcYuVlbGl2\nfTJ1BTV77LG/wIN6QdyTPjB/UHlTH4Ku+GfL/4mRu/NPNM99U5IMKAS0hE0n\nbN4CKn9uBkYXeXQMJEnei5RArlIXLh394wfFz3YAadjBzSijsWLjlk5cu5T0\n6yZ33WppmkrUM+KXTKkrQfQXslVSSNZFc7nsKkxj16bopFOL7AO0dQdgkYRA\n+lVnfLyfigQQlI3ba2LM+fBYVmvPukxyJ3S/E2Fi1EDxhfX8LwPhN8T9Vyxe\nSlxvrH7BS9HwA0rD4VTwNjpILlbRi8aiANraDMKSb5ZZAWyoeV2VQ4HiGD/4\nuVwtBX6MPmvN628PXuien5X13zlTx8C9Ia+wWkB/aFAd2BBYkjWVi2mLM3Ox\nPQeLaZS1UC0aAsyZ/1Yt7YA2GFY2mDCA+Y9qN6gSH5yBG9EBb7S99hcY2Ay/\noGV4T2Hsx42SITuQxD1ANSSCujNgS0yxtLBozrPLxJAcjcvU/5IgseLEaa3k\nZVKN\r\n=CfEr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIChBrskbUdPWiczR9HAfcv4sqcxNXGMHzuyb+s2LhZtKAiEAwZG5BJ+VFuvmvwJmBeQ8tDbzH1yxyocD9aBBPKQt3P4="}]},"maintainers":[{"name":"celsowhite","email":"celso.white13@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/parallax_1.1.0_1546095781401_0.7413044148884145"},"_hasShrinkwrap":false}},"time":{"created":"2018-12-22T04:59:49.873Z","1.0.0":"2018-12-22T04:59:50.254Z","modified":"2022-04-04T22:18:41.258Z","1.0.1":"2018-12-22T05:03:16.622Z","1.1.0":"2018-12-29T15:03:01.542Z"},"maintainers":[{"name":"celsowhite","email":"celso.white13@gmail.com"}],"description":"Move elements on the page at different speeds and rotations as a user scrolls.","homepage":"https://github.com/celsowhite/parallax#readme","keywords":["parallax"],"repository":{"type":"git","url":"git+https://github.com/celsowhite/parallax.git"},"author":{"name":"Celso White"},"bugs":{"url":"https://github.com/celsowhite/parallax/issues"},"license":"MIT","readme":"# Parallax\n\nMove elements on the page at different speeds and rotations as a user scrolls.\n\n## Install\n\n###### Node\n```\nnpm install @celsowhite/parallax --save\n```\n\n###### Browser\nDownload the library file from dist/parallax.umd.js and include it in your sites files.\n\n## Setup\n\n###### Node\n\n```javascript\nimport parallax from '@celsowhite/parallax';\n```\n\n###### Browser\n\nThe script relies on [@celsowhite/element-in-view](https://www.npmjs.com/package/@celsowhite/element-in-view). When using the script in the browser you must include element-in-view before parallax.\n\n```html\n<script src=\"demo/vendor/element-in-view.umd.js\"></script>\n<script src=\"dist/parallax.umd.js\"></script>\n```\n\n## Usage\n\n**JS**  \nPass the element selector you want to parallax to the init function.\n```js\n// Init\nparallax('.parallax-item');\n```\n**HTML**   \nAdd the selector class and data attribute options to your html.\n```html\n<div class=\"parallax-item\" data-speed=\"1.5\" data-rotate=\"40\"></div>\n<div class=\"parallax-item\" data-speed=\".5\" data-rotate=\"-90\"></div>\n```\n\n## Settings\n\n##### Parameters\n\n- `selector` {String} The css selector for the elements you'd like to parallax.\n\n##### Data Attributes\n\nAdd the below data attributes directly to your html markup. Each attribute is optional.\n\n- `data-speed` {Number} A number between 0-1 will slow the element down relative to other elements on the page. Any number above 1 will speed the element up. Negative numbers will move the element in the opposite direction of other elements on the page.\n- `data-rotate` {Number} The number of degrees the element should rotate while it is in the viewport. Should be between 0-360 and can be negative to rotate in the opposite direction.\n\n## License\n\nMIT License © [Celso White](https://celsowhite.com)","readmeFilename":"readme.md"}