{"_id":"@averagemarcus/photo-frame","_rev":"3-6bee90f6f41e6cc7a90b20d1366fa77c","name":"@averagemarcus/photo-frame","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.1":{"name":"@averagemarcus/photo-frame","version":"0.0.1","publishConfig":{"access":"public"},"description":"Web Component based PhotoFrame","main":"index.js","module":"dist/index.js","scripts":{"serve":"ws","build":"rollup -c","release":"npm run build && np"},"author":{"name":"Marcus Noble"},"license":"ISC","repository":{"type":"git","url":"git+https://github.com/AverageMarcus/PhotoFrameComponent.git"},"dependencies":{"@polymer/lit-element":"^0.5.1","justified-layout":"^2.1.1"},"devDependencies":{"local-web-server":"^2.5.2","np":"^3.0.2","rollup":"^0.59.4","rollup-plugin-commonjs":"^9.1.3","rollup-plugin-node-resolve":"^3.3.0"},"gitHead":"dc65280e2aa5d02791c41cc001e1398c1472dbd3","bugs":{"url":"https://github.com/AverageMarcus/PhotoFrameComponent/issues"},"homepage":"https://github.com/AverageMarcus/PhotoFrameComponent#readme","_id":"@averagemarcus/photo-frame@0.0.1","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"averagemarcus","email":"marcus@marcusnoble.co.uk"},"dist":{"integrity":"sha512-D2gBXyOy9bJ4lfL/Olh0YNwq9CUDJes3IV/SqQf+A7PFr9xCNfGVbbKxheeKFksFgX4yoszhijFl0BgeJHMkLw==","shasum":"c52a8292393bdf6e2b904261fba1512fddb8f89c","tarball":"https://registry.npmjs.org/@averagemarcus/photo-frame/-/photo-frame-0.0.1.tgz","fileCount":5,"unpackedSize":104489,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbEmBGCRA9TVsSAnZWagAAPmsP/iRm3/3kN1qswAMbGuui\nUjiXPHcBtbmMTJtV1tc8teHNT6vXlRhBDHNN+814PylVoSMHnnoXq+0v6Ot8\n9AVHqFIFwcoS0On/yxiytM7H1ST9iRaVc8mZvOJYSydUoBthIogkpAbc4uGe\nXbcB53GYLfp6sbIVcTeDTajuhiRgzJhBuyFawwC+F0xOewj/4ply2JiYOG9U\nFBeXPNCleQD5PJruyPq4A//GvK6o4oqcDiw0vqjz5IMb7PrGoNoAzwRBNY8j\nEQDMABDA1Y+6b/AbN4vxiU5koPMKfkHP8BsKU74RC8diB4HDANt6YuF8ov6k\nB89xlQA9kBb/RjGbOLItmEKIfByLMZKJZDXq99/Ui/fyQmwuzizW5HywP138\nkmJvoJEkT3y98CqVZZ9UQ+aOBu19TvuHLad/aBsOzaBbT3wi1IxFpvGGBJR1\nzTZuUdDVxSwnbrut9mbmdiAWtKGlWzwrOCZHjBzoaAh4AHsDGCT+6kkVwSLp\nkgsdUIrnUjmJPWC4YlxDBwLMVKigwzLRxqWVA42f9++SwRoh56YuLI13QGOx\ncrDXbziM7eFjSE6ehpmVLttzbn2UKHxVkjB6vRn2fscpmEFgUZis2GLT6RB9\npQJF76JnGrNzWpHXpATqPzOQb5M5RAcRWzUa8IVo/9EaBQf/8HLkcA2uJXwa\nbHvi\r\n=Cndm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCFwhY0staToIrMjB77WFHfWdMLUxQmWYQEBhWDpAV8sAIhAJIEbWxBMeMqHQxa0+nMXv/kOlj3dEWw4im6+VOgASX/"}]},"maintainers":[{"name":"averagemarcus","email":"marcus@marcusnoble.co.uk"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/photo-frame_0.0.1_1527930949188_0.7662881562978889"},"_hasShrinkwrap":false},"0.0.2":{"name":"@averagemarcus/photo-frame","version":"0.0.2","publishConfig":{"access":"public"},"description":"Web Component based PhotoFrame","main":"index.js","module":"dist/index.js","scripts":{"serve":"ws","build":"rollup -c","release":"npm run build && np"},"author":{"name":"Marcus Noble"},"license":"ISC","repository":{"type":"git","url":"git+https://github.com/AverageMarcus/PhotoFrameComponent.git"},"dependencies":{"@polymer/lit-element":"^0.5.1","justified-layout":"^2.1.1"},"devDependencies":{"local-web-server":"^2.5.2","np":"^3.0.2","rollup":"^0.59.4","rollup-plugin-commonjs":"^9.1.3","rollup-plugin-node-resolve":"^3.3.0"},"gitHead":"9c22ec706f8feaa36ec3c5a49640af4f3b14ed2e","bugs":{"url":"https://github.com/AverageMarcus/PhotoFrameComponent/issues"},"homepage":"https://github.com/AverageMarcus/PhotoFrameComponent#readme","_id":"@averagemarcus/photo-frame@0.0.2","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"averagemarcus","email":"marcus@marcusnoble.co.uk"},"dist":{"integrity":"sha512-hFVBC29BBX8/TDKTfbonw16C6tjvXI6Dd3HNOj/H9q9+CSB2Zqxwe1aKXvJ2E3Zu/WgKwOrLzOPfh4uTGsvGKQ==","shasum":"4edecfdf1da8d17739f82a1cf6110561d021fcf8","tarball":"https://registry.npmjs.org/@averagemarcus/photo-frame/-/photo-frame-0.0.2.tgz","fileCount":6,"unpackedSize":106262,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbEmWYCRA9TVsSAnZWagAANnsP/1lMh5iUgNMRBxxkCtNB\n37Agq5wggPCyfaBftR/Cf1FtFQedsEH+vdOYm/glduvU1LZ/kQmpTa/ATt09\njw6T3E/an7I1AV0hV17c4BGTLIIuwDtejtlFqQixYTEtQAZ6ZqIeCkCYw0b3\nHbVHaKAtC4YHPyRY+Eo+2A4IfeJARiWt1b10ahPQDNc/BriqhtTL4f8TihuX\n5vdhkCO9J2376a9srdiHw/+Z7ET3Hzs14Vsh9d+qqEAJMWjs4w+3LfJgcvsP\n6oEM+KlqNCJE1RoJlw4LZ2xzthHIX9xBb85NqMsOcqbGSpqQve/jiIeBNl6I\n2/WkVjhMctPrU2bYahbGebX7+PZeiyhq5exdV4DH9S/lcEMftbR96cvfETKJ\nSPjH4m4dhag1oNUqh7RdJUrZ9NZAb/VW+rtnkIWl8YLQT36uA5Fob8uSBTPU\nPgPrwiBltcWgjxistvnW+8iJiyvJavDeQ8cumyqkbqP1T8u8qEIYQ9iuU8YZ\nZilAbBld3SYYpOOagxjqMkM84AKN7U/syhNMZD2hnXHKuT1M4UZIeM61bYGC\nCax3cFeA8uIYBwOAgal1MmukS7w05GFQ9xlkuefMAVsk0DKYjN+K4WNLgJq9\nG1dfji4SsnQWUB6l3kvTfP3tQVfvKIJYvfTxJYcSVSWw9uQZzDqUnvunXqbH\nMeN8\r\n=HD5C\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB/oi+HIwvmOQrYSYZxME6iVYejboytBMzvraB7gi4rvAiBV4VyqdthfkrX8hyjUJTAScAURI7J/CzrToVnmEOPNAQ=="}]},"maintainers":[{"name":"averagemarcus","email":"marcus@marcusnoble.co.uk"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/photo-frame_0.0.2_1527932311311_0.2333651563454544"},"_hasShrinkwrap":false},"0.0.3":{"name":"@averagemarcus/photo-frame","version":"0.0.3","publishConfig":{"access":"public"},"description":"Web Component based PhotoFrame","main":"index.js","module":"dist/index.js","scripts":{"serve":"ws","build":"rollup -c","release":"npm run build && np"},"author":{"name":"Marcus Noble"},"license":"ISC","repository":{"type":"git","url":"git+https://github.com/AverageMarcus/PhotoFrameComponent.git"},"dependencies":{"@polymer/lit-element":"^0.5.1","justified-layout":"^2.1.1"},"devDependencies":{"local-web-server":"^2.5.2","np":"^3.0.2","rollup":"^0.59.4","rollup-plugin-commonjs":"^9.1.3","rollup-plugin-node-resolve":"^3.3.0"},"gitHead":"e344b7f0b084a955d5aee2547f63cab690d07531","bugs":{"url":"https://github.com/AverageMarcus/PhotoFrameComponent/issues"},"homepage":"https://github.com/AverageMarcus/PhotoFrameComponent#readme","_id":"@averagemarcus/photo-frame@0.0.3","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"averagemarcus","email":"marcus@marcusnoble.co.uk"},"dist":{"integrity":"sha512-iFMja+ja9VwBtCSPcsDpgsXisYn5UqB579hcCNpMr6tzEpizZjB3C7cUgnL9R/687SePgXL0c0/zxXPkSKLtwA==","shasum":"a21f45773d7967960aa3491682e9f930a0225eff","tarball":"https://registry.npmjs.org/@averagemarcus/photo-frame/-/photo-frame-0.0.3.tgz","fileCount":6,"unpackedSize":106418,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbEnJsCRA9TVsSAnZWagAAfc0P/isLbdeFT3opEHiheZNZ\nktkuLYd5ZrNF4CxMAXvXlkgk5mL3JPE4pO9wHB9IHIv7vvnzwFvGMJg5ykla\nIabT7TWNw/ksSRUdkHJoLki6rXgrFW77sva9PYCLEYTXSSK1e4BqDhxaSQ2a\n7GMq3Zld28j980tLPkn3AZdGd54KGLvoEoy05Q4o36iDoUGXgXT4LztftJug\nkO62i/K9WD90jSftkVAoYLT2lNWJF+BZdMmbrs/TSn/JZsI51fQ9mWdWeAtx\ncyNuaUCxx+u2XzTgNB8MYms9uRZY/Tme+zdQRyr2FtjvATyOBbBtBoMDnKXl\n1+rqdRsD0SKfhZBLIkcgxqB0VttQ3IULEHOFJBd1TmNG14mIj9nHDk9Xt2Jl\nDMvY3WzVRqO2ZLASPP3O7sD2lydrpq0J22DKvE3Z9Jdmfjqv8TezKyb2pDjl\n3a88BMiX/A/+/EbmgaPkT1v0AlbZ/0qlZvYmJY1NYkXDsErrFgVGhxj3jtjR\nANTZrfP4aaE6TVR55LbZn+v3ipv2G1FwE9PGV/PYfMHTJjW5RFXxSiVK9Rcc\n2zf67dkZA3st63KUckatCn2nV5iNEB5Vkr6wjc7YIGxN4OzQDe5AMReHHm3S\nJ0BeLHXZndZi1uHQvCFBVJwXX7PJJjFfGi7qeOVyVcqlyqJQe9QZPM1U8PUR\nj+vn\r\n=Urgu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDx8Yph2D3h7X6MoOLC2Z2KiYLnlcCf1tl68vx7Hjn3UAIgRgwcyu7Mvbe1946wiLZV7HB0WZ24LI9arA2qxQ2XUfk="}]},"maintainers":[{"name":"averagemarcus","email":"marcus@marcusnoble.co.uk"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/photo-frame_0.0.3_1527935595953_0.9147881891948477"},"_hasShrinkwrap":false}},"time":{"created":"2018-06-02T09:15:48.872Z","0.0.1":"2018-06-02T09:15:49.271Z","modified":"2022-04-04T16:46:10.423Z","0.0.2":"2018-06-02T09:38:31.377Z","0.0.3":"2018-06-02T10:33:16.021Z"},"maintainers":[{"name":"averagemarcus","email":"marcus@marcusnoble.co.uk"}],"description":"Web Component based PhotoFrame","homepage":"https://github.com/AverageMarcus/PhotoFrameComponent#readme","repository":{"type":"git","url":"git+https://github.com/AverageMarcus/PhotoFrameComponent.git"},"author":{"name":"Marcus Noble"},"bugs":{"url":"https://github.com/AverageMarcus/PhotoFrameComponent/issues"},"license":"ISC","readme":"# PhotoFrameComponent\nWeb Component based PhotoFrame using [justified-layout](https://github.com/flickr/justified-layout) from [Flickr](https://github.com/flickr)\n\n## Example usage\n\nSource: https://glitch.com/edit/#!/photo-frame-component?path=index.html\n\nLive Demo: https://photo-frame-component.glitch.me/\n\nThe page will slowly scroll through all images and then scroll back up once it reaches the bottom (on repeat). Clicking/tapping anywhere on the page will toggle fullscreen mode.\n\n![image](https://user-images.githubusercontent.com/3384072/40873008-6a79a1de-6650-11e8-8ca2-97813ba95810.png)\n\n\n## Usage\n\n1. Include a script reference to the module:\n```js\n<script type=\"module\" src=\"https://unpkg.com/@averagemarcus/photo-frame?module\"></script>\n```\n2. Add a `<photo-frame>` element to your page and fill it with images:\n```html\n<photo-frame>\n  <img src=\"https://placekitten.com/200/300\">\n  <img src=\"https://placekitten.com/200/300\">\n  <img src=\"https://placekitten.com/1025/800\">\n  <img src=\"https://placekitten.com/500/500\">\n  <img src=\"https://placekitten.com/250/250\">\n  <img src=\"https://placekitten.com/200/300\">\n</photo-frame>\n```\n\n## Configuration\n\n**spacing** - Increase the space between images\n```html\n<photo-frame spacing=\"10\">\n  <img src=\"https://placekitten.com/200/300\">\n  <img src=\"https://placekitten.com/200/300\">\n  <img src=\"https://placekitten.com/1025/800\">\n  <img src=\"https://placekitten.com/500/500\">\n  <img src=\"https://placekitten.com/250/250\">\n  <img src=\"https://placekitten.com/200/300\">\n</photo-frame>\n```\n\n## Contributions\n\nContributions welcome!\n\nFound a bug? [File an issue](https://github.com/AverageMarcus/PhotoFrameComponent/issues/new)\n\n## Running locally\n\nOnce checked out:\n1. `npm install`\n2. `npm run build`\n3. `npm run serve`\n","readmeFilename":"README.md"}