martials.no/src/layouts/Layout.astro

40 lines
1.1 KiB
Plaintext
Raw Normal View History

2024-09-08 13:14:02 +02:00
---
import Footer from "@/components/Footer.astro"
import Header from "@/components/header/Header.astro"
import { languageTag } from "@/paraglide/runtime"
import { resolvePathname } from "@/utils/linking"
2024-09-08 13:14:02 +02:00
interface Props {
2024-09-25 22:20:47 +02:00
title: string
class?: string
2024-09-08 13:14:02 +02:00
}
2024-09-25 22:20:47 +02:00
const { title, class: clazz } = Astro.props
const mainClass =
"grow max-w-[1000px] m-auto sm:min-w-[500px] not-sm:w-full px-5"
2024-09-08 13:14:02 +02:00
---
<!doctype html>
2024-09-25 22:20:47 +02:00
<html lang={languageTag()} dir={"ltr"}>
<head>
<meta charset="UTF-8" />
<meta name="description" content="Astro description" />
<meta name="viewport" content="width=device-width" />
<link rel="sitemap" href="/sitemap-index.xml" />
<link rel="icon" type="image/jpg" href="/favicon.jpg" />
<meta name="generator" content={Astro.generator} />
<title>{title} | Martin Berg Alstad</title>
</head>
<body class="flex flex-col min-h-screen bg-cat-base text-cat-text">
<Header />
<main class:list={[mainClass, clazz]}>
<h1 class="text-center not-sm:hidden">
~{resolvePathname(Astro.originPathname)}
</h1>
<div class="my-5">
<slot />
</div>
</main>
<Footer />
</body>
2024-09-08 13:14:02 +02:00
</html>