This commit is contained in:
Raj Sharma 2024-01-09 23:44:51 +05:30
parent c21304fa67
commit fad9ee3bcc
7 changed files with 31 additions and 38 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.7 MiB

After

Width:  |  Height:  |  Size: 327 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 291 KiB

View File

@ -22,7 +22,7 @@ export function Connect() {
<div className="mt-6"> <div className="mt-6">
<div className="mb-2"> <div className="mb-2">
<h3 className="font-display font-medium">Connect</h3> <h3 className="font-display font-medium">Connect</h3>
<p className="text-xs flex gap-1 flex-wrap italic text-muted-foreground"> <p className="text-xs flex gap-1 flex-wrap italic text-foreground/80">
reach me at{" "} reach me at{" "}
<a <a
target="_blank" target="_blank"

View File

@ -29,10 +29,7 @@ export default function Page() {
<div className=""> <div className="">
<p className="text-xs italic">I like to build things</p> <p className="text-xs italic">I like to build things</p>
<p className="text-xs"> <p className="text-xs">
Software Engineer{" "} Software Engineer <a href="https://phonepe.com">@PhonePe</a>
<a className="text-primary" href="https://phonepe.com">
@PhonePe
</a>
</p> </p>
</div> </div>
<section> <section>
@ -49,7 +46,7 @@ export default function Page() {
<section className="connect-section"> <section className="connect-section">
<Connect /> <Connect />
</section> </section>
<BackgroundGradentProvider className="h-screen -z-10 w-full opacity-60 saturate-200" /> <BackgroundGradentProvider className="h-screen -z-10 w-full opacity-60" />
</div> </div>
<Footer /> <Footer />
</main> </main>
@ -60,7 +57,7 @@ function Now() {
return ( return (
<div className="mt-4"> <div className="mt-4">
<h3 className="font-display font-medium">Now</h3> <h3 className="font-display font-medium">Now</h3>
<div className="text-xs text-muted-foreground"> <div className="text-xs text-foreground/80">
<p> <p>
Experimenting with anything I can find before we get replaced by AGI.{" "} Experimenting with anything I can find before we get replaced by AGI.{" "}
<span className="italic font-serif"> <span className="italic font-serif">
@ -68,21 +65,13 @@ function Now() {
</span> </span>
</p> </p>
<p className="mt-4"> <p className="mt-4">
Building Tools{" "} Building Tools <a href="https://phonepe.com">@PhonePe</a> to manage
<a className="text-primary" href="https://phonepe.com"> thousands of servers and their network.
@PhonePe
</a>{" "}
to manage thousands of servers and their network.
</p> </p>
<p className="mt-4"> <p className="mt-4">
Trying out design system inspired by{" "} Trying out design system inspired by{" "}
<a className="text-primary" href="https://paco.me/"> <a href="https://paco.me/">@paco</a> &{" "}
@paco <a href="https://rauno.me/projects">@runo</a>
</a>{" "}
&{" "}
<a className="text-primary" href="https://rauno.me/projects">
@runo
</a>
{"'s"} designs. {"'s"} designs.
</p> </p>
</div> </div>
@ -95,7 +84,7 @@ function Stories() {
<div className="mt-6"> <div className="mt-6">
<div className="mb-2"> <div className="mb-2">
<h3 className="font-display font-medium">Stories</h3> <h3 className="font-display font-medium">Stories</h3>
<p className="text-xs italic text-muted-foreground"> <p className="text-xs italic text-foreground/80">
My tech blogs and other writings. My tech blogs and other writings.
</p> </p>
</div> </div>
@ -109,11 +98,9 @@ function Projects() {
<div className="mt-6"> <div className="mt-6">
<div className=""> <div className="">
<h3 className="font-display font-medium">Favorite Projects</h3> <h3 className="font-display font-medium">Favorite Projects</h3>
<p className="text-xs italic text-muted-foreground"> <p className="text-xs italic text-foreground/80">
You can check out all of them on my{" "} You can check out all of them on my{" "}
<a className="text-primary" href="https://github.com/xrehpicx"> <a href="https://github.com/xrehpicx">github.</a>
github.
</a>
</p> </p>
</div> </div>
@ -165,14 +152,12 @@ function Project({
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">
<h4 className="font-display font-medium text-sm">{title}</h4> <h4 className="font-display font-medium text-sm">{title}</h4>
{href ? ( {href ? (
<a href={href} className="group" target="_blank"> <a href={href} className="" target="_blank">
<ExternalLink className="w-3 group-hover:animate-bounce" /> <ExternalLink className="w-3" />
</a> </a>
) : null} ) : null}
</div> </div>
<p className="text-xs text-muted-foreground text-balance"> <p className="text-xs text-foreground/80 text-balance">{description}</p>
{description}
</p>
</div> </div>
); );
} }

View File

@ -13,7 +13,7 @@
--popover: 0 0% 100%; --popover: 0 0% 100%;
--popover-foreground: 20 14.3% 4.1%; --popover-foreground: 20 14.3% 4.1%;
--primary: 180 80% 30%; --primary: 240 60% 60%;
--primary-foreground: 60 9.1% 97.8%; --primary-foreground: 60 9.1% 97.8%;
--secondary: 60 4.8% 95.9%; --secondary: 60 4.8% 95.9%;
@ -74,3 +74,7 @@
@apply bg-background text-foreground; @apply bg-background text-foreground;
} }
} }
a {
@apply text-primary font-medium hover:underline underline-offset-2;
}

View File

@ -54,12 +54,15 @@ export function BackgroundGradentProvider({
}) { }) {
return ( return (
<motion.div <motion.div
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
className={cn( className={cn(
"fixed overflow-hidden w-full h-full opacity-50 top-0 left-0", "fixed overflow-hidden w-full h-full opacity-20 top-0 left-0",
className, className,
)} )}
>
<motion.div
className="w-full h-full"
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
> >
<Image <Image
className="w-full h-full object-cover" className="w-full h-full object-cover"
@ -67,5 +70,6 @@ export function BackgroundGradentProvider({
alt="gradient" alt="gradient"
/> />
</motion.div> </motion.div>
</motion.div>
); );
} }