Files
martials.no/src/layouts/Layout.astro

45 lines
1.3 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"
2025-03-15 15:34:24 +01:00
import Breadcrumb from "@/components/Breadcrumb.astro"
2025-07-01 20:51:59 +02:00
import { getLocale } from "@/paraglide/runtime"
2024-09-08 13:14:02 +02:00
interface Props {
2024-09-25 22:20:47 +02:00
title: string
description?: string
keywords?: ReadonlyArray<string>
2024-09-25 22:20:47 +02:00
class?: string
2024-09-08 13:14:02 +02:00
}
const { title, description, keywords, 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>
2025-07-01 20:51:59 +02:00
<html lang={getLocale()} dir={"ltr"}>
<head>
<meta charset="UTF-8" />
<meta name="author" content="Martin Berg Alstad" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
{description && <meta name="description" content={description} />}
{keywords && <meta name="keywords" content={keywords.join(", ")} />}
<link rel="sitemap" href="/sitemap-index.xml" />
<link rel="icon" type="image/jpg" href="/favicon.jpg" />
<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">
2025-03-15 15:34:24 +01:00
<Breadcrumb />
</h1>
<div class="my-5">
<slot />
</div>
</main>
<Footer />
</body>
2024-09-08 13:14:02 +02:00
</html>