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 ( return (
<html lang="en"> <html lang="en">
<body <body
className={`${geistSans.variable} ${geistMono.variable} antialiased`} className={`${geistSans.variable} ${geistMono.variable} antialiased bg-gray-100 min-h-screen`}
> >
<Header /> <Header />
{children} {children}

3
src/app/page.tsx
View File

@ -1,7 +1,8 @@
export default function Home() { export default function Home() {
return ( 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)]"> <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> </div>
); );
} }

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

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