apatil/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adding some more content to the main page and changing colors
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source
This commit is contained in:
apatil 2025-05-02 16:44:08 +01:00
parent 1cd5130fa7
commit 5951fe88df
3 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/layout.tsx
View File

@ -26,7 +26,7 @@ export default function RootLayout({
return (
<html lang="en">
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
className={`${geistSans.variable} ${geistMono.variable} antialiased bg-gray-100 min-h-screen`}
>
<Header />
{children}

3
src/app/page.tsx
View File

@ -1,7 +1,8 @@
export default function Home() {
return (
<div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
<h1>The Coding Grizzly</h1>
<h1>Welcome to the den</h1>
<p>Here lives the geek bear who is hungry for binary honey. Ravaging through the internet dumpster finding the finest 0s and 1s. He looks for speed and performance</p>
</div>
);
}

7
src/components/Header/index.tsx
View File

@ -27,7 +27,7 @@ export default function Header() {
setMobileOpen(!mobileOpen)
}
const drawer = (
<Box onClick={handleDrawerToggle} sx={{ textAlign: 'center' }}>
<Box onClick={handleDrawerToggle}>
<Typography variant="h6" className="my-4">Menu</Typography>
<List>
{navItems.map((item) => (
@ -42,11 +42,8 @@ export default function Header() {
)
return (
<>
<AppBar position="static" className="bg-gray-900">
<AppBar position="static" color='transparent' className="bg-black">
<Toolbar className="flex justify-between">
<Typography variant="h6" className="text-white">
My Website
</Typography>
<IconButton
color="inherit"
aria-label="open drawer"