Skip to content

Commit afd8f44

Browse files
committed
Update
- Education Card - Adding Color Variables
1 parent bea475c commit afd8f44

7 files changed

Lines changed: 24 additions & 23 deletions

File tree

src/app/components/Card.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ export default React.memo(function Card({
4747
href={link}
4848
target="_blank"
4949
rel="noopener noreferrer"
50-
className={`text-purple-500 inline-flex items-center ${lato.className}`}>
50+
className={`text-(--primary) inline-flex items-center ${lato.className}`}>
5151
<LinkIcon className="mr-1" /> Visit
5252
</a>
5353
)}

src/app/components/ContactCard.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,9 +15,9 @@ export default function ContactCard({
1515
content,
1616
}: ContactProps) {
1717
return (
18-
<div className="flex flex-row w-full gap-4 rounded-xl p-4 border-2 border-solid border-purple-500 items-center">
18+
<div className="flex flex-row w-full gap-4 rounded-xl p-4 border-2 border-solid border-(--primary) items-center">
1919
{/* Icon */}
20-
<div className="h-[80px] w-[80px] flex items-center justify-center text-4xl text-purple-500">
20+
<div className="h-[80px] w-[80px] flex items-center justify-center text-4xl text-(--primary)">
2121
<Icon />
2222
</div>
2323

src/app/components/ProjectCard.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ export default function ProjectCard({
4040
draggable="false"
4141
className="w-full h-full select-none object-cover rounded-md"
4242
/>
43-
<h3 className="absolute font-bold text-lg z-10 w-full bottom-1 text-center text-white bg-purple-500">
43+
<h3 className="absolute font-bold text-lg z-10 w-full bottom-1 text-center text-(--accent) bg-(--secondary)">
4444
{name || "This is a dummy project name"}
4545
</h3>
4646
</div>
@@ -62,7 +62,7 @@ export default function ProjectCard({
6262
{techStack.map((tech, index) => (
6363
<span
6464
key={index}
65-
className="text-gray-200 text-sm rounded-full px-2 py-1 bg-purple-500">
65+
className="text-sm rounded-full px-2 py-1 text-(--background) bg-(--secondary)">
6666
{tech}
6767
</span>
6868
))}

src/app/globals.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,11 +8,21 @@
88
/* --background: #ffffff; */
99
/* --foreground: #171717; */
1010
@apply bg-gray-200 text-black;
11+
--primary: #8727e7;
12+
--secondary: #9900ff;
13+
--accent: #ceb8ff;
14+
--foreground: #042004;
15+
--background: #f6fef6;
1116
}
1217

1318
@media (prefers-color-scheme: dark) {
1419
:root {
1520
@apply bg-gray-900 text-gray-200;
21+
--primary: #7818d8;
22+
--secondary: #9900ff;
23+
--accent: #170047;
24+
--foreground: #dffbdf;
25+
--background: #010901;
1626
/* --background: #0a0a0a; */
1727
/* --foreground: #ededed; */
1828
}
@@ -27,6 +37,7 @@ h1,
2737
h2,
2838
h3 {
2939
@apply select-none;
40+
/* -webkit-text-stroke: 1px var(--accent); */
3041
}
3142

3243
h2 {

src/app/page/contact/Contact.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -167,7 +167,7 @@ export default function Contact() {
167167
/>
168168
<button
169169
type="submit"
170-
className="self-end px-6 py-2 bg-[var(--accent)]] text-white rounded-md hover:bg-gray-800 transition"
170+
className="self-end px-6 py-2 bg-(--primary) text-(--background) rounded-md hover:bg-gray-800 transition"
171171
disabled={loading}>
172172
{/* Send */}
173173
{loading ? "Sending..." : "Send"}

src/app/page/education/Education.tsx

Lines changed: 2 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -28,23 +28,13 @@ export default function Education() {
2828
title: "Diploma in Electrical Engineering (Lateral)",
2929
organization: "Rungta College of Engineering & Technology",
3030
duration: "2017-2019",
31-
detail: `Lorem Ipsum is simply dummy text of the printing and typesetting industry.
32-
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
33-
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
34-
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
35-
It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages,
36-
and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.`,
31+
detail: `I completed my Diploma in Electrical Engineering from Rungta College of Engineering & Technology, where I gained extensive knowledge during my academic years (2017-2019 Lateral Entry after ITI). I worked on various projects, including an Arduino-based robotic arm capable of picking up and placing objects, and a path-following vehicle designed to reach a predefined destination. Both projects were controllable via an Android device using Bluetooth communication.`,
3732
},
3833
{
3934
title: "Bachelors in Computer Science Engineering (Lateral)",
4035
organization: "Rungta College of Engineering & Technology",
4136
duration: "2021-2024",
42-
detail: `Lorem Ipsum is simply dummy text of the printing and typesetting industry.
43-
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
44-
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
45-
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
46-
It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages,
47-
and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.`,
37+
detail: `I completed my Bachelor of Technology in Computer Science Engineering from 2021 to 2024 (3 years due to Lateral Entry). Throughout my academic journey, I gained a solid understanding of how computers work, as well as the wide range of applications and software in the industry. During this time, I was part of a team that developed a social media-like platform for pets, designed to help users arrange playdates. Additionally, I worked on various web-based management software projects. These experiences significantly enhanced my knowledge and skills in web development and software engineering.`,
4838
},
4939
];
5040
return (

src/app/page/hero/Hero.tsx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ export default function Hero() {
6565
<section className="relative h-screen w-screen m-0 p-0">
6666
{/* GPU-friendly animated gradient background */}
6767
<motion.div
68-
className="absolute top-0 left-0 w-full h-full bg-gradient-to-r from-purple-500 via-pink-500 to-indigo-500 animate-gradient-x"
68+
className="absolute top-0 left-0 w-full h-full bg-gradient-to-r from-(--primary) via-(--background) to-(--secondary) animate-gradient-x"
6969
style={{
7070
opacity,
7171
transform: `translateY(${translateY}px)`,
@@ -75,23 +75,23 @@ export default function Hero() {
7575

7676
{/* Overlay */}
7777
<motion.div
78-
className="relative z-10 flex flex-col items-center justify-center w-full h-full bg-black/30 text-white text-center"
78+
className="relative z-10 flex flex-col items-center justify-center w-full h-full text-white bg-black/30 text-center"
7979
style={{
8080
opacity,
8181
transform: `translateY(${translateY}px)`,
8282
transition: "opacity 0.1s linear, transform 0.1s linear",
8383
}}>
8484
{/* Heading with stagger */}
8585
<motion.h1
86-
className={`text-3xl md:text-6xl lg:text-6xl xl:text-8xl break-words p-6 ${poppins.className}`}>
86+
className={`text-3xl md:text-6xl lg:text-6xl xl:text-8xl break-words p-6 text-(--primary) ${poppins.className}`}>
8787
{"Welcome to my Portfolio".split(" ").map((word, i) => (
8888
<motion.span
8989
key={i}
9090
custom={i}
9191
variants={headingVariants}
9292
initial="hidden"
9393
animate="visible"
94-
className="inline-block mr-2 heading">
94+
className="inline-block mr-2">
9595
{word}
9696
</motion.span>
9797
))}
@@ -108,7 +108,7 @@ export default function Hero() {
108108
initial={{ opacity: 0, y: 20 }}
109109
animate={{ opacity: 1, y: 0 }}
110110
transition={{ duration: 0.6 }}
111-
className={`${greatVibes.className} inline-block animate-bounce hover:[animation-play-state:paused] cursor-auto text-purple-500`}>
111+
className={`${greatVibes.className} inline-block animate-bounce hover:[animation-play-state:paused] cursor-auto)`}>
112112
{name}
113113
</motion.span>
114114
</motion.h3>

0 commit comments

Comments
 (0)