feat: team data

GDGVIT · Oct 28, 2023 · 4b9d54d · 4b9d54d
1 parent 0adbbbd
commit 4b9d54d
Show file tree

Hide file tree

Showing 58 changed files with 230 additions and 97 deletions.
diff --git a/web/app/page.tsx b/web/app/page.tsx
@@ -13,7 +13,7 @@ import { motion, useScroll, useTransform } from "framer-motion"
 import FameCard from '@/components/FameCard'
 import { useHorizontalScroll } from '@/hooks/useHorizontalScroll'
 import TeamCard from '@/components/TeamCard'
-import team_members from "@/content/team_members.json"
+import team_members from "@/content/team_members_board.json"
 import events from "@/content/events.json"
 import projects from "@/content/projects.json"
 import fame from "@/content/fame.json"

diff --git a/web/app/team/page.tsx b/web/app/team/page.tsx
@@ -3,6 +3,7 @@
 import React, { useEffect, useRef, useState } from 'react'
 import Navbar from '@/components/Navbar'
 import TeamCardForGrid from '@/components/TeamCardForGrid'
+import team_members_board from "@/content/team_members_board.json"
 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"
@@ -31,21 +32,22 @@ export default function Team() {
 
             </div>
             <motion.div style={{ scale: scaleTransform, left: leftTransform }} className='fixed top-[40%] left-[50px] pointer-events-none text-white w-[30vw] '>
-                <h1 className={`font-extrabold ${curtab === 0 ? "text-pastel_red" : curtab === 1 ? "text-pastel_blue" : "text-pastel_green"} uppercase lg:text-3xl md:text-2xl text-4xl`}>Meet The Team</h1>
+                <h1 className={`font-extrabold ${curtab === 0 ? "text-yellow" : curtab === 1 ? "text-pastel_red" : curtab === 2 ? "text-pastel_blue" : "text-pastel_green"} uppercase lg:text-3xl md:text-2xl text-4xl`}>Meet The Team</h1>
                 <p className="mt-4 font-light">We’ve got a strong team filled with caffeine addicted developers, gradients loving designers and machine like working managers.</p>
                 <div style={{ display: hookedYPostion > 0.4 ? 'block' : 'none' }} className="flex flex-col gap-2 mt-8 pointer-events-auto">
-                    <p onClick={() => setCurtab(0)} className={`${curtab === 0 ? "text-pastel_red underline underline-offset-4 team-tab-after" : "text-grey"} hover:text-pastel_red cursor-pointer`}>Techies</p>
-                    <p onClick={() => setCurtab(1)} className={`${curtab === 1 ? "text-pastel_blue underline underline-offset-4 team-tab-after" : "text-grey"} hover:text-blue cursor-pointer`}>Designers</p>
-                    <p onClick={() => setCurtab(2)} className={`${curtab === 2 ? "text-pastel_green underline underline-offset-4 team-tab-after" : "text-grey"} hover:text-green cursor-pointer`}>Managers</p>
+                    <p onClick={() => setCurtab(0)} className={`${curtab === 0 ? "text-yellow underline underline-offset-4 team-tab-after" : "text-grey"} hover:text-yellow cursor-pointer`}>Board</p>
+                    <p onClick={() => setCurtab(1)} className={`${curtab === 1 ? "text-pastel_red underline underline-offset-4 team-tab-after" : "text-grey"} hover:text-pastel_red cursor-pointer`}>Techies</p>
+                    <p onClick={() => setCurtab(2)} className={`${curtab === 2 ? "text-pastel_blue underline underline-offset-4 team-tab-after" : "text-grey"} hover:text-blue cursor-pointer`}>Designers</p>
+                    <p onClick={() => setCurtab(3)} className={`${curtab === 3 ? "text-pastel_green underline underline-offset-4 team-tab-after" : "text-grey"} hover:text-green cursor-pointer`}>Managers</p>
                 </div>
             </motion.div >
             <div className="gap-16 p-10 mt-24 sm:grid-cols-12 sm:grid">
                 <div className="col-span-8 pt-24 text-white xl:col-span-4 lg:col-span-4 md:col-span-3">
 
                 </div>
 
-                <div className="grid col-span-12 mt-16 text-white xl:col-span-8 lg:col-span-8 md:col-span-9 lg:grid-cols-3 md:grid-cols-1 sm:grid-cols-3 sm:mt-0">
-                    {curtab === 0 ? team_members_technical.map((mem, i) => <TeamCardForGrid i={i} key={"mem" + i} title={mem.name} img={mem.img} subtitle={mem.position} />) : curtab === 1 ? team_members_design.map((mem, i) => <TeamCardForGrid i={i} key={"mem" + i} title={mem.name} img={mem.img} subtitle={mem.position} />) : team_members_managers.map((mem, i) => <TeamCardForGrid i={i} key={"mem" + i} title={mem.name} img={mem.img} subtitle={mem.position} />)}
+                <div className="grid col-span-12 mt-16 text-white xl:col-span-8 lg:col-span-8 md:col-span-9 xl:grid-cols-3 lg:grid-cols-2 md:grid-cols-1 sm:grid-cols-3 sm:mt-0">
+                    {curtab === 0 ? team_members_board.map((mem, i) => <TeamCardForGrid i={i} key={"mem" + i} title={mem.name} img={mem.img} subtitle={mem.position} />) : curtab === 1 ? team_members_technical.map((mem, i) => <TeamCardForGrid i={i} key={"mem" + i} title={mem.name} img={mem.img} subtitle={mem.position} />) : curtab === 2 ? team_members_design.map((mem, i) => <TeamCardForGrid i={i} key={"mem" + i} title={mem.name} img={mem.img} subtitle={mem.position} />) : team_members_managers.map((mem, i) => <TeamCardForGrid i={i} key={"mem" + i} title={mem.name} img={mem.img} subtitle={mem.position} />)}
                 </div>
             </div>
             <Footer bg={curtab === 0 ? "bg-pastel_red" : curtab === 1 ? "bg-pastel_blue" : "bg-pastel_green"} />

diff --git a/web/components/TeamCardForGrid.tsx b/web/components/TeamCardForGrid.tsx
@@ -12,7 +12,16 @@ const TeamCardForGrid = ({ img, title, subtitle, i }: Props) => {
     return (
         <div className='bg-white flex-col p-3 m-2 lg:m-4 rounded-md border-2 border-black flex'>
             <div className='w-full border-2 border-black rounded-md '>
-                <Image src={img} layout='responsive' width={300} height={300} alt='Logo' />
+                <div className='aspect-square' style={{ width: '100%', overflow: 'hidden' }}>
+                    <Image
+                        src={img}
+                        layout='responsive'
+                        width={300}
+                        height={300}
+                        objectFit='cover'
+                        alt='Logo'
+                    />
+                </div>
             </div>
             <h2 className='my-3 font-sans xl:text-2xl text-xl font-semibold text-black'>
                 {title}

diff --git a/web/content/team_members.json b/web/content/team_members.json
@@ -1,47 +1,107 @@
 [
   {
-    "name": "Vishesh Bansal",
-    "position": "Community Lead",
-    "img": "/vishesh.jpg"
+    "name": "Sayar Bhattacharyya",
+    "position": "Frontend",
+    "img": "/team/technical/sayar.jpeg"
   },
   {
-    "name": "Yajat",
-    "position": "Tech Lead",
-    "img": "/vishesh.jpg"
+    "name": "Anuj Parihar",
+    "position": "Backend and Security",
+    "img": "/team/technical/anuj.jpeg"
   },
   {
-    "name": "Yajat",
-    "position": "Tech Lead",
-    "img": "/vishesh.jpg"
+    "name": "Prashanna Rajbhandari",
+    "position": "App",
+    "img": "/team/technical/prashanna.heic"
   },
   {
-    "name": "Yajat",
-    "position": "Tech Lead",
-    "img": "/vishesh.jpg"
+    "name": "Dhruv Shah",
+    "position": "Backend",
+    "img": "/team/technical/dhruv.jpeg"
   },
   {
-    "name": "Yajat",
-    "position": "Tech Lead",
-    "img": "/vishesh.jpg"
+    "name": "Rudrank Basant",
+    "position": "App and Backend",
+    "img": "/team/technical/rudrank.jpeg"
   },
   {
-    "name": "Yajat",
-    "position": "Tech Lead",
-    "img": "/vishesh.jpg"
+    "name": "Ameya Kore",
+    "position": "Full Stack",
+    "img": "/team/technical/ameya.jpeg"
   },
   {
-    "name": "Yajat",
-    "position": "Tech Lead",
-    "img": "/vishesh.jpg"
+    "name": "Sankhayan Bhattacharjee",
+    "position": "Full Stack and Game",
+    "img": "/team/technical/sankhayan.jpeg"
   },
   {
-    "name": "Yajat",
-    "position": "Tech Lead",
-    "img": "/vishesh.jpg"
+    "name": "John Tony",
+    "position": "Backend",
+    "img": "/team/technical/john.jpeg"
   },
   {
-    "name": "Yajat",
-    "position": "Tech Lead",
-    "img": "/vishesh.jpg"
+    "name": "Chandram Dutta",
+    "position": "App",
+    "img": "/team/technical/chandram.jpeg"
+  },
+  {
+    "name": "Rounak Agrawal",
+    "position": "App and Frontend",
+    "img": "/team/technical/rounak.jpeg"
+  },
+  {
+    "name": "Pratham Gupta",
+    "position": "Frontend",
+    "img": "/team/technical/pratham.jpeg"
+  },
+  {
+    "name": "Aarabi",
+    "position": "Python",
+    "img": "/team/technical/aarabi.jpeg"
+  },
+  {
+    "name": "Aditya Chowdhary",
+    "position": "Backend",
+    "img": "/team/technical/aditya_chowdhary.jpeg"
+  },
+  {
+    "name": "Dev Keshwani",
+    "position": "App",
+    "img": "/team/technical/dev.jpeg"
+  },
+  {
+    "name": "Divyanshu Singh",
+    "position": "Frontend",
+    "img": "/team/technical/divyanshu.png"
+  },
+  {
+    "name": "Hari Govind",
+    "position": "App and Security",
+    "img": "/team/technical/hari.png"
+  },
+  {
+    "name": "Rupaak S",
+    "position": "Frontend",
+    "img": "/team/technical/rupaak.jpeg"
+  },
+  {
+    "name": "Sanchit Gupta",
+    "position": "Technical",
+    "img": "/team/technical/sanchit.jpeg"
+  },
+  {
+    "name": "Sidhant S Srivastava",
+    "position": "Machine Learning",
+    "img": "/team/technical/sidhant.jpeg"
+  },
+  {
+    "name": "Soham Ghugare",
+    "position": "Backend",
+    "img": "/team/technical/soham.jpeg"
+  },
+  {
+    "name": "Souvik Mahanta",
+    "position": "Security",
+    "img": "/team/technical/souvik.jpeg"
   }
 ]
diff --git a/web/content/team_members_board.json b/web/content/team_members_board.json
@@ -0,0 +1,52 @@
+[
+  {
+    "name": "Vishesh Bansal",
+    "position": "GDSC Lead",
+    "img": "/team/board/vishesh.webp"
+  },
+  {
+    "name": "Yajat Malhotra",
+    "position": "Technical Lead",
+    "img": "/team/board/yajat.webp"
+  },
+  {
+    "name": "Jeevan Yohan Varghese",
+    "position": "App Lead",
+    "img": "/team/board/jeevan.webp"
+  },
+  {
+    "name": "Pranav Ram",
+    "position": "Design Lead — Projects & Video",
+    "img": "/team/board/pranav.webp"
+  },
+  {
+    "name": "Raggav Subramani",
+    "position": "Management & Operations Lead",
+    "img": "/team/board/raggav.webp"
+  },
+  {
+    "name": "Lokesh Rai",
+    "position": "Projects & External Affairs Lead",
+    "img": "/team/board/lokesh.webp"
+  },
+  {
+    "name": "Krishap Sreenivasan",
+    "position": "Cloud and SecOps Lead",
+    "img": "/team/board/krishap.webp"
+  },
+  {
+    "name": "Kush Ojha",
+    "position": "Machine Learning & Content Lead",
+    "img": "/team/board/kush.webp"
+  },
+  {
+    "name": "Aditya Mitra",
+    "position": "Events & Marketing Lead",
+    "img": "/team/board/aditya.webp"
+  },
+  {
+    "name": "Projukta Mandal",
+    "position": "Design Lead — Events",
+    "img": "/team/board/projukta.webp"
+  }
+]
diff --git a/web/content/team_members_design.json b/web/content/team_members_design.json
@@ -1,47 +1,27 @@
 [
   {
-    "name": "Pranav Ram",
-    "position": "Design Lead — Projects",
-    "img": "/vishesh.jpg"
+    "name": "Utkarsh Prasad Sinha",
+    "position": "Video and Graphics",
+    "img": "/team/design/utkarsh.heic"
   },
   {
-    "name": "Yajat",
-    "position": "Tech Lead",
-    "img": "/vishesh.jpg"
+    "name": "Kumar Aryan",
+    "position": "UI/UX",
+    "img": "/team/design/kumar_aryan.jpeg"
   },
   {
-    "name": "Yajat",
-    "position": "Tech Lead",
-    "img": "/vishesh.jpg"
+    "name": "Chandrima Manik",
+    "position": "UI/UX",
+    "img": "/team/design/chandrima.jpeg"
   },
   {
-    "name": "Yajat",
-    "position": "Tech Lead",
-    "img": "/vishesh.jpg"
+    "name": "Esha Santosh",
+    "position": "UI/UX",
+    "img": "/team/design/esha.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": "Simar Bhatia",
+    "position": "Video and Graphics",
+    "img": "/team/design/simar.jpeg"
   }
 ]