diff options
| author | Ashelyn Rose <git@ashen.earth> | 2024-09-01 18:11:56 -0600 |
|---|---|---|
| committer | Ashelyn Rose <git@ashen.earth> | 2024-09-01 18:11:56 -0600 |
| commit | 79ffd7e2c052bcdc0cc7df93a06306efd9817139 (patch) | |
| tree | af2c233439028c9b484b1e42ac104b49cfbb6798 /app/layout.tsx | |
| parent | c252e165db66b67d34d3120c10b426491dfee1c2 (diff) | |
Fix shit to build
Diffstat (limited to 'app/layout.tsx')
| -rw-r--r-- | app/layout.tsx | 21 |
1 files changed, 20 insertions, 1 deletions
diff --git a/app/layout.tsx b/app/layout.tsx index 22e1191..bdcddda 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -4,17 +4,36 @@ import 'victormono' import '~/styles/layout.css' import '~/styles/text.css' +import Image from 'components/Image' import Header from '~/components/layout/Header' import Footer from '~/components/layout/Footer' +const header = 'images/aurora-1197753.jpg' + export default function SiteLayout({ children }: { children: ReactNode }) { + const headerImage = ( + <Image + src={header} + alt="" + role="presentation" + width={[2560,1920,1280,800,600]} + sizes={` + (max-width: 2560) 100vw, + (max-width: 1920) 100vw, + (max-width: 1280) 100vw, + (max-width: 800) 100vw, + (max-width: 600) 100vw, + `} + /> + ) + return ( <html> <head> <title>tempest.dev</title> </head> <body> - <Header /> + <Header headerImage={headerImage} /> {children} <Footer /> </body> |