From 5737685304bba42ce2d4ed0bd8bf9e81ef387735 Mon Sep 17 00:00:00 2001 From: OshadhaShiro Date: Mon, 15 Nov 2021 19:09:40 +0530 Subject: [PATCH 01/10] install react-items --- package.json | 3 +++ 1 file changed, 3 insertions(+) diff --git a/package.json b/package.json index 8ed131f..fe3953d 100644 --- a/package.json +++ b/package.json @@ -13,8 +13,11 @@ "@types/react-router-dom": "^5.3.2", "react": "^17.0.2", "react-dom": "^17.0.2", + "react-icons": "^4.3.1", + "react-items": "^0.1.0", "react-router-dom": "^6.0.1", "react-scripts": "4.0.3", + "styled-components": "^5.3.3", "typescript": "^4.4.4", "web-vitals": "^1.1.2" }, From aff7361bbb5e106e3c669c189ee745caa72740a7 Mon Sep 17 00:00:00 2001 From: OshadhaShiro Date: Mon, 15 Nov 2021 19:11:40 +0530 Subject: [PATCH 02/10] Setup Navbar --- src/App.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/App.tsx b/src/App.tsx index a31ceb9..29f9f82 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -3,7 +3,7 @@ import { Routes, Route } from "react-router-dom"; import Home from "./pages/Home"; import About from "./pages/About"; import Contact from "./pages/Contact"; -import Navbar from "./Components/Navbar"; +import Navbar from "./Components/Navbar/Navbar"; const App = () => { return ( From 1611d44ad677bbda97ab16dd2c741a92feb947fb Mon Sep 17 00:00:00 2001 From: OshadhaShiro Date: Mon, 15 Nov 2021 19:12:08 +0530 Subject: [PATCH 03/10] File Updated --- package-lock.json | 313 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 313 insertions(+) diff --git a/package-lock.json b/package-lock.json index 046ef20..fd567ab 100644 --- a/package-lock.json +++ b/package-lock.json @@ -18,8 +18,11 @@ "@types/react-router-dom": "^5.3.2", "react": "^17.0.2", "react-dom": "^17.0.2", + "react-icons": "^4.3.1", + "react-items": "^0.1.0", "react-router-dom": "^6.0.1", "react-scripts": "4.0.3", + "styled-components": "^5.3.3", "typescript": "^4.4.4", "web-vitals": "^1.1.2" }, @@ -1830,6 +1833,29 @@ "resolved": "https://registry.npmjs.org/@csstools/normalize.css/-/normalize.css-10.1.0.tgz", "integrity": "sha512-ij4wRiunFfaJxjB0BdrYHIH8FxBJpOwNPhhAcunlmPdXudL1WQV1qoP9un6JsEBAgQH+7UXyyjh0g7jTxXK6tg==" }, + "node_modules/@emotion/is-prop-valid": { + "version": "0.8.8", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", + "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==", + "dependencies": { + "@emotion/memoize": "0.7.4" + } + }, + "node_modules/@emotion/memoize": { + "version": "0.7.4", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", + "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==" + }, + "node_modules/@emotion/stylis": { + "version": "0.8.5", + "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", + "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==" + }, + "node_modules/@emotion/unitless": { + "version": "0.7.5", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", + "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" + }, "node_modules/@eslint/eslintrc": { "version": "0.4.3", "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.4.3.tgz", @@ -4846,6 +4872,25 @@ "@babel/core": "^7.0.0-0" } }, + "node_modules/babel-plugin-styled-components": { + "version": "1.13.3", + "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-1.13.3.tgz", + "integrity": "sha512-meGStRGv+VuKA/q0/jXxrPNWEm4LPfYIqxooDTdmh8kFsP/Ph7jJG5rUPwUPX3QHUvggwdbgdGpo88P/rRYsVw==", + "dependencies": { + "@babel/helper-annotate-as-pure": "^7.15.4", + "@babel/helper-module-imports": "^7.15.4", + "babel-plugin-syntax-jsx": "^6.18.0", + "lodash": "^4.17.11" + }, + "peerDependencies": { + "styled-components": ">= 2" + } + }, + "node_modules/babel-plugin-syntax-jsx": { + "version": "6.18.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", + "integrity": "sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY=" + }, "node_modules/babel-plugin-syntax-object-rest-spread": { "version": "6.13.0", "resolved": "https://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz", @@ -5655,6 +5700,11 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/camelize": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.0.tgz", + "integrity": "sha1-FkpUg+Yw+kMh5a8HAg5TGDGyYJs=" + }, "node_modules/caniuse-api": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz", @@ -6285,6 +6335,14 @@ "node": ">=6.0.0" } }, + "node_modules/css-color-keywords": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", + "integrity": "sha1-/qJhbcZ2spYmhrOvjb2+GAskTgU=", + "engines": { + "node": ">=4" + } + }, "node_modules/css-color-names": { "version": "0.0.4", "resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz", @@ -6403,6 +6461,16 @@ "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz", "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==" }, + "node_modules/css-to-react-native": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.0.0.tgz", + "integrity": "sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==", + "dependencies": { + "camelize": "^1.0.0", + "css-color-keywords": "^1.0.0", + "postcss-value-parser": "^4.0.2" + } + }, "node_modules/css-tree": { "version": "1.0.0-alpha.37", "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz", @@ -9701,6 +9769,14 @@ "minimalistic-crypto-utils": "^1.0.1" } }, + "node_modules/hoist-non-react-statics": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", + "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", + "dependencies": { + "react-is": "^16.7.0" + } + }, "node_modules/hoopy": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/hoopy/-/hoopy-0.1.4.tgz", @@ -14164,6 +14240,11 @@ "node": ">=6" } }, + "node_modules/paginator": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/paginator/-/paginator-1.0.0.tgz", + "integrity": "sha1-dWVwKvmrlhbcph/CLHDroqQ1cmU=" + }, "node_modules/pako": { "version": "1.0.11", "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz", @@ -16324,11 +16405,66 @@ "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.9.tgz", "integrity": "sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew==" }, + "node_modules/react-icons": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.3.1.tgz", + "integrity": "sha512-cB10MXLTs3gVuXimblAdI71jrJx8njrJZmNMEMC+sQu5B/BIOmlsAjskdqpn81y8UBVEGuHODd7/ci5DvoSzTQ==", + "peerDependencies": { + "react": "*" + } + }, "node_modules/react-is": { "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" }, + "node_modules/react-items": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/react-items/-/react-items-0.1.0.tgz", + "integrity": "sha512-yPXXyBs8B+UcBNwG72A2QOUl4695V+HalbK+k5ljDpXOCZfi9kORPnU4EW4BUMsv8Wn6rvKVkpffYPkXn+e46g==", + "dependencies": { + "paginator": "^1.0.0", + "prop-types": "^15.6.0", + "react": "^16.2.0", + "react-dom": "^16.2.0" + } + }, + "node_modules/react-items/node_modules/react": { + "version": "16.14.0", + "resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz", + "integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==", + "dependencies": { + "loose-envify": "^1.1.0", + "object-assign": "^4.1.1", + "prop-types": "^15.6.2" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/react-items/node_modules/react-dom": { + "version": "16.14.0", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.14.0.tgz", + "integrity": "sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==", + "dependencies": { + "loose-envify": "^1.1.0", + "object-assign": "^4.1.1", + "prop-types": "^15.6.2", + "scheduler": "^0.19.1" + }, + "peerDependencies": { + "react": "^16.14.0" + } + }, + "node_modules/react-items/node_modules/scheduler": { + "version": "0.19.1", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz", + "integrity": "sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==", + "dependencies": { + "loose-envify": "^1.1.0", + "object-assign": "^4.1.1" + } + }, "node_modules/react-refresh": { "version": "0.8.3", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.3.tgz", @@ -17699,6 +17835,11 @@ "sha.js": "bin.js" } }, + "node_modules/shallowequal": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", + "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" + }, "node_modules/shebang-command": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz", @@ -18452,6 +18593,35 @@ "webpack": "^4.0.0 || ^5.0.0" } }, + "node_modules/styled-components": { + "version": "5.3.3", + "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.3.tgz", + "integrity": "sha512-++4iHwBM7ZN+x6DtPPWkCI4vdtwumQ+inA/DdAsqYd4SVgUKJie5vXyzotA00ttcFdQkCng7zc6grwlfIfw+lw==", + "dependencies": { + "@babel/helper-module-imports": "^7.0.0", + "@babel/traverse": "^7.4.5", + "@emotion/is-prop-valid": "^0.8.8", + "@emotion/stylis": "^0.8.4", + "@emotion/unitless": "^0.7.4", + "babel-plugin-styled-components": ">= 1.12.0", + "css-to-react-native": "^3.0.0", + "hoist-non-react-statics": "^3.0.0", + "shallowequal": "^1.1.0", + "supports-color": "^5.5.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/styled-components" + }, + "peerDependencies": { + "react": ">= 16.8.0", + "react-dom": ">= 16.8.0", + "react-is": ">= 16.8.0" + } + }, "node_modules/stylehacks": { "version": "4.0.3", "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-4.0.3.tgz", @@ -22537,6 +22707,29 @@ "resolved": "https://registry.npmjs.org/@csstools/normalize.css/-/normalize.css-10.1.0.tgz", "integrity": "sha512-ij4wRiunFfaJxjB0BdrYHIH8FxBJpOwNPhhAcunlmPdXudL1WQV1qoP9un6JsEBAgQH+7UXyyjh0g7jTxXK6tg==" }, + "@emotion/is-prop-valid": { + "version": "0.8.8", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", + "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==", + "requires": { + "@emotion/memoize": "0.7.4" + } + }, + "@emotion/memoize": { + "version": "0.7.4", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", + "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==" + }, + "@emotion/stylis": { + "version": "0.8.5", + "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz", + "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==" + }, + "@emotion/unitless": { + "version": "0.7.5", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", + "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" + }, "@eslint/eslintrc": { "version": "0.4.3", "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.4.3.tgz", @@ -24788,6 +24981,22 @@ "@babel/helper-define-polyfill-provider": "^0.2.4" } }, + "babel-plugin-styled-components": { + "version": "1.13.3", + "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-1.13.3.tgz", + "integrity": "sha512-meGStRGv+VuKA/q0/jXxrPNWEm4LPfYIqxooDTdmh8kFsP/Ph7jJG5rUPwUPX3QHUvggwdbgdGpo88P/rRYsVw==", + "requires": { + "@babel/helper-annotate-as-pure": "^7.15.4", + "@babel/helper-module-imports": "^7.15.4", + "babel-plugin-syntax-jsx": "^6.18.0", + "lodash": "^4.17.11" + } + }, + "babel-plugin-syntax-jsx": { + "version": "6.18.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", + "integrity": "sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY=" + }, "babel-plugin-syntax-object-rest-spread": { "version": "6.13.0", "resolved": "https://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz", @@ -25459,6 +25668,11 @@ "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.2.0.tgz", "integrity": "sha512-c7wVvbw3f37nuobQNtgsgG9POC9qMbNuMQmTCqZv23b6MIz0fcYpBiOlv9gEN/hdLdnZTDQhg6e9Dq5M1vKvfg==" }, + "camelize": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.0.tgz", + "integrity": "sha1-FkpUg+Yw+kMh5a8HAg5TGDGyYJs=" + }, "caniuse-api": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz", @@ -25984,6 +26198,11 @@ "postcss": "^7.0.5" } }, + "css-color-keywords": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", + "integrity": "sha1-/qJhbcZ2spYmhrOvjb2+GAskTgU=" + }, "css-color-names": { "version": "0.0.4", "resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz", @@ -26067,6 +26286,16 @@ "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz", "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==" }, + "css-to-react-native": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.0.0.tgz", + "integrity": "sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==", + "requires": { + "camelize": "^1.0.0", + "css-color-keywords": "^1.0.0", + "postcss-value-parser": "^4.0.2" + } + }, "css-tree": { "version": "1.0.0-alpha.37", "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz", @@ -28566,6 +28795,14 @@ "minimalistic-crypto-utils": "^1.0.1" } }, + "hoist-non-react-statics": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", + "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", + "requires": { + "react-is": "^16.7.0" + } + }, "hoopy": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/hoopy/-/hoopy-0.1.4.tgz", @@ -31918,6 +32155,11 @@ "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==" }, + "paginator": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/paginator/-/paginator-1.0.0.tgz", + "integrity": "sha1-dWVwKvmrlhbcph/CLHDroqQ1cmU=" + }, "pako": { "version": "1.0.11", "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz", @@ -33658,11 +33900,60 @@ "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.9.tgz", "integrity": "sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew==" }, + "react-icons": { + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.3.1.tgz", + "integrity": "sha512-cB10MXLTs3gVuXimblAdI71jrJx8njrJZmNMEMC+sQu5B/BIOmlsAjskdqpn81y8UBVEGuHODd7/ci5DvoSzTQ==", + "requires": {} + }, "react-is": { "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" }, + "react-items": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/react-items/-/react-items-0.1.0.tgz", + "integrity": "sha512-yPXXyBs8B+UcBNwG72A2QOUl4695V+HalbK+k5ljDpXOCZfi9kORPnU4EW4BUMsv8Wn6rvKVkpffYPkXn+e46g==", + "requires": { + "paginator": "^1.0.0", + "prop-types": "^15.6.0", + "react": "^16.2.0", + "react-dom": "^16.2.0" + }, + "dependencies": { + "react": { + "version": "16.14.0", + "resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz", + "integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==", + "requires": { + "loose-envify": "^1.1.0", + "object-assign": "^4.1.1", + "prop-types": "^15.6.2" + } + }, + "react-dom": { + "version": "16.14.0", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.14.0.tgz", + "integrity": "sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==", + "requires": { + "loose-envify": "^1.1.0", + "object-assign": "^4.1.1", + "prop-types": "^15.6.2", + "scheduler": "^0.19.1" + } + }, + "scheduler": { + "version": "0.19.1", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz", + "integrity": "sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==", + "requires": { + "loose-envify": "^1.1.0", + "object-assign": "^4.1.1" + } + } + } + }, "react-refresh": { "version": "0.8.3", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.3.tgz", @@ -34720,6 +35011,11 @@ "safe-buffer": "^5.0.1" } }, + "shallowequal": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", + "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" + }, "shebang-command": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz", @@ -35339,6 +35635,23 @@ "schema-utils": "^2.7.0" } }, + "styled-components": { + "version": "5.3.3", + "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.3.tgz", + "integrity": "sha512-++4iHwBM7ZN+x6DtPPWkCI4vdtwumQ+inA/DdAsqYd4SVgUKJie5vXyzotA00ttcFdQkCng7zc6grwlfIfw+lw==", + "requires": { + "@babel/helper-module-imports": "^7.0.0", + "@babel/traverse": "^7.4.5", + "@emotion/is-prop-valid": "^0.8.8", + "@emotion/stylis": "^0.8.4", + "@emotion/unitless": "^0.7.4", + "babel-plugin-styled-components": ">= 1.12.0", + "css-to-react-native": "^3.0.0", + "hoist-non-react-statics": "^3.0.0", + "shallowequal": "^1.1.0", + "supports-color": "^5.5.0" + } + }, "stylehacks": { "version": "4.0.3", "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-4.0.3.tgz", From c6133e824cf97650b7deb1ee881f0ad59a334715 Mon Sep 17 00:00:00 2001 From: OshadhaShiro Date: Mon, 15 Nov 2021 19:12:45 +0530 Subject: [PATCH 04/10] logo --- src/Components/Navbar/logo.png | Bin 0 -> 9611 bytes 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 src/Components/Navbar/logo.png diff --git a/src/Components/Navbar/logo.png b/src/Components/Navbar/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..7760970753c42b2c4d10db2af2689a4307871871 GIT binary patch literal 9611 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 literal 0 HcmV?d00001 From e216a9d57a24371e969c165fd987d671755c008e Mon Sep 17 00:00:00 2001 From: OshadhaShiro Date: Mon, 15 Nov 2021 19:13:29 +0530 Subject: [PATCH 05/10] Styled Navbar --- src/Components/Navbar/navbar.css | 90 ++++++++++++++++++++++++++++++++ 1 file changed, 90 insertions(+) create mode 100644 src/Components/Navbar/navbar.css diff --git a/src/Components/Navbar/navbar.css b/src/Components/Navbar/navbar.css new file mode 100644 index 0000000..af350c1 --- /dev/null +++ b/src/Components/Navbar/navbar.css @@ -0,0 +1,90 @@ +*{ + margin: 0; + padding: 0; + justify-content: center; +} + +nav{ + background-color: #272930; + width: 100%; + height: 85px; + display: inline-block; +} + +.image .logo{ + width: 130px; + margin: 15px 30px; +} + +.menu-items{ + text-align: center; + width: 40%; + position:absolute; + top:10px; + right: 610px; +} + +nav ul li{ + display: inline-block; + font-weight: 700; + font-size: 16px; + margin: 10px; + width: 120px; +} + +nav ul li .link { + color: #fff; + text-decoration: none; + display: block; + padding: 10px 15px; + transition: 0.3s ease all; +} + +nav ul li a:hover { + background: rgba(0, 0, 0, 0.219); +} + +.search{ + position: absolute; + top: 25px; + right: 285px; +} + +.search .searchBox{ + width: 300px; + height: 30px; + padding-left: 15px; + border-radius: 20px; + font-size: 14px; + font-weight: 550; + background: #9b4ad9; + color: #fff; + outline-style: none; +} + +.notification{ + position: absolute; + top: 25px; + right: 179px; + font-size: 29px; + color: #fff; +} + +.user{ + position: absolute; + top: 22px; + right: 75px; + font-size: 22px; + text-align: center; + color: #fff; + border-radius: 50%; + width: 40px; + height: 40px; + background: #9b4ad9; +} + +.user-logo{ + position: absolute; + right: 8.9px; + top: 5.8px; +} \ No newline at end of file From c9f6efb7e2e4669eea9e243b69d09b5aa39e4a0d Mon Sep 17 00:00:00 2001 From: OshadhaShiro Date: Mon, 15 Nov 2021 19:14:22 +0530 Subject: [PATCH 06/10] setup navbar --- src/Components/Navbar/Navbar.tsx | 57 ++++++++++++++++++++++++++++++++ 1 file changed, 57 insertions(+) create mode 100644 src/Components/Navbar/Navbar.tsx diff --git a/src/Components/Navbar/Navbar.tsx b/src/Components/Navbar/Navbar.tsx new file mode 100644 index 0000000..9b535dc --- /dev/null +++ b/src/Components/Navbar/Navbar.tsx @@ -0,0 +1,57 @@ +import React from "react"; +import { Link } from "react-router-dom"; +import { FaRegBell, FaUserAlt } from "react-icons/fa"; +import logo from "./logo.png"; +import "./navbar.css"; + +const Navbar = () => { + return ( + <> + + + ); +}; + +export default Navbar; From f960ef793833bdd193c3b55afdf37f742861f4dc Mon Sep 17 00:00:00 2001 From: OshadhaShiro Date: Mon, 15 Nov 2021 22:12:52 +0530 Subject: [PATCH 07/10] styled navbar --- src/Components/Navbar/navbar.css | 31 ++++++++++++++++--------------- 1 file changed, 16 insertions(+), 15 deletions(-) diff --git a/src/Components/Navbar/navbar.css b/src/Components/Navbar/navbar.css index af350c1..3aaf54e 100644 --- a/src/Components/Navbar/navbar.css +++ b/src/Components/Navbar/navbar.css @@ -5,7 +5,7 @@ } nav{ - background-color: #272930; + background-color: #363636; width: 100%; height: 85px; display: inline-block; @@ -21,7 +21,7 @@ nav{ width: 40%; position:absolute; top:10px; - right: 610px; + right: 640px; } nav ul li{ @@ -46,45 +46,46 @@ nav ul li a:hover { .search{ position: absolute; - top: 25px; - right: 285px; + top: 24px; + right: 220px; } .search .searchBox{ width: 300px; - height: 30px; + height: 35px; padding-left: 15px; border-radius: 20px; font-size: 14px; font-weight: 550; - background: #9b4ad9; + background: #7A5C98; color: #fff; - outline-style: none; + outline: none; + border: none; } .notification{ position: absolute; - top: 25px; - right: 179px; - font-size: 29px; + top: 27px; + right: 125px; + font-size: 24px; color: #fff; } .user{ position: absolute; top: 22px; - right: 75px; - font-size: 22px; + right: 55px; + font-size: 19px; text-align: center; color: #fff; border-radius: 50%; width: 40px; height: 40px; - background: #9b4ad9; + background: #8000FF; } .user-logo{ position: absolute; - right: 8.9px; - top: 5.8px; + right: 10px; + top: 7.8px; } \ No newline at end of file From fc300cacf1d9648540283cc56cd9b467e443afea Mon Sep 17 00:00:00 2001 From: OshadhaShiro Date: Tue, 16 Nov 2021 19:10:10 +0530 Subject: [PATCH 08/10] files removed --- src/Components/Navbar.tsx | 15 --------------- src/Components/navbar.css | 0 2 files changed, 15 deletions(-) delete mode 100644 src/Components/Navbar.tsx delete mode 100644 src/Components/navbar.css diff --git a/src/Components/Navbar.tsx b/src/Components/Navbar.tsx deleted file mode 100644 index 5946b80..0000000 --- a/src/Components/Navbar.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import React from "react"; -import { Link } from "react-router-dom"; -import "./navbar.css"; - -const Navbar = () => { - return ( -
- Home
- About-us
- Contact-us
-
- ); -}; - -export default Navbar; diff --git a/src/Components/navbar.css b/src/Components/navbar.css deleted file mode 100644 index e69de29..0000000 From 0d42c81dd358bdf5ab2f3bbcab848a0a56e3f89b Mon Sep 17 00:00:00 2001 From: OshadhaShiro Date: Tue, 16 Nov 2021 19:10:50 +0530 Subject: [PATCH 09/10] styled navbar --- src/Components/Navbar/navbar.css | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/src/Components/Navbar/navbar.css b/src/Components/Navbar/navbar.css index 3aaf54e..97b587e 100644 --- a/src/Components/Navbar/navbar.css +++ b/src/Components/Navbar/navbar.css @@ -12,15 +12,15 @@ nav{ } .image .logo{ - width: 130px; - margin: 15px 30px; + width: 110px; + margin: 20px 45px; } .menu-items{ text-align: center; width: 40%; position:absolute; - top:10px; + top:11px; right: 640px; } @@ -28,8 +28,8 @@ nav ul li{ display: inline-block; font-weight: 700; font-size: 16px; - margin: 10px; - width: 120px; + margin: 12px 10px; + width: 113px; } nav ul li .link { @@ -46,8 +46,8 @@ nav ul li a:hover { .search{ position: absolute; - top: 24px; - right: 220px; + top: 25px; + right: 190px; } .search .searchBox{ @@ -56,7 +56,7 @@ nav ul li a:hover { padding-left: 15px; border-radius: 20px; font-size: 14px; - font-weight: 550; + font-weight: 600; background: #7A5C98; color: #fff; outline: none; @@ -75,7 +75,7 @@ nav ul li a:hover { position: absolute; top: 22px; right: 55px; - font-size: 19px; + font-size: 17px; text-align: center; color: #fff; border-radius: 50%; @@ -86,6 +86,6 @@ nav ul li a:hover { .user-logo{ position: absolute; - right: 10px; - top: 7.8px; + right: 11.5px; + top: 8.5px; } \ No newline at end of file From ef156fe701557d580d73d232f2889b8dccbc71b2 Mon Sep 17 00:00:00 2001 From: OshadhaShiro Date: Wed, 17 Nov 2021 18:00:32 +0530 Subject: [PATCH 10/10] styled navbar --- src/Components/Navbar/navbar.css | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/src/Components/Navbar/navbar.css b/src/Components/Navbar/navbar.css index 97b587e..014c2c0 100644 --- a/src/Components/Navbar/navbar.css +++ b/src/Components/Navbar/navbar.css @@ -13,7 +13,7 @@ nav{ .image .logo{ width: 110px; - margin: 20px 45px; + margin: 20px 15px 20px 35px; } .menu-items{ @@ -21,7 +21,7 @@ nav{ width: 40%; position:absolute; top:11px; - right: 640px; + right: 655px; } nav ul li{ @@ -36,7 +36,7 @@ nav ul li .link { color: #fff; text-decoration: none; display: block; - padding: 10px 15px; + padding: 10px 10px; transition: 0.3s ease all; } @@ -63,6 +63,11 @@ nav ul li a:hover { border: none; } +::placeholder{ + color: #fff; + opacity: 1; +} + .notification{ position: absolute; top: 27px;