{"_id":"@benjamin-gambling/mobile-responsive-portfolio-menu","_rev":"4-646c0e7ddf0a99ee2c7c9d2aa81b18d9","name":"@benjamin-gambling/mobile-responsive-portfolio-menu","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@benjamin-gambling/mobile-responsive-portfolio-menu","version":"1.0.0","description":"resposive porfolio menu with drop down capability at small screen widths","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["drop-down","menu","navbar"],"author":{"name":"Benjamin Gambling"},"license":"MIT","devDependencies":{"webpack":"^4.43.0","webpack-cli":"^3.3.12"},"dependencies":{},"repository":{"type":"git","url":"git+https://github.com/benjamin-gambling/responsive-portfolio-navbar.git"},"bugs":{"url":"https://github.com/benjamin-gambling/responsive-portfolio-navbar/issues"},"homepage":"https://github.com/benjamin-gambling/responsive-portfolio-navbar#readme","gitHead":"2417c0325e3d2f9dfa14aaa9d9125ffff43c745c","_id":"@benjamin-gambling/mobile-responsive-portfolio-menu@1.0.0","_nodeVersion":"12.17.0","_npmVersion":"6.14.6","dist":{"integrity":"sha512-5NBf74lTMk2xMYLMcbKLLLMKlRuryZirWwfCqlntLvmouHg1zJxC7vgdFNZUio51PcyjiMDXShnAeLw6qrOdEw==","shasum":"1cb9c5af7a1bbd8bff55d4f8c892214884db7bf5","tarball":"https://registry.npmjs.org/@benjamin-gambling/mobile-responsive-portfolio-menu/-/mobile-responsive-portfolio-menu-1.0.0.tgz","fileCount":15,"unpackedSize":472453,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfEKTjCRA9TVsSAnZWagAAqjIQAKR4o1eHF7Z+q14kwpYM\nILcbggdk8ku7I+YWL4Fx+G3M0QBJ4RQvtgQOFq3MpeVl2NvQ+QdN4tJq3hvB\n0NVVWMrdnRKTE4zLsiv/AR+z5EtXZCUa9d2qPeMmPsVgsMbMUte79smUZJvD\nZvvE5z7R6HZ4BkD55aKAJ9VeQegnvXalvs3yHdQAD81ICt5f8WRuxzgvxWt/\nyaotq6bJhuo6/j8Upt7bx8SspfYNi0ntwsydxQlWmhr1HPc7AkMK0tU7P7WO\nUbwoJ92Mb6+UbBDhwCQAN2tAw/F9SvVMnunDsoBjYg4h0mZrk4C0KsMnXNMx\nQkgS4IliJKsXT0GVq6Avk8VUkVc+ZSkWQGcsVJLZ7uZG2chBduZ8WFeVOG6/\nfISi+J1QLl9By0Byv0Gg/+qR4OogMPBemZmZa89iLJqlW1utVJ7idpNab1tU\n7b1NNblSTqARc5ha8J/KWbSLirGFs81aUnBTlpIXkivtq5rkqGrUeZYWT1UB\n/7RWjKFvqT0mK2pXuBp6TAnDgC94Wdu768SevePjz1OgTngx126PZmGRhf3w\nSJv99pbS1HSOC9ZGMaFspqbbMG1zpORrbMW34m3CDXJmyp/FeE4cBNKj1faI\nuLLvibj8IdoMjMMnwvzPVAZcvp0W3aO27Tga0XhSFzTWVqhmGD5tp//0VV8c\nYyCX\r\n=pdbi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQXDGuq8Ya9fYpWvywOPK2gha9indI7V8EAcOOqlfctQIgH6g/1QKZmOheTqwpoQ615oVFeQvhT3UIBoWn85QCYqU="}]},"maintainers":[{"name":"benjamin-gambling","email":"benjamin.gambling@gmail.com"}],"_npmUser":{"name":"benjamin-gambling","email":"benjamin.gambling@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mobile-responsive-portfolio-menu_1.0.0_1594926307214_0.43273500081602934"},"_hasShrinkwrap":false},"1.0.1":{"name":"@benjamin-gambling/mobile-responsive-portfolio-menu","version":"1.0.1","description":"resposive porfolio menu with drop down capability at small screen widths","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["drop-down","menu","navbar"],"author":{"name":"Benjamin Gambling"},"license":"MIT","devDependencies":{"webpack":"^4.43.0","webpack-cli":"^3.3.12"},"dependencies":{},"repository":{"type":"git","url":"git+https://github.com/benjamin-gambling/responsive-portfolio-navbar.git"},"bugs":{"url":"https://github.com/benjamin-gambling/responsive-portfolio-navbar/issues"},"homepage":"https://github.com/benjamin-gambling/responsive-portfolio-navbar#readme","gitHead":"8f756d8a19e2bf50572bd898439925ab813ecbad","_id":"@benjamin-gambling/mobile-responsive-portfolio-menu@1.0.1","_nodeVersion":"12.17.0","_npmVersion":"6.14.6","dist":{"integrity":"sha512-PUgmTLnmmpsdcI6lGXwjLuoweB52YV5yZ42OIq3fBsEGKtxgV3FC7eP8ne9lP2wzFQpAfhylUS+vGJhwGS3UZw==","shasum":"fcd680af895845aeb029a057387d5172fbf035cd","tarball":"https://registry.npmjs.org/@benjamin-gambling/mobile-responsive-portfolio-menu/-/mobile-responsive-portfolio-menu-1.0.1.tgz","fileCount":16,"unpackedSize":477374,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfELaQCRA9TVsSAnZWagAAR98P/A3YFwKl2e3y0kwkGnZR\nIZe67B8Wn+3R9uJTeTLqlecTa0KsqkoSqlV657LmLrbk1IWgTozaJ7vs1Zgg\ncoMLZNtD6f5KawteHxqIxuD9GFSDkewIdzdPz2WPc7OpTGxY2AT+kioy6GgY\nrrkeHsyZHMLELIK17kvMBKbdq2/k0cT8cJaVXC/9r0Vny/qBC+L/8zk80s7u\nhf391EqzOIFSHNrubQCF16Meapi3KGcxBu6zGwUg3HHycuUnx7yzbEQecrvE\n9hLf/t88yyotIi9VjfOk7ww0/JSuwZdPxUVGhytG7gYZ8pSUsmKSABCOp6tD\nVyt9zSKlckDi8zcJQ5Q98sJBxYvSStqfxVJ6am0g8+5DIC1XPeQh8+X0l8dH\nz3jVmSvhWeAO2sc7YPeiKomlDacyhnVkXBjStjlPyShFReBTyqsHaujnyRlx\nr8yYWLUbepiwm0vJuZxtIAL15M2Vj1fxalmWDob+aQf5prVHovNuyKnPcn1Y\n/cM2B6oMI8EvaWJvmJ/qL7EOa7j53NJl4pz9p455U8aDcD9igJt4W3N7CISa\nshW/gCbteimfO+rHtJVueAOYXgi2C6bfQanSF68EM5kekMcfXf/10QyRR666\nj6yIT0P8WmGP+CJQMgogw1qcc1MmmgKKpu8/FL2JVuTuA3jMMOOUmu9jVicn\ndXwQ\r\n=Bs1P\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDB5ZhM2whCd7sUavF+sH7zJQHoiSgdGyTF6gp8f5g9LgIgO/ttRU9RNZDV51j7dnm2/MT+7gSoDe1L91OgqoTn0Gw="}]},"maintainers":[{"name":"benjamin-gambling","email":"benjamin.gambling@gmail.com"}],"_npmUser":{"name":"benjamin-gambling","email":"benjamin.gambling@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mobile-responsive-portfolio-menu_1.0.1_1594930832413_0.6860821800764554"},"_hasShrinkwrap":false},"1.0.2":{"name":"@benjamin-gambling/mobile-responsive-portfolio-menu","version":"1.0.2","description":"resposive porfolio menu with drop down capability at small screen widths","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["drop-down","menu","navbar"],"author":{"name":"Benjamin Gambling"},"license":"MIT","devDependencies":{"webpack":"^4.43.0","webpack-cli":"^3.3.12"},"dependencies":{},"repository":{"type":"git","url":"git+https://github.com/benjamin-gambling/responsive-portfolio-navbar.git"},"bugs":{"url":"https://github.com/benjamin-gambling/responsive-portfolio-navbar/issues"},"homepage":"https://github.com/benjamin-gambling/responsive-portfolio-navbar#readme","gitHead":"408c1daf8e38ff34381d460c9752b251f876704c","_id":"@benjamin-gambling/mobile-responsive-portfolio-menu@1.0.2","_nodeVersion":"12.17.0","_npmVersion":"6.14.6","dist":{"integrity":"sha512-xHvhENmOgd3/+q6uXiEMBeHuyTmSKLWjwUsAku++HCF1FzyI2YT3duuolHBqN0QDzt9RAgLUHQLOIs0qb3mHTQ==","shasum":"aedd8c7113194a147d7e4dd1dd1852d6880e635d","tarball":"https://registry.npmjs.org/@benjamin-gambling/mobile-responsive-portfolio-menu/-/mobile-responsive-portfolio-menu-1.0.2.tgz","fileCount":16,"unpackedSize":477436,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfEdqSCRA9TVsSAnZWagAAD2EP/Awg+drdZ6KInWnJGmv4\nVLOSYIXMGCX33PZKcj6MqWwnOn6S3sEF8LyiwnxEL4jKBNG2ojNltFa2BBYf\n2BEcLiqs+5WxCrZfExQUh6SHV7+/FJRcY/0YhYluglYsjK3L7Ct+4WNpcLSg\nksAzR0lAb83O5Bs/+dYgmkYL/tR5zuJYNv9DpAouKRX9pH44wTw0QqxasMZx\n8vFNy6mHH3MTgQQ5YSLLweWA9ZnMBLaikaIF+Vf8rdTSIbmFHuaPns1C60fe\n0z4ZqK3Dsg5LF2lVp8D6UowcYnzzOB653JzMY3rSyAYXFoot3mAP6APPp0go\ngSKlxN4NdtQesS0vOR4daruhEMIUNQnOFA3UxC2+lKdOe6T+XByN/esdj++K\nX1hdMGY0GheGA+uYqL+qifVb8xtyL3WSmZG3yLVtyN4bMP8tA9oxulTxMgec\n5OTKvhIK997w+vib1p/lZg17WpP35TvkLw5+doprqfNYgYVlNh+Yd0GhXbo9\nrHye+jNZbXSSo+GvbJADmfctdivNX+8fvuP3IS1imlNzHu/3vj1wNy5GD2/F\nZGzfxKpJ8123pdbvQq/zkhYFHBfM25wqy+Ppo/4CoQ5CsHFhi4Ag0Wgg94wC\naB0VnWK6B8BlfSuznT0zxPejSeu0sBVXlsA2fGRGmN5mm8n19fstuNwSUv+M\nL/Wn\r\n=6Mp3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDA8Ib2HkQubJc/UMBDsWjZ9jSys0QL0gNUEyfoDQJutAiEA4TutiKO3j7FEs9vojiybp0s6FU3JCNeVuiFb/9UyH1E="}]},"maintainers":[{"name":"benjamin-gambling","email":"benjamin.gambling@gmail.com"}],"_npmUser":{"name":"benjamin-gambling","email":"benjamin.gambling@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mobile-responsive-portfolio-menu_1.0.2_1595005585957_0.9130997901961324"},"_hasShrinkwrap":false},"1.0.3":{"name":"@benjamin-gambling/mobile-responsive-portfolio-menu","version":"1.0.3","description":"resposive porfolio menu with drop down capability at small screen widths","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["drop-down","menu","navbar"],"author":{"name":"Benjamin Gambling"},"license":"MIT","devDependencies":{"webpack":"^4.43.0","webpack-cli":"^3.3.12"},"dependencies":{},"repository":{"type":"git","url":"git+https://github.com/benjamin-gambling/responsive-portfolio-navbar.git"},"bugs":{"url":"https://github.com/benjamin-gambling/responsive-portfolio-navbar/issues"},"homepage":"https://github.com/benjamin-gambling/responsive-portfolio-navbar#readme","gitHead":"08be8a67c08dd5ef2d26706a215273fca713eaba","_id":"@benjamin-gambling/mobile-responsive-portfolio-menu@1.0.3","_nodeVersion":"12.17.0","_npmVersion":"6.14.6","dist":{"integrity":"sha512-LKPnu7SX6KpTebykimt0NFV9oGuyFwULZ0JRFUQ0T3ICQmx+9LYBZHpxS296CbJ6XyyPgmMOWOUdpXDQuMxyog==","shasum":"b42df6f2e5c7400101f10d812486e20a3438854a","tarball":"https://registry.npmjs.org/@benjamin-gambling/mobile-responsive-portfolio-menu/-/mobile-responsive-portfolio-menu-1.0.3.tgz","fileCount":16,"unpackedSize":477183,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfEecFCRA9TVsSAnZWagAAeuIP/RHyUz342vmdG3MB7x+o\n5O+MFi/o/DQyfAZ23fahHhjbATzdCUvU1cL00gWSo9pAHAv+T09ztsfrW4wJ\nttdQF2QrAzibJaQmXSG6a5V2fES5/fqWc681s4Y2b6TYQfOn6I8jE2sVCAoK\nV7nPm0FEYg7WDW1vLTZ2iKQCY6xOm4DEn9L/PAX+Lf5K3h5IrjVngvLz1Bwi\n+xOC9RvlUKHENHOQKRCohj7ZOSa07tlXv39Vpdhfkn0prmY/CKoED47mu10y\nfVD3RINEQoaE+Z6yDPQ5AphP01sjnJYGCJDiR+1JOTHf8aRtz9nJzMap87OE\ne89cSF7+nwX9zoORQe1KLmxypGsGWYyeD+y66nhzfU46OkFZ8KWICcVdV/ia\naHTa0BOY42l5ta/eikv0WOxjC14IF0oXMT+h6eQ8H3TcJm9aJrhFPHT0kxWA\n1ZboLe67hcpBQCnVInU2mCfIyAJ96rbkGRcYp6pS7wex4gTB7+sGK7SZvA8P\nNTWh0nSERdTT90d4AaPQwtnWxLuulD8dm1nfsBG08wqBqxy+UkUmwEUF5xk+\nTc/BwU9J42SZ8J6eevRinP+un6eZU+wfWXXIUbY1wYU5e8bhNyNw/6kfw2ir\nzZeu7feeIfOhlJbKtdDfEWCPCWqiUjaXFIrwumC0EwFCq8mH89krfB+E3IU/\nTyaT\r\n=hoNM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCRk0i4H4FNdd09Nb8FekrYeDR11MyXcAKBd2Vl8X3g8gIgc8dM16eotlekbIw3RsQRxUW3mcPE80io7drvJB1+aI0="}]},"maintainers":[{"name":"benjamin-gambling","email":"benjamin.gambling@gmail.com"}],"_npmUser":{"name":"benjamin-gambling","email":"benjamin.gambling@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mobile-responsive-portfolio-menu_1.0.3_1595008773210_0.4858577371565087"},"_hasShrinkwrap":false}},"time":{"created":"2020-07-16T19:05:07.170Z","1.0.0":"2020-07-16T19:05:07.361Z","modified":"2022-04-04T18:22:45.282Z","1.0.1":"2020-07-16T20:20:32.627Z","1.0.2":"2020-07-17T17:06:26.238Z","1.0.3":"2020-07-17T17:59:33.567Z"},"maintainers":[{"name":"benjamin-gambling","email":"benjamin.gambling@gmail.com"}],"description":"resposive porfolio menu with drop down capability at small screen widths","homepage":"https://github.com/benjamin-gambling/responsive-portfolio-navbar#readme","keywords":["drop-down","menu","navbar"],"repository":{"type":"git","url":"git+https://github.com/benjamin-gambling/responsive-portfolio-navbar.git"},"author":{"name":"Benjamin Gambling"},"bugs":{"url":"https://github.com/benjamin-gambling/responsive-portfolio-navbar/issues"},"license":"MIT","readme":"# Responsive Portfolio Navbar\n\n> **Navbar < 875px Width**\n\n# ![Responsive Portfolio Navbar < 875px Width](readme_img/navbar<875px.png)\n\n> **Navbar < 875px Width Open**\n\n# ![Responsive Portfolio Navbar < 875px Width Open](readme_img/navbar<875px-open.png)\n\n> **Navbar > 875px Width**\n\n# ![Responsive Portfolio Navbar > 875px Width ](readme_img/navbar>875px.png)\n\n## Table of contents\n\n1. [Demo](#demo)\n2. [Technologies](#technologies)\n3. [Features](#features)\n4. [Development](#development)\n5. [License](#license)\n6. [Installation](#installation)\n\n## Demo\n\nHere is the working live demo:\n[https://benjamin-gambling.github.io/responsive-portfolio-navbar/](https://benjamin-gambling.github.io/responsive-portfolio-navbar/).\n\n## Technologies\n\n- Javascript modules, ES6, Font Awesome Icons\n- [Webpack](https://webpack.js.org/)\n- [NPM](https://www.npmjs.com/)\n\n \n \n\n## Features\n\n- Mobile Responsive Design\n- Fully Customisable to Users Prefrences\n- Background Cover to Focus on Menu\n- Install via NPM (See Instalation Guide)\n\n### Devlopment\n\n- Add Aminations to Toggle\n- Improve the desktop nersion of Navbar\n\n## License\n\n> You can check out the full license [here](LICENSE)\n\nThis project is licensed under the terms of the **MIT** license.\n\n## Installation\n\n1. In you project directory copy and paste:-\n `npm i @benjamin-gambling/mobile-responsive-portfolio-menu --save`\n\n2. Then in you Javascript file use: -\n `import navbar from \"@benjamin-gambling/mobile-responsive-portfolio-menu/dist/main.js`\n\n3. Add the HTML and CSS editing as you wish.\n\nHTML: -\n\n````\n\n
\n ```\n\n\n CSS: -\n :root {\n --main: rgb(52, 152, 219);\n --main-gray: rgb(238, 238, 238);\n }\n\n _,\n _:before,\n \\*:after {\n box-sizing: border-box;\n }\n\n body {\n margin: 0px;\n font-family: \"Share Tech Mono\", monospace;\n color: var(--main);\n }\n\n a,\n a:link,\n a:visited {\n color: var(--main);\n background-color: transparent;\n text-decoration: none;\n }\n\n ul {\n list-style-type: none;\n padding-inline-start: 0px !important;\n display: flex;\n flex-direction: row;\n }\n\n .hidden,\n .collapse {\n display: none;\n visibility: hidden;\n }\n\n .show {\n display: flex;\n visibility: visible;\n }\n\n .navbar {\n display: flex;\n flex-direction: row;\n width: 100%;\n background-color: var(--main-gray);\n padding: 20px;\n align-items: center;\n }\n\n .nav-name {\n font-size: 25px;\n }\n\n .nav-toggle {\n font-size: 25px;\n color: var(--main);\n margin-left: auto;\n display: none;\n visibility: hidden;\n cursor: pointer;\n }\n\n .nav-top {\n display: flex;\n justify-content: start;\n }\n\n .nav-collapse {\n flex-direction: row;\n margin-left: auto;\n }\n\n .nav-img {\n height: 15rem;\n width: auto;\n border-radius: 50%;\n padding: 5px;\n }\n\n .nav-item {\n font-size: 20px;\n padding: 10px;\n justify-content: space-evenly;\n }\n\n .nav-item > a {\n padding: 5px;\n }\n\n .menu-open-background {\n height: 100vh;\n width: 100vw;\n background-color: rgba(0, 0, 0, 0.5);\n }\n\n @media screen and (max-width: 875px) {\n .navbar {\n position: fixed;\n flex-direction: column;\n align-items: flex-start;\n }\n\n .nav-top {\n width: 100%;\n }\n\n .nav-toggle {\n display: flex;\n visibility: visible;\n }\n\n .nav-collapse {\n flex-direction: column;\n justify-content: center;\n text-align: center;\n margin: auto auto;\n transition: all 650ms ease-in-out;\n }\n\n ul {\n flex-direction: column;\n }\n }\n````\n","readmeFilename":"README.md"}