52 lines
1.7 KiB
Text
52 lines
1.7 KiB
Text
|
---
|
||
|
|
import config from '../config/site-config.json';
|
||
|
|
import '../styles/global.css';
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
title: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
const { title } = Astro.props;
|
||
|
|
|
||
|
|
// Helper para converter Hex para HSL/RGB se necessário,
|
||
|
|
// mas para o nosso uso as CSS variables aceitam Hex perfeitamente na raiz.
|
||
|
|
---
|
||
|
|
|
||
|
|
<!doctype html>
|
||
|
|
<html lang="pt-BR">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<meta name="description" content="Astro description" />
|
||
|
|
<meta name="viewport" content="width=device-width" />
|
||
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||
|
|
<meta name="generator" content={Astro.generator} />
|
||
|
|
|
||
|
|
{/* Google Fonts baseadas na configuração */}
|
||
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
|
|
<link href="https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@200..900&family=Fira+Code:wght@300..700&family=Inter:wght@100..900&family=Lora:wght@400..700&family=Merriweather:wght@300..900&family=Outfit:wght@100..900&family=Playfair+Display:wght@400..900&family=Poppins:wght@100..900&family=Space+Grotesk:wght@300..700&family=Space+Mono:wght@400;700&family=Work+Sans:wght@100..900&display=swap" rel="stylesheet">
|
||
|
|
|
||
|
|
<title>{title} | {config.siteName}</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<slot />
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
|
||
|
|
<style is:global define:vars={{
|
||
|
|
primaryColor: config.primaryColor,
|
||
|
|
backgroundColor: config.backgroundColor,
|
||
|
|
fontFamily: `"${config.fontFamily}", sans-serif`
|
||
|
|
}}>
|
||
|
|
:root {
|
||
|
|
--primary: var(--primaryColor);
|
||
|
|
--background: var(--backgroundColor);
|
||
|
|
--font-family: var(--fontFamily);
|
||
|
|
}
|
||
|
|
html {
|
||
|
|
font-family: var(--font-family);
|
||
|
|
background: var(--background);
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
</style>
|