generated from GDGVIT/template
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #9 from isinghdivyanshu/master
feat: update board, sc and jc
- Loading branch information
Showing
90 changed files
with
1,165 additions
and
953 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,50 +1,69 @@ | ||
| import React from 'react' | ||
| import Image from 'next/image' | ||
| import Card from './Card' | ||
| import Icon from './Icons' | ||
| import React from "react"; | ||
| import Image from "next/image"; | ||
| import Card from "./Card"; | ||
| import Icon from "./Icons"; | ||
| type Props = { | ||
| img: string | ||
| title: string | ||
| subtitle?: string; | ||
| i: number; | ||
| github?: string; | ||
| linkedin?: string; | ||
| link?: string; | ||
| } | ||
| img: string; | ||
| title: string; | ||
| subtitle?: string; | ||
| i: number; | ||
| github?: string; | ||
| linkedin?: string; | ||
| link?: string; | ||
| }; | ||
|
|
||
| const TeamCardForGrid = ({ img, title, subtitle, i, github, link, linkedin }: 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 '> | ||
| <div className='aspect-square' style={{ width: '100%', overflow: 'hidden' }}> | ||
| <Image | ||
| src={img} | ||
| sizes='100vw' | ||
| width={300} | ||
| height={300} | ||
| className='w-full h-auto object-cover' | ||
| alt='pfp' | ||
| /> | ||
| </div> | ||
| </div> | ||
| <h2 className='my-3 font-sans xl:text-2xl text-xl font-semibold text-black'> | ||
| {title} | ||
| </h2> | ||
| <h3 className='text-grey'> | ||
| {subtitle} | ||
| </h3> | ||
| <div className='flex gap-2 justify-end mt-auto pt-2'> | ||
| {link ? | ||
| <Icon icon='web' xsmall link={link || ""} name='userweb' /> | ||
| : null} | ||
| {github ? | ||
| <Icon icon='githubdark' xsmall link={github || ""} name='usergh' /> | ||
| : null} | ||
| {linkedin ? | ||
| <Icon icon='linkedindark' xsmall link={linkedin || ""} name='userli' /> | ||
| : null} | ||
| </div> | ||
| </div> | ||
| ) | ||
| } | ||
| export default TeamCardForGrid | ||
| const TeamCardForGrid = ({ | ||
| img, | ||
| title, | ||
| subtitle, | ||
| i, | ||
| github, | ||
| link, | ||
| linkedin, | ||
| }: 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 "> | ||
| <div | ||
| className="aspect-square" | ||
| style={{ width: "100%", overflow: "hidden" }} | ||
| > | ||
| <Image | ||
| src={img} | ||
| sizes="100vw" | ||
| width={300} | ||
| height={300} | ||
| className="w-full min-h-full object-center" | ||
| alt="pfp" | ||
| /> | ||
| </div> | ||
| </div> | ||
| <h2 className="my-3 font-sans xl:text-2xl text-xl font-semibold text-black"> | ||
| {title} | ||
| </h2> | ||
| <h3 className="text-grey">{subtitle}</h3> | ||
| <div className="flex gap-2 justify-end mt-auto pt-2"> | ||
| {link ? ( | ||
| <Icon icon="web" xsmall link={link || ""} name="userweb" /> | ||
| ) : null} | ||
| {github ? ( | ||
| <Icon | ||
| icon="githubdark" | ||
| xsmall | ||
| link={github || ""} | ||
| name="usergh" | ||
| /> | ||
| ) : null} | ||
| {linkedin ? ( | ||
| <Icon | ||
| icon="linkedindark" | ||
| xsmall | ||
| link={linkedin || ""} | ||
| name="userli" | ||
| /> | ||
| ) : null} | ||
| </div> | ||
| </div> | ||
| ); | ||
| }; | ||
| export default TeamCardForGrid; |
Oops, something went wrong.