raj/raj.how
raj
/
raj.how
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: added more projects

This commit is contained in:
Raj 2024-05-04 09:23:14 +05:30
parent 25afe6cd15
commit 5a8cd8522a
2 changed files with 37 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/app/(home)/page.tsx
View File

@ -11,16 +11,16 @@ export default function Page() {
return ( return (
<main> <main>
<div className="container py-12 max-w-xl"> <div className="container py-12 max-w-xl">
<GrainProvider {/* <GrainProvider */}
grain_options={{ {/* grain_options={{ */}
patternWidth: 200, {/* patternWidth: 200, */}
patternHeight: 200, {/* patternHeight: 200, */}
grainOpacity: 0.1, {/* grainOpacity: 0.1, */}
grainDensity: 1, {/* grainDensity: 1, */}
grainWidth: 1, {/* grainWidth: 1, */}
grainHeight: 1, {/* grainHeight: 1, */}
}} {/* }} */}
/> {/* /> */}
<header className="my-2 mt-8 relative"> <header className="my-2 mt-8 relative">
<Sparkle <Sparkle
strokeWidth={1.5} strokeWidth={1.5}
@ -101,6 +101,21 @@ function Projects() {
</div> </div>
<div className="sm:grid-cols-2 grid-cols-1 grid gap-2"> <div className="sm:grid-cols-2 grid-cols-1 grid gap-2">
<Project
title="PIOUS"
description={
"Custom Linux distribution for tracking and provisioning servers at scale."
}
href="https://tech.phonepe.com/heres-everything-you-need-to-know-about-phonepes-internal-cloud-provisioning-service/"
/>
<Project
contribution
title="shadcn/ui"
description={
"Contributed to my Favorite UI library, shadcn/ui, with a single PR but it was fun."
}
href="https://ui.shadcn.com/"
/>
<Project <Project
title="PPEC" title="PPEC"
description={ description={
@ -138,10 +153,12 @@ function Project({
title, title,
description, description,
href, href,
contribution,
}: { }: {
title: string; title: string;
description: JSX.Element | string; description: JSX.Element | string;
href?: string; href?: string;
contribution?: boolean;
}) { }) {
return ( return (
<div className="mt-4"> <div className="mt-4">
@ -152,6 +169,9 @@ function Project({
<ExternalLink className="w-3" /> <ExternalLink className="w-3" />
</a> </a>
) : null} ) : null}
{contribution ? (
<span className="text-xs opacity-70 italic">Contribution</span>
) : null}
</div> </div>
<p className="text-xs text-foreground/80 text-balance">{description}</p> <p className="text-xs text-foreground/80 text-balance">{description}</p>
</div> </div>

14
src/app/(home)/story/page.tsx
View File

@ -124,13 +124,13 @@ export default async function Story({
{/* }} */} {/* }} */}
{/* /> */} {/* /> */}
<div {/* <div */}
className="absolute z-10 top-0 left-0 w-full h-full bg-transparent bg-repeat round pointer-events-none opacity-15" {/* className="absolute z-10 top-0 left-0 w-full h-full bg-transparent bg-repeat round pointer-events-none opacity-15" */}
style={{ {/* style={{ */}
backgroundImage: {/* backgroundImage: */}
"url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 600 600%22%3E%3Cfilter id=%22a%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.65%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23a)%22/%3E%3C/svg%3E')", {/* "url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 600 600%22%3E%3Cfilter id=%22a%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.65%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23a)%22/%3E%3C/svg%3E')", */}
}} {/* }} */}
></div> {/* ></div> */}
<BackgroundGradentProvider className="-z-10 h-screen w-full opacity-60" /> <BackgroundGradentProvider className="-z-10 h-screen w-full opacity-60" />
<Image <Image
width={400} width={400}