soc_site-astro/src/layouts/base.astro
2025-04-06 11:33:03 -06:00

34 lines
1.1 KiB
Text

---
import { Toaster } from 'react-hot-toast'
import { languageTag } from '../paraglide/runtime'
import Header from 'components/Header.astro'
import Footer from 'components/Footer.astro'
import 'styles/global.css'
---
<html lang={languageTag()} dir={Astro.locals.paraglide.dir} class='h-full'>
<head>
<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=Rubik:ital,wght@0,300..900;1,300..900&display=swap'
rel='stylesheet'
/>
<meta name='viewport' content='width=device-width, initial-scale=1.0' />
<slot name='head' />
<meta name='generator' content={Astro.generator} />
<meta charset='utf-8' />
<link rel='alternate' type='application/rss+xml' title='Sitting on Clouds' href={new URL('rss.xml', Astro.site)} />
</head>
<body class='flex flex-col min-h-full m-0'>
<Header />
<main class='flex flex-1 bg-soc-green'>
<Toaster client:only='react' toastOptions={{ duration: 6000 }} />
<slot />
</main>
<Footer />
</body>
</html>