{"_id":"@azerion/add-to-homescreen","_rev":"12-47f86120f7b69891dd5fa9476cd9e522","name":"@azerion/add-to-homescreen","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@azerion/add-to-homescreen","version":"1.0.0","author":{"name":"Azerion"},"license":"ISC","_id":"@azerion/add-to-homescreen@1.0.0","maintainers":[{"name":"zbart","email":"b.smallenburg@azerion.com"},{"name":"florisdh","email":"florisdh@gmail.com"},{"name":"fbrq","email":"fabrique@orangegames.com"},{"name":"alebles","email":"a.bles@orangegames.com"}],"dist":{"shasum":"47c3665fb315c4e854a138c94414b70db755d94d","tarball":"https://registry.npmjs.org/@azerion/add-to-homescreen/-/add-to-homescreen-1.0.0.tgz","fileCount":4,"integrity":"sha512-LETCjGPWMdFo0a079h8+eSH0kLeG9tAZEb9b1/883Qtb7+/3Q1/y7LYsw6iWSmurUupxJQSP0dglHX+aMhrhZg==","signatures":[{"sig":"MEUCIQDoYujdJnUL1y4npzxdqMnJhF1H9myI0MP7uOkIXMcLPQIgCuJJ4+cc9ynZ2D3gqE4co02GceHUryRGhMXBY+Socew=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17302,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcneYiCRA9TVsSAnZWagAArkAP/inpXqLrHiodFu9WGDXW\nJ75qiNsDWrLbVAGRRUNC3OglhEMS7wVbyik3Mbiit4avYae+dqSS27ENv50+\n37Telf0E46Bh13Ow4WNbASoe2AUs0Sp7rCYQoba4BzCjvBYK6BL2eyowDTy5\nsBAljdMX2URN2z4Tu9hi7r+BcnDoBRxPs6VGxVbS78BMg2ErVzVL8xYqCj2x\nWBeRPIFFUyCgtcE4HCDVYdTBx0BVMtIFUzmV0TPxaJT2lzX9pO89RoEYkwbw\na9oLPfv9FlJgQo0NXxyZPsN+Ses9LqBwTXfDo6xWi8mYWBXnsR5feupYzC1h\n1sejbxKtBmq41OQ9ki+LXxApcK39KauL0LZS0ENmcafuPAKxvQA2UPhiQ/Vz\nksxwZ/IskR0q7k2RNv7PpBm9wa++65jgbSbMri+j3126I//7zM1eWmnRHTlM\nZ7MtdW8nSxTT9VWox/DzLZvZC8WVCIVlr0db4FXEHHtn8p6Ckzj944nV9UeG\nQl/P+2zGIJF1byHgtt8FU0m5AnIK2RqQjo3muHVCzV+BroXAY+zyWVtijKig\n4h575tanDsR+ulxVtV/NzKaY5o57a+GNAnYgrNa519o/8A/+qy5uBz4DZeIf\n4zKtDgte43xMYYaqS4Qr6KJ78OP+4PQShy6O+K+B6oiahxw09/yiY6Xwg4GA\nJhot\r\n=Sw/4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"homescreen.min.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"fbrq","email":"fabrique@orangegames.com"},"_npmVersion":"6.5.0","description":"Add to homescreen popup feature","directories":{},"_nodeVersion":"10.15.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/add-to-homescreen_1.0.0_1553851938220_0.5505562305116873","host":"s3://npm-registry-packages"}}},"time":{"created":"2019-03-29T09:32:18.040Z","modified":"2026-06-13T19:00:09.911Z","1.0.0":"2019-03-29T09:32:18.413Z"},"author":{"name":"Azerion"},"license":"ISC","description":"Add to homescreen popup feature","maintainers":[{"email":"a.bles@azerion.com","name":"alebles"},{"email":"adsdk-support@azerion.com","name":"azerbot"},{"email":"a.hulsman@azerion.com","name":"hulsman1986"},{"email":"mr.muhasan@gmail.com","name":"moin.hasan"}],"readme":"# An \"add to homescreen\" pop-up feature.\nThis tool wil display a popup on the second day a use visits your site, it will suggest the user that he can add it to his homescreen\n_note: this is a mobile feature._\n\n## Getting started\nLets start by installing the package, like most of the other package we will make use of NPM\n\n`npm install @orange-games/add-to-homescreen --save-dev`\n\nNow lets call get the tool in our project.\n\n`import Homescreen from '@orange-games/add-to-homescreen';`\n\nAt last let's call the feature!\n```\nnew Homescreen('popup', {\n    storage_name: \"homescreen\",\n    title: \"title\",\n    stepChrome: \"step 1 chrome\",\n    stepSafari: \"step 1 safari\",\n    step2: \"step 2\"\n});\n```\n_note: all those parameters are REQUIRED_\n\nAnd done, it's that simple!\n\nThe styles are not included in this tool.\nHere are the style elements used. (SASS format)\n```\npopup {\n    /* Basic styling of the popup */\n    .title-container,\n    .text-container {\n        /* The container elements (basic styling like padding etc.) */\n        p {\n        \t/* This is for the icons of the respective browser */\n            &.chrome {\n                &:after {\n                    /* Chrome icon */\n                }\n            }\n            &.safari {\n                &:after {\n                    /* Safari icon*/\n                }\n            }\n        }\n\n    }\n    .title-container {\n        /* The title style (Things like background-color, font color etc.) */\n        /* It is recommended to use display: flex; for this */\n        h3 {\n            /* The actual text */\n        }\n        button {\n            /* This is the little close button. */\n            &:before {\n                /* Close icon */\n            }\n        }\n    }\n    .text-container {\n        /* Style for the steps (Things like background color etc.) */\n        p {\n            /* Style for the text + icon */\n        }\n    }\n}\n```","readmeFilename":"README.md"}