Add initial README.md for Astro Starter Kit: Minimal
This commit is contained in:
41
src/layouts/BaseLayout.astro
Normal file
41
src/layouts/BaseLayout.astro
Normal file
@@ -0,0 +1,41 @@
|
||||
---
|
||||
// Base layout for all pages
|
||||
import Header from '../components/Header.astro';
|
||||
import Footer from '../components/Footer.astro';
|
||||
---
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Omoluabi Foundation</title>
|
||||
<meta name="description" content="Supporting Nigerians in the Netherlands" />
|
||||
<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=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
<slot name="head" />
|
||||
</head>
|
||||
<body style="
|
||||
font-family: 'Inter', system-ui, sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: linear-gradient(135deg, #fafafa 0%, #f0fdf4 100%);
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-top: 80px;
|
||||
">
|
||||
<Header />
|
||||
<main style="flex: 1;">
|
||||
<slot />
|
||||
</main>
|
||||
<Footer />
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<style>
|
||||
@media (min-width: 768px) {
|
||||
body {
|
||||
padding-top: 120px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
Reference in New Issue
Block a user