1
Fork 0
mirror of https://github.com/Steffo99/steffoweb.git synced 2024-11-22 08:04:31 +00:00
steffoweb/app/layout.tsx

52 lines
No EOL
1.7 KiB
TypeScript

import Image from "next/image"
import {default as Link} from "next/link"
import React, {ReactNode} from "react"
import { config as fontawesomeConfig } from '@fortawesome/fontawesome-svg-core'
import {default as imgSRound} from "../public/s-round.png"
import '@steffo/bluelib/dist/base.root.css'
import '@steffo/bluelib/dist/layouts-center.root.css'
import '@steffo/bluelib/dist/layouts-flex.root.css'
import '@steffo/bluelib/dist/classic.root.css'
import '@steffo/bluelib/dist/glass.root.css'
import '@steffo/bluelib/dist/colors-royalblue.root.css'
import '@steffo/bluelib/dist/fonts-fira-ghpages.root.css'
import '@fortawesome/fontawesome-svg-core/styles.css'
import "../public/style.css"
fontawesomeConfig.autoAddCss = false
export type LayoutProps = {
children: ReactNode,
}
export default function RootLayout({children}: LayoutProps) {
return <>
<html lang={"en"}>
<head>
<title>Steffo</title>
</head>
<body className={"layout-center"}>
<h1>
<Image
alt={""}
src={imgSRound}
width={48}
height={48}
style={{
display: "inline-block",
verticalAlign: "text-bottom",
}}
/>
Steffo
</h1>
<main>
{children}
</main>
<footer>
© {new Date().getFullYear()} Stefano Pigozzi | <Link href={"https://github.com/Steffo99/steffoweb"}>Source code</Link>
</footer>
</body>
</html>
</>
}