fix
This commit is contained in:
parent
c21304fa67
commit
fad9ee3bcc
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 |
|
@ -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"
|
||||||
|
|
|
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
|
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue