{"_id":"beerslider","_rev":"4-0e3004ca397cc0c91eef9d670b3e5a65","name":"beerslider","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"beerslider","version":"1.0.0","description":"A small,accessible, vanilla JS before-after slider.","main":"./dist/BeerSlider.js","scripts":{"preprod":"rimraf dist","predemo":"rimraf demo","test":"karma start","singletest":"karma start --single-run","report-coverage":"cat ./coverage/lcov.info | codecov","webpack":"webpack","webpack-dev-server":"webpack-dev-server","dev":"npm run webpack-dev-server -- --env.mode development --hot","prod":"npm run webpack -- --env.mode production","demo":"npm run webpack -- --env.mode production --env.destination demo","build":"npm run prod && npm run demo","lint":"eslint tests/src src --fix","validate":"npm-run-all lint singletest"},"repository":{"type":"git","url":"git+https://github.com/pehaa/beerslider.git"},"keywords":["vanilla","js","slider","before-after","comparison","ui"],"author":{"name":"PeHaa Hetman","email":"info@pehaa.com","url":"http://wptemplates.pehaa.com/"},"license":"MIT","bugs":{"url":"https://github.com/pehaa/beerslider/issues"},"homepage":"https://github.com/pehaa/beerslider#readme","devDependencies":{"babel-core":"^6.26.3","babel-loader":"^7.1.5","babel-preset-env":"^1.7.0","bulma":"^0.7.1","codecov":"^3.0.4","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-standard":"^3.1.0","ghooks":"^2.0.4","html-webpack-plugin":"^3.2.0","istanbul-instrumenter-loader":"^3.0.1","karma":"^3.0.0","karma-coverage-istanbul-reporter":"^2.0.1","mini-css-extract-plugin":"^0.4.1","node-sass":"^4.9.3","npm-run-all":"^4.1.3","optimize-css-assets-webpack-plugin":"^5.0.0","rimraf":"^2.6.2","sass-loader":"^7.1.0","style-loader":"^0.22.1","unminified-webpack-plugin":"^2.0.0","webpack":"^4.16.5","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-karma-jasmine":"^3.0.0","webpack-merge":"^4.1.4"},"dependencies":{"core-js":"^3.0.0-beta.3"},"config":{"ghooks":{"pre-commit":"npm run validate"}},"gitHead":"5fc5f0e3c8b1d430258a57c16d21a60dad596434","_id":"beerslider@1.0.0","_npmVersion":"6.2.0","_nodeVersion":"10.7.0","_npmUser":{"name":"pehaa","email":"info@pehaa.com"},"dist":{"integrity":"sha512-Xe4w4WhL+UR7QRPs6J2Ma/obXRPKd/WoMtslr16tgf4c8QvJUg6xLlmg6E1wNae3brKa8/XNK68ptSL4ZMP6Eg==","shasum":"5fdca74ac0e45698159226b82a68844545232f45","tarball":"https://registry.npmjs.org/beerslider/-/beerslider-1.0.0.tgz","fileCount":7,"unpackedSize":112638,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbk6rXCRA9TVsSAnZWagAAh0IP/1H5+DV0a4pUn8oCpWTd\nt434iz5u/V9y+76fMaGZno4rNfsnIvrkTG2zrEkALGkOgY3FanB8IMLtdVCl\nQysd7+uq3PIUZO9ikXd788TYpa5GDwRPqthJjfEY2Lm4n2vC75NhtHvdaAIA\nY5unHBjVzs07OSlItLm949RztgndZu2fcoavG72I8Df2q/n3miib2I3poyPp\nB6XAu1PwXNDnl71QzI2bW7vk1jaUwpDDsprU+RJq8k5R5jphnqItb9a1EeXs\n3KYqIDPuNRCcNZUiwj3RgDvlUyguTEBax5OTRkXwNkpLvDmFwM2WwGx8k/Kd\nYw1QLkDcP11oWl6mnmlwKQTOoz6IrZElJW7Ykf45dIuGUkXta/mP9qN3qUOG\nuNNgxWYuOU9oqcxNgR/lj6TxL9E+6xeCuG8EaDKdxT42KiZp219gi75vg9Pe\nDHvqrsp3CVhc8qq7FD7eGOAGy8TWYJdupD0bSHcG4ltTiHAk9RMMmHHFyaWm\nZnqWfKfXlTi9UV11gwGVGVpwXY2VjZkCp7YDcBHzya2uiiBlfrKp5kNT5Jls\naptyBUDvHilM4795rpjpCh2zlVPnz05K0gSgy2hKOyv6gwU+VfqklMtN9SkG\nJtz1K2y1/Rh+o58zCyXKIglJYAcRcY81osYGp6gMvJDik72bVyPAuqZYMvvl\nsQsY\r\n=TJJC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC0rsCHgKFuoMlm8WHmOrHWL/2ZEgi/orDbfyGe/SAOfwIgXxwW8kJk2tlag7ix2hINDpYrausggtSD4wkOyaT60NI="}]},"maintainers":[{"name":"pehaa","email":"info@pehaa.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/beerslider_1.0.0_1536404182684_0.48687090994599425"},"_hasShrinkwrap":false},"1.0.1":{"name":"beerslider","version":"1.0.1","description":"A small,accessible, vanilla JS before-after slider.","main":"./dist/BeerSlider.js","scripts":{"preprod":"rimraf dist","predemo":"rimraf demo","test":"karma start","singletest":"karma start --single-run","report-coverage":"cat ./coverage/lcov.info | codecov","webpack":"webpack","webpack-dev-server":"webpack-dev-server","dev":"npm run webpack-dev-server -- --env.mode development --hot","prod":"npm run webpack -- --env.mode production","demo":"npm run webpack -- --env.mode production --env.destination demo","build":"npm run prod && npm run demo","lint":"eslint tests/src src --fix","validate":"npm-run-all lint singletest"},"repository":{"type":"git","url":"git+https://github.com/pehaa/beerslider.git"},"keywords":["vanilla","js","slider","before-after","comparison","ui"],"author":{"name":"PeHaa Hetman","email":"info@pehaa.com","url":"http://wptemplates.pehaa.com/"},"license":"MIT","bugs":{"url":"https://github.com/pehaa/beerslider/issues"},"homepage":"https://github.com/pehaa/beerslider#readme","devDependencies":{"babel-core":"^6.26.3","babel-loader":"^7.1.5","babel-preset-env":"^1.7.0","bulma":"^0.7.1","codecov":"^3.0.4","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-standard":"^3.1.0","ghooks":"^2.0.4","html-webpack-plugin":"^3.2.0","istanbul-instrumenter-loader":"^3.0.1","karma":"^3.0.0","karma-coverage-istanbul-reporter":"^2.0.1","mini-css-extract-plugin":"^0.4.1","node-sass":"^4.9.3","npm-run-all":"^4.1.3","optimize-css-assets-webpack-plugin":"^5.0.0","rimraf":"^2.6.2","sass-loader":"^7.1.0","style-loader":"^0.22.1","unminified-webpack-plugin":"^2.0.0","webpack":"^4.16.5","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-karma-jasmine":"^3.0.0","webpack-merge":"^4.1.4"},"dependencies":{"core-js":"^3.0.0-beta.3"},"config":{"ghooks":{"pre-commit":"npm run validate"}},"gitHead":"3fd26fab88a9a8d2d5c6a10b0b7f8a06bc32c625","_id":"beerslider@1.0.1","_npmVersion":"6.2.0","_nodeVersion":"10.7.0","_npmUser":{"name":"pehaa","email":"info@pehaa.com"},"dist":{"integrity":"sha512-/NDWuwT84SRlCJoRrT96P/o+e+OuRbmp1v79Mmo3QQ+RE9X/ORDncSLZZtYcVLjDInlvAv+WplXif3SJJmADhw==","shasum":"59818b9a36fe324714602cd8c217c77b01c7657b","tarball":"https://registry.npmjs.org/beerslider/-/beerslider-1.0.1.tgz","fileCount":7,"unpackedSize":112586,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJblAqiCRA9TVsSAnZWagAAHR8P/0xGw8OXXA2Aip9733AV\nlh7FBIpTyc4RzcJUoMSUrNO35db847LbdtxfqU8roboInlVunY52OjMArVU6\njSQn+owG+RAqbIm7FjhgdyC5HYK05gp+vrymWP3MhV/L0k2Mue98tLZwTScS\nMNz9os+6UooNnOsFiVG58856K3T6MFSYi1pLb1+dc1Gf004BsL2CVsj9rxOW\nHJnfhxagJ4AUdYKeuxBxXHk/Ohn7PgvuHO8Sg+r8Z3gvsrg3t/SCuA9oM+pq\nCE0mJ+hzGVxgyuju24WzXhvNWWtfu/ipZksqbsvdsNLbEaDL7bpexCIDPfbo\nyviILKlBzcDbIGAXc3IWiErkopVZw1Jp4Qj+9WNRQxyQANPz4qqGr7XZqZNh\nncm6UcCDfMnyNvLD2K+qDn9R/MGmvrWlh7bxff/FKqxg+0k8BaqPyH3zSt/m\nAKNEwhFzCVDVJraFoW39nLpZ+sx2+SctWXoqK6dgYm9d/LzLJ9YbiVO6l8MT\nNMGVCPN4+mPlo2phPrzi+9fhvlfaffeZk9wKXGTBYw7Q8+zPt/yDSxfVd7C6\nRAD7XzorADpveTHYbt+9Y5eXDZx+SFZFLm36MNdMqBN/TTh1LYiDnmbScwdE\noQKbL+XWQKLZLwQ3r2ju9CHZQPyng2kX1C81JGOUCDlj4Lf/uTEGHosyO1Uf\ny/vL\r\n=w+pz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9rF3ljSUD/qZyfWAFK93JaaH0S24YmXaxC0wuKeapTQIhAK24hh7kJ7gWKNujATprf77dzXqWqj55P/26LCXWd1/L"}]},"maintainers":[{"name":"pehaa","email":"info@pehaa.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/beerslider_1.0.1_1536428705407_0.552844152123541"},"_hasShrinkwrap":false},"1.0.2":{"name":"beerslider","version":"1.0.2","description":"A small,accessible, vanilla JS before-after slider.","main":"./dist/BeerSlider.js","scripts":{"preprod":"rimraf dist","predemo":"rimraf demo","test":"karma start","singletest":"karma start --single-run","report-coverage":"cat ./coverage/lcov.info | codecov","webpack":"webpack","webpack-dev-server":"webpack-dev-server","dev":"npm run webpack-dev-server -- --env.mode development --hot","prod":"npm run webpack -- --env.mode production","demo":"npm run webpack -- --env.mode production --env.destination demo","build":"npm run prod && npm run demo","lint":"eslint tests/src src --fix","validate":"npm-run-all lint singletest"},"repository":{"type":"git","url":"git+https://github.com/pehaa/beerslider.git"},"keywords":["vanilla","js","slider","before-after","comparison","ui"],"author":{"name":"PeHaa Hetman","email":"info@pehaa.com","url":"http://wptemplates.pehaa.com/"},"license":"MIT","bugs":{"url":"https://github.com/pehaa/beerslider/issues"},"homepage":"https://github.com/pehaa/beerslider#readme","devDependencies":{"babel-core":"^6.26.3","babel-loader":"^7.1.5","babel-preset-env":"^1.7.0","bulma":"^0.7.1","codecov":"^3.0.4","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-standard":"^3.1.0","ghooks":"^2.0.4","html-webpack-plugin":"^3.2.0","istanbul-instrumenter-loader":"^3.0.1","karma":"^3.0.0","karma-coverage-istanbul-reporter":"^2.0.1","mini-css-extract-plugin":"^0.4.1","node-sass":"^4.9.3","npm-run-all":"^4.1.3","optimize-css-assets-webpack-plugin":"^5.0.0","rimraf":"^2.6.2","sass-loader":"^7.1.0","style-loader":"^0.22.1","unminified-webpack-plugin":"^2.0.0","webpack":"^4.16.5","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-karma-jasmine":"^3.0.0","webpack-merge":"^4.1.4"},"dependencies":{"core-js":"^3.0.0-beta.3"},"config":{"ghooks":{"pre-commit":"npm run validate"}},"gitHead":"7f8b96b61564f18d772b3035e66b64e1ba31b63e","_id":"beerslider@1.0.2","_npmVersion":"6.2.0","_nodeVersion":"10.7.0","_npmUser":{"name":"pehaa","email":"info@pehaa.com"},"dist":{"integrity":"sha512-T89VVOteEnmrmjiMEMbO6BYIhAidfTZabpc07juq9iq/RM51nhgjwTFnnQGU/Zy5UpE9IFzWxoWoRTk5gC75kg==","shasum":"d87bfaa4b9f759d24e52fd48b268501439f22f19","tarball":"https://registry.npmjs.org/beerslider/-/beerslider-1.0.2.tgz","fileCount":7,"unpackedSize":112662,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJblAsFCRA9TVsSAnZWagAAbM8QAKJqUtv88mOdOSuw+Ndw\n66BbUV9hwP5i5YeWuM7+/FhmLCfrc89u5+wTkTf9l3C+F7Q7R3aAVagZfDm7\nO9fd5kJ5K9vOBzwgBap7VU/Ir3i1ZLxM6DJNBB2Is5KjxjxLbDT7b2YtJKQX\npvBDvczRFQjYAPbyfnf5H7YKXDqbPmzRo77Qi8IjkhkFob7KBVPCdN6t8lpR\noIJGbn9matq1QmDFtSMA3EUZNIa1v+FYUGqo3QOEqwn0XBTiaNpY0dVCtHFo\nOwpF43oOw7EB0jsG4XNfMyAtFQM5KgoswzKeYbTi4TgD3l3hz9VdkD7IPSiR\nmRR4CFs+4X5YC+Seu9hoRZTfHGfd+ciEED9l878UVOcScRldhHPvPWRV5GYC\niG9bewx3hRL8Uh8kUBITu/SKXzlhE+S6GGrvN75qvbNOY1lqlYES1hdrPrT0\nWCI6qnKp70yfC6qSDVrVv0to+gfkuIh/cjBXvbyLFNvue7I5CGYVxIz1aGBb\nvNGpI+EkrmLC29/mC09DMU6ws43Sesk4mI2QotyiXNhlYnJuIkFgWjf7tf2P\ny6o0I4550IWclV2RcW1rEpMCsbX/0DO3RF8oiP77S64wUP53tIScBlgXCyjT\n5pKJBanLkB1AGkd4hgeQ3A0r62WVWz51fFQSfi8wd86gedtcD3zzOInD2a5V\nwt69\r\n=F/wc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD9vtmPjJIryAcX52AwNyxRy/Ep0giMqzXb/CHrMGgX2gIhAI8WHitliZwyGVJLOQCLPBUwVXFSx8oNw+3j0nIOVi0n"}]},"maintainers":[{"name":"pehaa","email":"info@pehaa.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/beerslider_1.0.2_1536428804371_0.7430178123687703"},"_hasShrinkwrap":false},"1.0.3":{"name":"beerslider","version":"1.0.3","description":"A small,accessible, vanilla JS before-after slider.","main":"./dist/BeerSlider.js","scripts":{"preprod":"rimraf dist","predemo":"rimraf demo","test":"karma start","singletest":"karma start --single-run","report-coverage":"cat ./coverage/lcov.info | codecov","webpack":"webpack","webpack-dev-server":"webpack-dev-server","dev":"npm run webpack-dev-server -- --env.mode development --hot","prod":"npm run webpack -- --env.mode production","demo":"npm run webpack -- --env.mode production --env.destination demo","build":"npm run prod && npm run demo","lint":"eslint tests/src src --fix","validate":"npm-run-all lint singletest"},"repository":{"type":"git","url":"git+https://github.com/pehaa/beerslider.git"},"keywords":["vanilla","js","slider","before-after","comparison","ui"],"author":{"name":"PeHaa Hetman","email":"info@pehaa.com","url":"http://wptemplates.pehaa.com/"},"license":"MIT","bugs":{"url":"https://github.com/pehaa/beerslider/issues"},"homepage":"https://github.com/pehaa/beerslider#readme","devDependencies":{"babel-core":"^6.26.3","babel-loader":"^7.1.5","babel-preset-env":"^1.7.0","bulma":"^0.7.1","codecov":"^3.0.4","css-loader":"^1.0.0","eslint":"^5.4.0","eslint-config-standard":"^11.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-node":"^7.0.1","eslint-plugin-promise":"^4.0.0","eslint-plugin-standard":"^3.1.0","ghooks":"^2.0.4","html-webpack-plugin":"^3.2.0","istanbul-instrumenter-loader":"^3.0.1","karma":"^3.0.0","karma-coverage-istanbul-reporter":"^2.0.1","mini-css-extract-plugin":"^0.4.1","node-sass":"^4.9.3","npm-run-all":"^4.1.3","optimize-css-assets-webpack-plugin":"^5.0.0","rimraf":"^2.6.2","sass-loader":"^7.1.0","style-loader":"^0.22.1","unminified-webpack-plugin":"^2.0.0","webpack":"^4.16.5","webpack-cli":"^3.1.0","webpack-dev-server":"^3.1.5","webpack-karma-jasmine":"^3.0.0","webpack-merge":"^4.1.4"},"dependencies":{"core-js":"^3.0.0-beta.3"},"config":{"ghooks":{"pre-commit":"npm run validate"}},"gitHead":"e81a8af10c68d7c333b8550789b18ae9f7ed17cb","_id":"beerslider@1.0.3","_npmVersion":"6.2.0","_nodeVersion":"10.7.0","_npmUser":{"name":"pehaa","email":"info@pehaa.com"},"dist":{"integrity":"sha512-1XsuTxbspcAR1rxKOJa3qYX3XW9Kf6d+QRUJtDSxsj+yLVSoBRK8ThqpgxhGaxFeBKklrCc0v0UWpifACT7Dbw==","shasum":"5b671d625847c84b0e48225a219e84cb841158b8","tarball":"https://registry.npmjs.org/beerslider/-/beerslider-1.0.3.tgz","fileCount":7,"unpackedSize":112697,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJblnpaCRA9TVsSAnZWagAAHYAP/ivqGbClJOWKmQfMDnVM\n7ubx10U1Pkv79z7IuCoIcFS3tTNXnSaS1h5ytr7yfroSmoslS+ISbU33h9AS\nuiigFtTKBqGJn/CzzTLyiyXZJsWKW0DpWsofRT3Sb4rHwAwksAwTGuK9+B52\ns0+YfpUVPXFQ+dj4ArTm6xMpic1apyuWi3hoaQ5TYGTh1JWYRhHZi8Kcuxwb\npotAroZxrJaHg6UvkpF10YfhOVd1hsyN5kLCujXmK97G8M9LeO3Al5wgaJhs\nflD754//jpuF/Rw+VyNEDICg1MnEOhTDHdN2ovVT16Uyoys/er3SnA7eze92\nLa0WhwZCtr5QvRRe0W1LKQVa8sbnw3H48ZXxN2ASZy74mRrcI9tqLz/BSHps\n9TA23EJpt2hOnkqgvJ3JNnMqzHlrYS5fdmM6SxtFmwdNt6p8pswB/DtCLYFG\nNjQ4zAOPDWkNNwAo1lQKfkjbOYQ71NG+eHCB4Sy3IwRo0P3IZpdaE4xAUGy9\nTzGD21MXogfsdDB1LdU3X/oMGGEYJgYvEq/c65y+7mh9k+86RuPhAH5HzuMG\ntU1U1fvyfsO+cO1qUKuOmiAb6R50D3E8nudjegI0rdydylRjIUA+dmRa6sUX\ntqK10lAOSAnk26ZzYaqxA0PqmgJxinsMfT916QyM035YhW4srAW0IsGmw7d2\nmL/i\r\n=e69L\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDlrqUyouhVqN7UnZIvpc+ZdiiZpfNBo8og8RRKOJQGigIgeCCF6vJnHwAWM5FOZpiaR3bzVOtlhvI9JCUh7DrTvOQ="}]},"maintainers":[{"name":"pehaa","email":"info@pehaa.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/beerslider_1.0.3_1536588377673_0.5372925952775394"},"_hasShrinkwrap":false}},"time":{"created":"2018-09-08T10:56:22.683Z","1.0.0":"2018-09-08T10:56:22.997Z","modified":"2022-04-11T17:24:57.542Z","1.0.1":"2018-09-08T17:45:05.552Z","1.0.2":"2018-09-08T17:46:44.470Z","1.0.3":"2018-09-10T14:06:17.797Z"},"maintainers":[{"name":"pehaa","email":"info@pehaa.com"}],"description":"A small,accessible, vanilla JS before-after slider.","homepage":"https://github.com/pehaa/beerslider#readme","keywords":["vanilla","js","slider","before-after","comparison","ui"],"repository":{"type":"git","url":"git+https://github.com/pehaa/beerslider.git"},"author":{"name":"PeHaa Hetman","email":"info@pehaa.com","url":"http://wptemplates.pehaa.com/"},"bugs":{"url":"https://github.com/pehaa/beerslider/issues"},"license":"MIT","readme":"![Travis (.org)](https://img.shields.io/travis/pehaa/beerslider.svg?style=for-the-badge)\n![Codecov](https://img.shields.io/codecov/c/github/pehaa/beerslider.svg?style=for-the-badge)\n![Github file size](https://img.shields.io/github/size/pehaa/beerslider/dist/BeerSlider.js.svg?style=for-the-badge)\n\n# BeerSlider\n\n## A vanilla JavaScript accessible before-after slider\n\n\n### Demo\nYou can find [the demo here](https://pepsized.com/wp-content/uploads/2018/09/beerslider/demo/index.html).\n\n## How?\n\n\n## Installation\n\nThe ```dist``` folder contains the ready for production minified files: ```BeerSlider.js``` and ```BeerSlider.css```\n```html\n<head>\n  ...\n  <link rel=\"stylesheet\" href=\"dist/BeerSlider.css\">\n</head>\n<body>\n  \n  <!-- Bottom of body -->\n  <script src=\"dist/BeerSlider.js\"></script>\n  <script>\n    new BeerSlider(document.getElementById('slider'));\n  </script>\n</body>\n```\n\nYou can also use the cdn solution\n```html\n<head>\n  ...\n  <link rel=\"stylesheet\" href=\"https://unpkg.com/beerslider/dist/BeerSlider.css\">\n</head>\n<body>\n  \n  <!-- Bottom of body -->\n  <script src=\"https://unpkg.com/beerslider/dist/BeerSlider.js\"></script>\n  <script>\n    new BeerSlider(document.getElementById('slider'));\n  </script>\n</body>\n```\n\n\n#### npm:\n```bash\nnpm install beerslider\n```\n\n## Usage:\n\nThe basic markup is:\n\n```html\n<div id=\"slider\" class=\"beer-slider\" data-beer-label=\"before\">\n  <img src=\"../demo-assets/images/dogs-before.jpg\" alt=\"\">\n  <div class=\"beer-reveal\" data-beer-label=\"after\">\n    <img src=\"../demo-assets/images/dogs-after.jpg\" alt=\"\">\n  </div>\n</div>\n```\nThe data-beer-labels are optional, you can leave them empty or do not add them at all.\n\nTo activate the slider add the following:\n```js\nnew BeerSlider(document.getElementById('slider'));\n```\n\n### Customization\n\nYou can initiate BeerSlider with some options, the available options are:\n```js\n{\n  // start value\n  start: '50',\n  // prefix \n  prefix: 'beer'\n}\n```\n### Use with jQuery or Zepto\n\nIf you use jQuery or Zepto in your project and have a few before-after sliders on your page, you can do something like that:\n```html\n<script>\n  $.fn.BeerSlider = function ( options ) {\n    options = options || {};\n    return this.each(function() {\n      new BeerSlider(this, options);\n    });\n  };\n  $('.beer-slider').BeerSlider({start: 25});\n</script>\n```\nor:\n```html\n<script>\n  $.fn.BeerSlider = function ( options ) {\n    options = options || {};\n    return this.each(function() {\n      new BeerSlider(this, options);\n    });\n  };\n  $('.beer-slider').each( (function( index, el ) {\n    $(el).BeerSlider({start: $(el).data('beer-start')})\n  });\n</script>\n```\nwith:\n```html\n<div id=\"beer-slider\" class=\"beer-slider\" data-beer-label=\"before\" data-beer-start=\"25\">\n  <img src=\"man-hold-beer.jpg\" alt=\"Original - Man holding beer\">\n  <div class=\"beer-reveal\" data-beer-label=\"after\">\n    <img src=\"man-hold-beer-after.jpg\" alt=\"Processed - Man holding beer\">\n  </div>\n</div>\n<div id=\"beer-slider2\" class=\"beer-slider\" data-beer-label=\"before\" data-beer-start=\"75\">\n  <img src=\"man-hold-beer.jpg\" alt=\"Original - Man holding beer\">\n  <div class=\"beer-reveal\" data-beer-label=\"after\">\n    <img src=\"man-hold-beer-after.jpg\" alt=\"Processed - Man holding beer\">\n  </div>\n</div>\n``` \nA Codepen demo using jQuery is available [here,](https://codepen.io/pehaa/pen/PdJqPE)\nand Zepto [here.](https://codepen.io/pehaa/pen/EebMgg)\n","readmeFilename":"README.md"}