karlm/portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add About, Contact, and Projects pages with basic layout

Browse source 
refactor(Header): fix header positioning for better layout
refactor(Home): simplify main structure and adjust section padding
This commit is contained in:
Mike Karl 2026-02-13 10:17:13 +01:00
parent 6d8f2f6e2d
commit f56db46d98
6 changed files with 27 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/about/page.tsx Normal file
View file

@ -0,0 +1,7 @@
export default function Page() {
return (
<main className="min-h-screen flex items-center justify-center">
<h1 className="text-3xl font-bold">About</h1>
</main>
);
}

2
app/components/Header.tsx
View file

@ -3,7 +3,7 @@ export default function Header({
}: Readonly<{
children: React.ReactNode;
}>) {
return <header className="fixed flex justify-between w-full z-10 backdrop-blur-sm">
return <header className="fixed top-0 flex justify-between w-full z-10 backdrop-blur-sm">
{children}
</header>
}

7
app/contact/page.tsx Normal file
View file

@ -0,0 +1,7 @@
export default function Page() {
return (
<main className="min-h-screen flex items-center justify-center">
<h1 className="text-3xl font-bold">Contact</h1>
</main>
);
}

2
app/layout.tsx
View file

@ -30,9 +30,7 @@ export default function RootLayout({
<Image alt="logo.png" className="mx-4" src={logo} width={70} height={70} />
</Link>
</Header>
<main className="pt-20">
{children}
</main>
<div className="bg" />
</body>
</html>

6
app/page.tsx
View file

@ -16,8 +16,8 @@ export default function Home() {
}, []);
return (
<>
<section className="mx-10 mt-50 ml-50">
<main className="min-h-screen">
<section className="pl-36 pt-48">
<h2 className="text-7xl/12 font-light">Mike</h2>
<h1 className="text-9xl font-bold">Karl</h1>
<AnimatePresence mode="wait">
@ -39,6 +39,6 @@ export default function Home() {
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" className="ml-2 w-8 h-8 fill-white"><path d="M416 32L31.9 32C14.3 32 0 46.5 0 64.3L0 447.7C0 465.5 14.3 480 31.9 480L416 480c17.6 0 32-14.5 32-32.3l0-383.4C448 46.5 433.6 32 416 32zM135.4 416l-66.4 0 0-213.8 66.5 0 0 213.8-.1 0zM102.2 96a38.5 38.5 0 1 1 0 77 38.5 38.5 0 1 1 0-77zM384.3 416l-66.4 0 0-104c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9l0 105.8-66.4 0 0-213.8 63.7 0 0 29.2 .9 0c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9l0 117.2z" /></svg>
</Link>
</section>
</>
</main>
);
}

7
app/projects/page.tsx Normal file
View file

@ -0,0 +1,7 @@
export default function Page() {
return (
<main className="min-h-screen flex items-center justify-center">
<h1 className="text-3xl font-bold">Projects</h1>
</main>
);
}