jet/website
jet/website
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: fix spacing and comment out trpc

Browse source
This commit is contained in:
Jet Pham 2025-11-25 14:49:23 -08:00
parent 2010438475
commit 234e637b20
No known key found for this signature in database
8 changed files with 225 additions and 122 deletions
Download patch file Download diff file Expand all files Collapse all files

38
src/app/page.tsx
View file

@ -1,6 +1,6 @@
import Link from "next/link";
import Image from "next/image";
import { HydrateClient } from "~/trpc/server";
// import { HydrateClient } from "~/trpc/server";
import { BorderedBox } from "./_components/bordered-box";
import { FrostedBox } from "./_components/frosted-box";
import Header from "./_components/header";
@ -9,40 +9,29 @@ import FirstName from "~/assets/Jet.txt";
export default async function Home() {
return (
<HydrateClient>
// <HydrateClient>
<>
<CgolCanvas />
<main>
<div className="flex flex-col items-center justify-start px-4">
<FrostedBox className="mt-4 w-full max-w-[66.666667%] min-w-fit px-[calc(1.5ch-0.5px)] md:mt-16">
<FrostedBox className="my-[2ch] w-full max-w-[66.666667%] min-w-fit md:mt-[4ch]">
<div className="flex flex-col items-center justify-center gap-[2ch] md:flex-row">
<div className="order-1 flex flex-col items-center md:order-2">
<Header content={FirstName} />
<div className="mt-[3ch]">Software Extremist</div>
<div className="mt-[2ch]">Software Extremist</div>
</div>
<div className="order-2 flex-shrink-0 px-[1ch] md:order-1">
<div className="md:hidden w-full flex justify-center">
<div className="w-full max-w-[250px] aspect-square overflow-hidden">
<Image
src="/jet.svg"
alt="Jet"
width={250}
height={250}
className="w-full h-full object-cover"
priority
/>
</div>
</div>
<div className="order-2 shrink-0 md:order-1">
<Image
src="/jet.svg"
alt="Jet"
width={175}
height={263}
className="hidden md:block w-[175px] h-[263px]"
width={250}
height={250}
className="aspect-square w-full max-w-[250px] object-cover md:h-[263px] md:w-[175px] md:max-w-none"
priority
/>
</div>
</div>
<BorderedBox label="Skills">
<BorderedBox label="Skills" className="mt-[2ch]">
<div>Making crazy stuff</div>
</BorderedBox>
<BorderedBox label="Links">
@ -76,14 +65,15 @@ export default async function Home() {
href="https://x.com/jetpham5"
className="inline-flex items-center"
>
X
</Link>
X (Twitter)
</Link>
</li>
</ol>
</BorderedBox>
</FrostedBox>
</div>
</main>
</HydrateClient>
</>
// </HydrateClient>
);
}