From 83098e4499e4adf9e047d9e19b966a3155dc3366 Mon Sep 17 00:00:00 2001 From: dev129 <76431221+dev129@users.noreply.github.com> Date: Tue, 29 Oct 2024 10:10:20 +0530 Subject: [PATCH] Navbar Design --- package-lock.json | 131 ++++++++++++++ src/app/(pages)/About/page.jsx | 2 +- src/app/images/gdsc-logo.png | Bin 0 -> 38441 bytes src/app/layout.js | 2 +- src/components/Global/Navbar.jsx | 302 +++++++++++++++++++++++++++++++ 5 files changed, 435 insertions(+), 2 deletions(-) create mode 100644 src/app/images/gdsc-logo.png create mode 100644 src/components/Global/Navbar.jsx diff --git a/package-lock.json b/package-lock.json index 599b909..0be9762 100644 --- a/package-lock.json +++ b/package-lock.json @@ -48,6 +48,7 @@ "react-resizable-panels": "^2.1.4", "react-toastify": "^10.0.6", "sonner": "^1.5.0", + "styled-components": "^6.1.13", "tailwind-merge": "^2.5.3", "tailwindcss-animate": "^1.0.7", "vaul": "^1.0.0" @@ -2125,6 +2126,12 @@ "@types/react": "*" } }, + "node_modules/@types/stylis": { + "version": "4.2.5", + "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.5.tgz", + "integrity": "sha512-1Xve+NMN7FWjY14vLoY5tL3BVEQ/n42YLwaqJIPYhotZ9uBHt87VceMwWQpzmdEt2TNXIorIFG+YeCUUW7RInw==", + "license": "MIT" + }, "node_modules/ansi-regex": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", @@ -2281,6 +2288,15 @@ "node": ">= 6" } }, + "node_modules/camelize": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", + "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==", + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/caniuse-lite": { "version": "1.0.30001664", "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001664.tgz", @@ -2838,6 +2854,26 @@ "node": ">= 8" } }, + "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": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==", + "license": "ISC", + "engines": { + "node": ">=4" + } + }, + "node_modules/css-to-react-native": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz", + "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==", + "license": "MIT", + "dependencies": { + "camelize": "^1.0.0", + "css-color-keywords": "^1.0.0", + "postcss-value-parser": "^4.0.2" + } + }, "node_modules/cssesc": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", @@ -4326,6 +4362,12 @@ "loose-envify": "^1.1.0" } }, + "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==", + "license": "MIT" + }, "node_modules/shebang-command": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", @@ -4527,6 +4569,95 @@ "node": ">=8" } }, + "node_modules/styled-components": { + "version": "6.1.13", + "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.1.13.tgz", + "integrity": "sha512-M0+N2xSnAtwcVAQeFEsGWFFxXDftHUD7XrKla06QbpUMmbmtFBMMTcKWvFXtWxuD5qQkB8iU5gk6QASlx2ZRMw==", + "license": "MIT", + "dependencies": { + "@emotion/is-prop-valid": "1.2.2", + "@emotion/unitless": "0.8.1", + "@types/stylis": "4.2.5", + "css-to-react-native": "3.2.0", + "csstype": "3.1.3", + "postcss": "8.4.38", + "shallowequal": "1.1.0", + "stylis": "4.3.2", + "tslib": "2.6.2" + }, + "engines": { + "node": ">= 16" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/styled-components" + }, + "peerDependencies": { + "react": ">= 16.8.0", + "react-dom": ">= 16.8.0" + } + }, + "node_modules/styled-components/node_modules/@emotion/is-prop-valid": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.2.tgz", + "integrity": "sha512-uNsoYd37AFmaCdXlg6EYD1KaPOaRWRByMCYzbKUX4+hhMfrxdVSelShywL4JVaAeM/eHUOSprYBQls+/neX3pw==", + "license": "MIT", + "dependencies": { + "@emotion/memoize": "^0.8.1" + } + }, + "node_modules/styled-components/node_modules/@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==", + "license": "MIT" + }, + "node_modules/styled-components/node_modules/@emotion/unitless": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", + "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==", + "license": "MIT" + }, + "node_modules/styled-components/node_modules/postcss": { + "version": "8.4.38", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz", + "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "nanoid": "^3.3.7", + "picocolors": "^1.0.0", + "source-map-js": "^1.2.0" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/styled-components/node_modules/stylis": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.2.tgz", + "integrity": "sha512-bhtUjWd/z6ltJiQwg0dUfxEJ+W+jdqQd8TbWLWyeIJHlnsqmGLRFFd8e5mA0AZi/zx90smXRlN66YMTcaSFifg==", + "license": "MIT" + }, + "node_modules/styled-components/node_modules/tslib": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", + "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==", + "license": "0BSD" + }, "node_modules/styled-jsx": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz", diff --git a/src/app/(pages)/About/page.jsx b/src/app/(pages)/About/page.jsx index 45afe20..8f9c040 100644 --- a/src/app/(pages)/About/page.jsx +++ b/src/app/(pages)/About/page.jsx @@ -40,7 +40,7 @@ export default function About() { >
GDG on Campus RCCIIT stands for Google Developer Group on
diff --git a/src/app/images/gdsc-logo.png b/src/app/images/gdsc-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..3f3cc98495871a278775d1797c0d1c51fdcdb0b7
GIT binary patch
literal 38441
zcmeFZ=UY?z^935@2 s4?Njs_NUCOS+iyy;tlj543{`Bfj}Sz9c>LG5a=&?
z>c79~fKRrrdZdCt(I6d-hbAGmTXV74JVN9enaspHBT-jB^b$L7 >!ImT*(1k;$nv`|b2775^SO+N#9wn#2@IZc
z3&dzMZ*f_vHEB9UUF2e<3zGv;%{flLnO=5b#43=$>JN>b|5|+w!<=^4UB0;=3Q$(#
zHb=7nG1l@%#(`A`gqcr*r@%ffs$=3ZnX*g6XIxBQdWBI+Y*8UI=#yD2+ibnWQGm*y
zx^};gzb29@5nT5%)k~HM_GNF^(F`fVlMi$KI}oX&>X4>h3H5n0IqTPkb#LcC+!s~~
z0dv0<6L}C>6GoBuM0|K9|N1!==3ap!x-V>f*{!+e&CSvex((8yZ?_c|eXAxtAdrE_
ztc_aZQxyD^7=_M^NdNm0U&^?)XdE(6KO@Kdef-Hy7h@B`SuMi;Uz9|)tmAsDpy5x)PY|d
zX?2x#j+>`N9+2ee)5EC>7Io{;AO3Ink>v61nt+cFi8Grv10N1+Tr;Itb!!HO=cck}
zt%KmC@437`p?>JsYp6F}>tDEeSdd*X*kxQ2BIh`Ppz_*C2#gMpV^A+1b-UJ-@B4`^
z{=Z?p3a6@5ZsQH5ZLZ{~J4`$ERyXRfLLjUI>?TZZ8`1pMSz89e8Qrc0nef=IEA1dE
z-3bvglDwAz!m247`$EWX<{-N=IGrr^{L~s5R-A83E9VFV;^35XkVCtc9P+K!wlaBC%I
z1b}fT#>eSnn^Z_#NKsJ%Dr(c&y`u&foGXITM=JxgBmNOw@f#(7A8Et%K)U@9dD0iULVM
zlX^J$?Kk?DjQ7(`Y{)cfsgt?22>_0p)skM
mmw~4!=;RreVPgk;~-Bqa>Md
z^6g2cDHYXO#}5PN)g>s?<##c~+ga|^-mGAgG=%x=#+|9_D^CUms`J>W%5PA9MAYh4
zAY3s-u*x0AY+uJbHE#=#b-{(UrCak`7Ich3c}7ABHDaR&`%i$z`nSFq&?dzxX{w>O
zwk`}|*EMqr=0@;H3)+$hdwW~g%6kuAt@Zx7^`U19hKL{SooDV$ZI|JdryR8qyOfq|
z-|y4}5Os)MkpgEzZ+VEZ?15W@600A%9G2eoJ5GPPyu86ToWjPabjMcp&&QC1ubm>D
zKi<-`cSF$oyGBCYRKdmao+6(jn1i*oG_m7|1@-TK=LI&|>V)pbKjLRb_O7#8