Skip to content

Commit a6f27ae

Browse files
davinash97davinash97
committed
Update
- theme fix - Addition of few elements
1 parent 7519959 commit a6f27ae

14 files changed

Lines changed: 419 additions & 395 deletions

File tree

‎package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
"version": "0.0.0",
55
"type": "module",
66
"scripts": {
7-
"dev": "vite",
7+
"dev": "vite --host",
88
"build": "vite build",
99
"lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
1010
"preview": "vite preview --host"
@@ -28,4 +28,4 @@
2828
"tailwindcss": "^3.4.4",
2929
"vite": "^5.3.1"
3030
}
31-
}
31+
}

‎src/Components/card.jsx‎

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -2,31 +2,31 @@ import Highlight from "./highlight";
22
import React from "react";
33

44
const achievementsCard = (props) => {
5-
return (
6-
<div className="achievements">
7-
<h3>{props.title}</h3> {props.text}
8-
</div>
9-
);
5+
return (
6+
<div className="achievements">
7+
<h3>{props.title}</h3> {props.text}
8+
</div>
9+
);
1010
};
1111

1212
const othersCard = (props) => {
13-
return (
14-
<div className="other-content flex items-center gap-10">
15-
<img src={props.imgSrc} alt={props.title} draggable="false" />
16-
<p>
17-
<Highlight text={props.title} />
18-
{props.paragraph}
19-
</p>
20-
</div>
21-
);
13+
return (
14+
<div className="other-content flex items-center gap-10">
15+
<img src={props.imgSrc} alt={props.title} draggable="false" />
16+
<p>
17+
<Highlight text={props.title} />
18+
{props.paragraph}
19+
</p>
20+
</div>
21+
);
2222
};
2323

2424
const contactsCard = (props) => {
25-
return (
26-
<a href={props.link} target="_blank" rel="noopener noreferrer">
27-
<img src={props.imgSrc} alt={props.title} draggable="false" />{" "}
28-
</a>
29-
);
25+
return (
26+
<a href={props.link} target="_blank" rel="noopener noreferrer">
27+
<img src={props.imgSrc} alt={props.title} draggable="false" />{" "}
28+
</a>
29+
);
3030
};
3131

3232
export { achievementsCard, othersCard, contactsCard };

‎src/Components/frame.jsx‎

Lines changed: 41 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -2,48 +2,53 @@ import "../Styles/Skills.css";
22
import React from "react";
33

44
const frame = (props) => {
5-
return (
6-
<div className="frameBox" style={props.parentStyle}>
7-
<img
8-
src={props.imgSrc}
9-
alt={props.title}
10-
draggable="false"
11-
className={props.class}
12-
style={props.childStyle}
13-
/>
14-
<div className="title">{props.title}</div>
15-
</div>
16-
);
5+
return (
6+
<div className="frameBox" style={props.parentStyle}>
7+
<img
8+
src={props.imgSrc}
9+
alt={props.title}
10+
draggable="false"
11+
className={props.class}
12+
style={props.childStyle}
13+
/>
14+
<div className="title">{props.title}</div>
15+
<div className="description">{props.description}</div>
16+
</div>
17+
);
1718
};
1819

1920
const projectFrame = (props) => {
20-
return (
21-
<div className="projectFrame p-4 flex flex-col gap-3">
22-
<h3 className="text-center" style={{ fontSize: "2rem" }}>
23-
{props.title}
24-
</h3>
25-
<div className="flex flex-row content-center justify-center w-auto gap-5">
26-
<p>{props.paragraph}</p>
27-
<a href={props.link} target="_blank" rel="noreferrer">
28-
<img src={props.imgSrc} alt={props.title} draggable="false" />
29-
</a>
30-
</div>
31-
</div>
32-
);
21+
return (
22+
<div className="projectFrame p-4 flex flex-col gap-3">
23+
<h3 className="text-center" style={{ fontSize: "2rem" }}>
24+
{props.title}
25+
</h3>
26+
<div className="flex flex-row content-center justify-center w-auto gap-5">
27+
<p>{props.paragraph}</p>
28+
<a href={props.link} target="_blank" rel="noreferrer">
29+
<img
30+
src={props.imgSrc}
31+
alt={props.title}
32+
draggable="false"
33+
/>
34+
</a>
35+
</div>
36+
</div>
37+
);
3338
};
3439

3540
const osFrame = (props) => {
36-
return (
37-
<div className="OsContainer">
38-
<div className="title">{props.title}</div>
39-
<img
40-
style={{ minWidth: "80px" }}
41-
src={props.link}
42-
alt={props.title}
43-
draggable="false"
44-
/>
45-
</div>
46-
);
41+
return (
42+
<div className="OsContainer">
43+
<div className="title">{props.title}</div>
44+
<img
45+
style={{ minWidth: "80px" }}
46+
src={props.link}
47+
alt={props.title}
48+
draggable="false"
49+
/>
50+
</div>
51+
);
4752
};
4853

4954
export { projectFrame, frame, osFrame };

‎src/Pages/Achievements.jsx‎

Lines changed: 27 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -3,14 +3,31 @@ import { achievementsCard as Card } from "../Components/card";
33
import React from "react";
44

55
export default function Achievements() {
6-
return (
7-
<section className="flex flex-col py-20 justify-between gap-10 px-10 text-center w-screen">
8-
<h2>Achievements</h2>
9-
<Card title="PHP" text="Completed Vocational Training" />
10-
<Card title="Java" text="Scored 71% in NPTEL " />
11-
<Card title="MS-Office" text="Completed Vocational Training" />
12-
<Card title="Leetcode" text="Solved 20+ Questions" />
13-
<Card title="CodeChef" text="Solved 50+ Questions" />
14-
</section>
15-
);
6+
return (
7+
<section className="flex flex-col py-20 justify-between gap-10 px-10 text-center w-screen">
8+
<h2>Achievements</h2>
9+
<Card title="PHP" text="Completed 2 months Internship" />
10+
<Card
11+
title="Java"
12+
text="Scored 71% in Programming in Java NPTEL (IIT-KGP)"
13+
/>
14+
<Card
15+
title="Great Learning"
16+
text="Certificate in completion of Collections in Java"
17+
/>
18+
<Card title="MS-Office" text="Completed Vocational Training" />
19+
<Card
20+
title="HackerRank"
21+
text="Certified [Software Engineer Intern and Java (Basic)]"
22+
/>
23+
<Card
24+
title="Leetcode"
25+
text="Solved 300+ Questions and a total streak of 200+ days."
26+
/>
27+
<Card
28+
title="Duolingo"
29+
text="Learning German (Early A1 CEFR Proficiency)"
30+
/>
31+
</section>
32+
);
1633
}

0 commit comments

Comments
 (0)