diff --git a/web/app/page.tsx b/web/app/page.tsx index 1ce89ab..2dabfce 100644 --- a/web/app/page.tsx +++ b/web/app/page.tsx @@ -200,7 +200,7 @@ export default function Home() { */} 650 ? "100px" : "5vw", paddingRight: screenWidth > 650 ? "100px" : "5vw" }} className='text-dark' ref={fameRef}> - {fame.map((f, i) => i) ? i : 0} title={f.title} />)} + {fame.map((f, i) => i) ? i : 0} title={f.title} />)} diff --git a/web/assets/mail.svg b/web/assets/mail.svg new file mode 100644 index 0000000..35f594e --- /dev/null +++ b/web/assets/mail.svg @@ -0,0 +1 @@ + diff --git a/web/components/FameCard.tsx b/web/components/FameCard.tsx index 3a654bf..05ac33f 100644 --- a/web/components/FameCard.tsx +++ b/web/components/FameCard.tsx @@ -1,24 +1,24 @@ import Image from 'next/image'; import Button from './Button'; import { FC, ReactNode } from 'react'; -import fameImage from '@/assets/fame.png' import { title } from 'process'; import Card from './Card'; interface Props { title: ReactNode; - i: number + i: number; + img: string; } -const FameCard: FC = ({ title, i }) => { +const FameCard: FC = ({ title, i, img }) => { return ( -
- Logo +
+ Logo
-

+

{title}

); } -export default FameCard; \ No newline at end of file +export default FameCard; diff --git a/web/components/Footer.tsx b/web/components/Footer.tsx index 723741e..a6e7ddc 100644 --- a/web/components/Footer.tsx +++ b/web/components/Footer.tsx @@ -55,6 +55,7 @@ const Footer: FC = ({bg}) => {
+

dscvitvellore@gmail.com

{socials.map((social, i) => )}
diff --git a/web/components/Icons/icons.ts b/web/components/Icons/icons.ts index e19a158..6774f9a 100644 --- a/web/components/Icons/icons.ts +++ b/web/components/Icons/icons.ts @@ -9,6 +9,7 @@ import youtube from "@/assets/youtube.svg"; import github from "@/assets/github-mark-white.svg" import githubdark from "@/assets/github-mark.svg" import web from "@/assets/web.svg" +import mail from "@/assets/mail.svg" export const getIcon = (name: string) => { const icons = { @@ -22,7 +23,8 @@ export const getIcon = (name: string) => { github, githubdark, linkedindark, - web + web, + mail }; return icons[name as keyof typeof icons]; }; diff --git a/web/content/fame.json b/web/content/fame.json index 1d1c126..cf82f64 100644 --- a/web/content/fame.json +++ b/web/content/fame.json @@ -1,14 +1,18 @@ [ { - "title": "Best Club Award 2020" + "title": "Best Club Award 2020", + "img":"/fame.png" }, { - "title": "Poll Police Project" + "title": "Poll Police Project", + "img":"/fame.png" }, { - "title": "Built the tech for some of India's largest college fests" + "title": "Built the tech for some of India's largest college fests", + "img":"/riviera.png" }, { - "title": "K number of participants" + "title": "2000+ participants in events", + "img":"/2000.jpeg" } ] diff --git a/web/public/2000.jpeg b/web/public/2000.jpeg new file mode 100644 index 0000000..d38d73f Binary files /dev/null and b/web/public/2000.jpeg differ diff --git a/web/public/riviera.png b/web/public/riviera.png new file mode 100644 index 0000000..e87afdd Binary files /dev/null and b/web/public/riviera.png differ