From cb206d8556f2f4af95a7de5ee1146f1d7e172e57 Mon Sep 17 00:00:00 2001 From: anirudh Date: Fri, 8 Sep 2023 11:44:49 +0530 Subject: [PATCH 1/2] feat: team page basic --- node_modules/.yarn-integrity | 10 +++ web/app/globals.css | 10 +++ web/app/team/layout.tsx | 26 ++++++ web/app/team/page.tsx | 31 +++++++ web/components/TeamCardForGrid.tsx | 26 ++++++ web/content/team_members_design.json | 47 ++++++++++ web/content/team_members_managers.json | 47 ++++++++++ web/package-lock.json | 120 +++++++++++++++++++++++++ web/yarn.lock | 85 +++++++++++++++++- 9 files changed, 401 insertions(+), 1 deletion(-) create mode 100644 node_modules/.yarn-integrity create mode 100644 web/app/team/layout.tsx create mode 100644 web/app/team/page.tsx create mode 100644 web/components/TeamCardForGrid.tsx create mode 100644 web/content/team_members_design.json create mode 100644 web/content/team_members_managers.json diff --git a/node_modules/.yarn-integrity b/node_modules/.yarn-integrity new file mode 100644 index 0000000..20d6d48 --- /dev/null +++ b/node_modules/.yarn-integrity @@ -0,0 +1,10 @@ +{ + "systemParams": "darwin-arm64-108", + "modulesFolders": [], + "flags": [], + "linkedModules": [], + "topLevelPatterns": [], + "lockfileEntries": {}, + "files": [], + "artifacts": {} +} \ No newline at end of file diff --git a/web/app/globals.css b/web/app/globals.css index 8ecad32..37070a1 100644 --- a/web/app/globals.css +++ b/web/app/globals.css @@ -67,3 +67,13 @@ right: 45px; font-size: 60px; } +.team-tab-after::after { + content: ""; + display: inline-block; + width: 0; + height: 0; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-left: 5px solid #EF7167; /* You can change the color by specifying a different value here */ + margin-left: 8px; /* Adjust the margin as needed for spacing */ +} diff --git a/web/app/team/layout.tsx b/web/app/team/layout.tsx new file mode 100644 index 0000000..dd46337 --- /dev/null +++ b/web/app/team/layout.tsx @@ -0,0 +1,26 @@ +import '../globals.css' +import { Unbounded } from 'next/font/google' +import localFont from "next/font/local" + +const unbounded = Unbounded({ subsets: ['latin'], variable: '--font-unbounded' }) +const neue_machina = localFont({ + src: '../NeueMachina-Regular.otf', + variable: '--font-neuemachina' +}) + +export const metadata = { + title: 'GDSC VIT', + description: 'Google Developers Students Club VIT', +} + +export default function RootLayout({ + children, +}: { + children: React.ReactNode +}) { + return ( + + {children} + + ) +} diff --git a/web/app/team/page.tsx b/web/app/team/page.tsx new file mode 100644 index 0000000..a95f038 --- /dev/null +++ b/web/app/team/page.tsx @@ -0,0 +1,31 @@ +"use client" + +import React, { useState } from 'react' +import Navbar from '@/components/Navbar' +import TeamCardForGrid from '@/components/TeamCardForGrid' +import team_members_technical from "@/content/team_members.json" +import team_members_design from "@/content/team_members_design.json" +import team_members_managers from "@/content/team_members_managers.json" + +export default function Team() { + const [curtab, setCurtab] = useState(0) + return ( +
+ +
+
+

Meet The Team

+

We’ve got a strong team filled with caffeine addicted developers, gradients loving designers and machine like working managers.

+
+

setCurtab(0)} className={`${curtab === 0 ? "text-pastel_red underline underline-offset-4 team-tab-after" : "text-grey"} hover:text-pastel_red cursor-pointer`}>Techies

+

setCurtab(1)} className={`${curtab === 1 ? "text-pastel_red underline underline-offset-4 team-tab-after" : "text-grey"} hover:text-pastel_red cursor-pointer`}>Designers

+

setCurtab(2)} className={`${curtab === 2 ? "text-pastel_red underline underline-offset-4 team-tab-after" : "text-grey"} hover:text-pastel_red cursor-pointer`}>Managers

+
+
+
+ {curtab === 0 ? team_members_technical.map((mem, i) => ) : curtab === 1 ? team_members_design.map((mem, i) => ) : team_members_managers.map((mem, i) => )} +
+
+
+ ) +} diff --git a/web/components/TeamCardForGrid.tsx b/web/components/TeamCardForGrid.tsx new file mode 100644 index 0000000..d03d27f --- /dev/null +++ b/web/components/TeamCardForGrid.tsx @@ -0,0 +1,26 @@ +import React from 'react' +import Image from 'next/image' +import Card from './Card' +type Props = { + img: string + title: string + subtitle?: string; + i: number; +} + +const TeamCardForGrid = ({ img, title, subtitle, i }: Props) => { + return ( +
+
+ Logo +
+

+ {title} +

+

+ {subtitle} +

+
+ ) +} +export default TeamCardForGrid diff --git a/web/content/team_members_design.json b/web/content/team_members_design.json new file mode 100644 index 0000000..a859a82 --- /dev/null +++ b/web/content/team_members_design.json @@ -0,0 +1,47 @@ +[ + { + "name": "Pranav Ram", + "position": "Design Lead — Projects", + "img": "/vishesh.jpg" + }, + { + "name": "Yajat", + "position": "Tech Lead", + "img": "/vishesh.jpg" + }, + { + "name": "Yajat", + "position": "Tech Lead", + "img": "/vishesh.jpg" + }, + { + "name": "Yajat", + "position": "Tech Lead", + "img": "/vishesh.jpg" + }, + { + "name": "Yajat", + "position": "Tech Lead", + "img": "/vishesh.jpg" + }, + { + "name": "Yajat", + "position": "Tech Lead", + "img": "/vishesh.jpg" + }, + { + "name": "Yajat", + "position": "Tech Lead", + "img": "/vishesh.jpg" + }, + { + "name": "Yajat", + "position": "Tech Lead", + "img": "/vishesh.jpg" + }, + { + "name": "Yajat", + "position": "Tech Lead", + "img": "/vishesh.jpg" + } +] diff --git a/web/content/team_members_managers.json b/web/content/team_members_managers.json new file mode 100644 index 0000000..2424ac2 --- /dev/null +++ b/web/content/team_members_managers.json @@ -0,0 +1,47 @@ +[ + { + "name": "Vishesh Bansal", + "position": "Community Lead", + "img": "/vishesh.jpg" + }, + { + "name": "Yajat", + "position": "Tech Lead", + "img": "/vishesh.jpg" + }, + { + "name": "Yajat", + "position": "Tech Lead", + "img": "/vishesh.jpg" + }, + { + "name": "Yajat", + "position": "Tech Lead", + "img": "/vishesh.jpg" + }, + { + "name": "Yajat", + "position": "Tech Lead", + "img": "/vishesh.jpg" + }, + { + "name": "Yajat", + "position": "Tech Lead", + "img": "/vishesh.jpg" + }, + { + "name": "Yajat", + "position": "Tech Lead", + "img": "/vishesh.jpg" + }, + { + "name": "Yajat", + "position": "Tech Lead", + "img": "/vishesh.jpg" + }, + { + "name": "Yajat", + "position": "Tech Lead", + "img": "/vishesh.jpg" + } +] diff --git a/web/package-lock.json b/web/package-lock.json index 3c45216..80db66e 100644 --- a/web/package-lock.json +++ b/web/package-lock.json @@ -6819,6 +6819,126 @@ "funding": { "url": "https://github.com/sponsors/colinhacks" } + }, + "node_modules/@next/swc-darwin-x64": { + "version": "13.4.8", + "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.4.8.tgz", + "integrity": "sha512-Reox+UXgonon9P0WNDE6w85DGtyBqGitl/ryznOvn6TvfxEaZIpTgeu3ZrJLU9dHSMhiK7YAM793mE/Zii2/Qw==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-linux-arm64-gnu": { + "version": "13.4.8", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.4.8.tgz", + "integrity": "sha512-kdyzYvAYtqQVgzIKNN7e1rLU8aZv86FDSRqPlOkKZlvqudvTO0iohuTPmnEEDlECeBM6qRPShNffotDcU/R2KA==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-linux-arm64-musl": { + "version": "13.4.8", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.4.8.tgz", + "integrity": "sha512-oWxx4yRkUGcR81XwbI+T0zhZ3bDF6V1aVLpG+C7hSG50ULpV8gC39UxVO22/bv93ZlcfMY4zl8xkz9Klct6dpQ==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-linux-x64-gnu": { + "version": "13.4.8", + "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.4.8.tgz", + "integrity": "sha512-anhtvuO6eE9YRhYnaEGTfbpH3L5gT/9qPFcNoi6xS432r/4DAtpJY8kNktqkTVevVIC/pVumqO8tV59PR3zbNg==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-linux-x64-musl": { + "version": "13.4.8", + "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.4.8.tgz", + "integrity": "sha512-aR+J4wWfNgH1DwCCBNjan7Iumx0lLtn+2/rEYuhIrYLY4vnxqSVGz9u3fXcgUwo6Q9LT8NFkaqK1vPprdq+BXg==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-win32-arm64-msvc": { + "version": "13.4.8", + "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.4.8.tgz", + "integrity": "sha512-OWBKIrJwQBTqrat0xhxEB/jcsjJR3+diD9nc/Y8F1mRdQzsn4bPsomgJyuqPVZs6Lz3K18qdIkvywmfSq75SsQ==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-win32-ia32-msvc": { + "version": "13.4.8", + "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.4.8.tgz", + "integrity": "sha512-agiPWGjUndXGTOn4ChbKipQXRA6/UPkywAWIkx7BhgGv48TiJfHTK6MGfBoL9tS6B4mtW39++uy0wFPnfD0JWg==", + "cpu": [ + "ia32" + ], + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@next/swc-win32-x64-msvc": { + "version": "13.4.8", + "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.4.8.tgz", + "integrity": "sha512-UIRKoByVKbuR6SnFG4JM8EMFlJrfEGuUQ1ihxzEleWcNwRMMiVaCj1KyqfTOW8VTQhJ0u8P1Ngg6q1RwnIBTtw==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } } } } diff --git a/web/yarn.lock b/web/yarn.lock index f6b34b7..9d5b47b 100644 --- a/web/yarn.lock +++ b/web/yarn.lock @@ -1025,6 +1025,13 @@ resolved "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz" integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA== +"@babel/runtime@^7.12.5", "@babel/runtime@^7.5.5", "@babel/runtime@^7.6.2": + version "7.22.15" + resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.15.tgz#38f46494ccf6cf020bd4eed7124b425e83e523b8" + integrity sha512-T0O+aa+4w0u06iNmapipJXMV4HoUir03hpx3/YqXXhu9xim3w+dVphjFWl1OH8NbZHw5Lbm9k45drDkgq2VNNA== + dependencies: + regenerator-runtime "^0.14.0" + "@babel/runtime@^7.20.1", "@babel/runtime@^7.20.7", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4": version "7.22.10" resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.10.tgz" @@ -1615,6 +1622,11 @@ bezier-easing@^2.1.0: resolved "https://registry.npmjs.org/bezier-easing/-/bezier-easing-2.1.0.tgz" integrity sha512-gbIqZ/eslnUFC1tjEvtz0sgx+xTK20wDnYMIA27VA04R7w6xxXQPZDbibjA9DTWZRA2CXtwHykkVzlCaAJAZig== +big-integer@^1.6.16: + version "1.6.51" + resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.51.tgz#0df92a5d9880560d3ff2d5fd20245c889d130686" + integrity sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg== + binary-extensions@^2.0.0: version "2.2.0" resolved "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz" @@ -1635,6 +1647,20 @@ braces@^3.0.2, braces@~3.0.2: dependencies: fill-range "^7.0.1" +broadcast-channel@^3.4.1: + version "3.7.0" + resolved "https://registry.yarnpkg.com/broadcast-channel/-/broadcast-channel-3.7.0.tgz#2dfa5c7b4289547ac3f6705f9c00af8723889937" + integrity sha512-cIAKJXAxGJceNZGTZSBzMxzyOn72cVgPnKx4dc6LRjQgbaJUQqhy5rzL3zbMxkMWsGKkv2hSFkPRMEXfoMZ2Mg== + dependencies: + "@babel/runtime" "^7.7.2" + detect-node "^2.1.0" + js-sha3 "0.8.0" + microseconds "0.2.0" + nano-time "1.0.0" + oblivious-set "1.0.0" + rimraf "3.0.2" + unload "2.2.0" + browserslist@^4.21.10, browserslist@^4.21.5, browserslist@^4.21.9: version "4.21.10" resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.21.10.tgz" @@ -1838,6 +1864,11 @@ dequal@^2.0.3: resolved "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz" integrity sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA== +detect-node@^2.0.4, detect-node@^2.1.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1" + integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g== + didyoumean@^1.2.2: version "1.2.2" resolved "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz" @@ -2751,6 +2782,11 @@ jiti@^1.18.2: resolved "https://registry.npmjs.org/jiti/-/jiti-1.19.3.tgz" integrity sha512-5eEbBDQT/jF1xg6l36P+mWGGoH9Spuy0PCdSr2dtWRDGC6ph/w9ZCL4lmESW8f8F7MwT3XKescfP0wnZWAKL9w== +js-sha3@0.8.0: + version "0.8.0" + resolved "https://registry.yarnpkg.com/js-sha3/-/js-sha3-0.8.0.tgz#b9b7a5da73afad7dedd0f8c463954cbde6818840" + integrity sha512-gF1cRrHhIzNfToc802P800N8PpXS+evLLXfsVpowqmAFR9uwbi89WvXg2QspOmXL8QL86J4T1EpFu+yUkwJY3Q== + "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0: version "4.0.0" resolved "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz" @@ -2898,6 +2934,14 @@ make-dir@^2.1.0: pify "^4.0.1" semver "^5.6.0" +match-sorter@^6.0.2: + version "6.3.1" + resolved "https://registry.yarnpkg.com/match-sorter/-/match-sorter-6.3.1.tgz#98cc37fda756093424ddf3cbc62bfe9c75b92bda" + integrity sha512-mxybbo3pPNuA+ZuCUhm5bwNkXrJTbsk5VWbR5wiwz/GC6LIiegBGn2w3O08UG/jdbYLinw51fSQ5xNU1U3MgBw== + dependencies: + "@babel/runtime" "^7.12.5" + remove-accents "0.4.2" + merge2@^1.3.0, merge2@^1.4.1: version "1.4.1" resolved "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz" @@ -2911,6 +2955,11 @@ micromatch@^4.0.4, micromatch@^4.0.5: braces "^3.0.2" picomatch "^2.3.1" +microseconds@0.2.0: + version "0.2.0" + resolved "https://registry.yarnpkg.com/microseconds/-/microseconds-0.2.0.tgz#233b25f50c62a65d861f978a4a4f8ec18797dc39" + integrity sha512-n7DHHMjR1avBbSpsTBj6fmMGh2AGrifVV4e+WYc3Q9lO+xnSZ3NyhcBND3vzzatt05LFhoKFRxrIyklmLlUtyA== + minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2: version "3.1.2" resolved "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz" @@ -2942,6 +2991,13 @@ mz@^2.7.0: object-assign "^4.0.1" thenify-all "^1.0.0" +nano-time@1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/nano-time/-/nano-time-1.0.0.tgz#b0554f69ad89e22d0907f7a12b0993a5d96137ef" + integrity sha512-flnngywOoQ0lLQOTRNexn2gGSNuM9bKj9RZAWSzhQ+UJYaAFG9bac4DW9VHjUAzrOaIcajHybCTHe/bkvozQqA== + dependencies: + big-integer "^1.6.16" + nanoid@^3.3.4, nanoid@^3.3.6: version "3.3.6" resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz" @@ -3066,6 +3122,11 @@ object.values@^1.1.6: define-properties "^1.1.4" es-abstract "^1.20.4" +oblivious-set@1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/oblivious-set/-/oblivious-set-1.0.0.tgz#c8316f2c2fb6ff7b11b6158db3234c49f733c566" + integrity sha512-z+pI07qxo4c2CulUHCDf9lcqDlMSo72N/4rLUpRXf6fu+q8vjt8y0xS+Tlf8NTJDdTXHbdeO1n3MlbctwEoXZw== + once@^1.3.0: version "1.4.0" resolved "https://registry.npmjs.org/once/-/once-1.4.0.tgz" @@ -3285,6 +3346,15 @@ react-is@^16.13.1: resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz" integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ== +react-query@^3.39.3: + version "3.39.3" + resolved "https://registry.yarnpkg.com/react-query/-/react-query-3.39.3.tgz#4cea7127c6c26bdea2de5fb63e51044330b03f35" + integrity sha512-nLfLz7GiohKTJDuT4us4X3h/8unOh+00MLb2yJoGTPjxKs2bc1iDhkNx2bd5MKklXnOD3NrVZ+J2UXujA5In4g== + dependencies: + "@babel/runtime" "^7.5.5" + broadcast-channel "^3.4.1" + match-sorter "^6.0.2" + react-scroll-parallax@^3.4.2: version "3.4.2" resolved "https://registry.npmjs.org/react-scroll-parallax/-/react-scroll-parallax-3.4.2.tgz" @@ -3411,6 +3481,11 @@ regjsparser@^0.9.1: dependencies: jsesc "~0.5.0" +remove-accents@0.4.2: + version "0.4.2" + resolved "https://registry.yarnpkg.com/remove-accents/-/remove-accents-0.4.2.tgz#0a43d3aaae1e80db919e07ae254b285d9e1c7bb5" + integrity sha512-7pXIJqJOq5tFgG1A2Zxti3Ht8jJF337m4sowbuHsW30ZnkQFnDzy9qBNhgzX8ZLW4+UBcXiiR7SwR6pokHsxiA== + resize-observer-polyfill@^1.5.0: version "1.5.1" resolved "https://registry.yarnpkg.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464" @@ -3449,7 +3524,7 @@ reusify@^1.0.4: resolved "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz" integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw== -rimraf@^3.0.2: +rimraf@3.0.2, rimraf@^3.0.2: version "3.0.2" resolved "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz" integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA== @@ -3875,6 +3950,14 @@ unicode-property-aliases-ecmascript@^2.0.0: resolved "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz" integrity sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w== +unload@2.2.0: + version "2.2.0" + resolved "https://registry.yarnpkg.com/unload/-/unload-2.2.0.tgz#ccc88fdcad345faa06a92039ec0f80b488880ef7" + integrity sha512-B60uB5TNBLtN6/LsgAf3udH9saB5p7gqJwcFfbOEZ8BcBHnGwCf6G/TGiEqkRAxX7zAFIUtzdrXQSdL3Q/wqNA== + dependencies: + "@babel/runtime" "^7.6.2" + detect-node "^2.0.4" + update-browserslist-db@^1.0.11: version "1.0.11" resolved "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz" From 2962507e731ddfc9bf62cdecdf0054717501d220 Mon Sep 17 00:00:00 2001 From: anirudh Date: Fri, 8 Sep 2023 12:22:26 +0530 Subject: [PATCH 2/2] feat: footer --- web/app/globals.css | 2 +- web/app/team/page.tsx | 12 +++++++----- web/components/Footer.tsx | 16 ++++++++++++++++ web/tailwind.config.js | 2 ++ 4 files changed, 26 insertions(+), 6 deletions(-) create mode 100644 web/components/Footer.tsx diff --git a/web/app/globals.css b/web/app/globals.css index 37070a1..fdef0bd 100644 --- a/web/app/globals.css +++ b/web/app/globals.css @@ -74,6 +74,6 @@ height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; - border-left: 5px solid #EF7167; /* You can change the color by specifying a different value here */ + border-left: 5px solid; /* You can change the color by specifying a different value here */ margin-left: 8px; /* Adjust the margin as needed for spacing */ } diff --git a/web/app/team/page.tsx b/web/app/team/page.tsx index a95f038..1b7f647 100644 --- a/web/app/team/page.tsx +++ b/web/app/team/page.tsx @@ -6,6 +6,7 @@ import TeamCardForGrid from '@/components/TeamCardForGrid' import team_members_technical from "@/content/team_members.json" import team_members_design from "@/content/team_members_design.json" import team_members_managers from "@/content/team_members_managers.json" +import Footer from '@/components/Footer' export default function Team() { const [curtab, setCurtab] = useState(0) @@ -13,19 +14,20 @@ export default function Team() {
-
-

Meet The Team

+
+

Meet The Team

We’ve got a strong team filled with caffeine addicted developers, gradients loving designers and machine like working managers.

setCurtab(0)} className={`${curtab === 0 ? "text-pastel_red underline underline-offset-4 team-tab-after" : "text-grey"} hover:text-pastel_red cursor-pointer`}>Techies

-

setCurtab(1)} className={`${curtab === 1 ? "text-pastel_red underline underline-offset-4 team-tab-after" : "text-grey"} hover:text-pastel_red cursor-pointer`}>Designers

-

setCurtab(2)} className={`${curtab === 2 ? "text-pastel_red underline underline-offset-4 team-tab-after" : "text-grey"} hover:text-pastel_red cursor-pointer`}>Managers

+

setCurtab(1)} className={`${curtab === 1 ? "text-pastel_blue underline underline-offset-4 team-tab-after" : "text-grey"} hover:text-blue cursor-pointer`}>Designers

+

setCurtab(2)} className={`${curtab === 2 ? "text-pastel_green underline underline-offset-4 team-tab-after" : "text-grey"} hover:text-green cursor-pointer`}>Managers

-
+
{curtab === 0 ? team_members_technical.map((mem, i) => ) : curtab === 1 ? team_members_design.map((mem, i) => ) : team_members_managers.map((mem, i) => )}
+
) } diff --git a/web/components/Footer.tsx b/web/components/Footer.tsx new file mode 100644 index 0000000..56ebd16 --- /dev/null +++ b/web/components/Footer.tsx @@ -0,0 +1,16 @@ +import React from 'react' +import { FC } from 'react' + +interface Props { + bg: string +} + +const Footer: FC = ({bg}) => { + return ( +
+

Made with ♥ by GDSC-VIT

+
+ ) +} + +export default Footer diff --git a/web/tailwind.config.js b/web/tailwind.config.js index be24d35..4c85006 100644 --- a/web/tailwind.config.js +++ b/web/tailwind.config.js @@ -14,6 +14,8 @@ module.exports = { }, colors: { pastel_red: '#EF7167', + pastel_blue: '#71A3F5', + pastel_green: '#4AB582', dark: '#15171B', blue: '#4285F4BF', green: '#0F9D58BF',