diff options
| author | Yuval Adam <_@yuv.al> | 2025-05-23 15:07:50 +0200 |
|---|---|---|
| committer | Yuval Adam <_@yuv.al> | 2025-05-23 15:07:50 +0200 |
| commit | f32aa30f2f0722fb659a22ddc57cdf3bd79a4ab5 (patch) | |
| tree | af0031bb0ac0ab7a6c2c4b9d70303b45283ca7c0 /src/layouts/StandardLayout.astro | |
| parent | 85bde2d3d69a9f976d3e8ecc9343d1b52a0ec29f (diff) | |
Add blog pages, content and standardlayout
Diffstat (limited to 'src/layouts/StandardLayout.astro')
| -rw-r--r-- | src/layouts/StandardLayout.astro | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/src/layouts/StandardLayout.astro b/src/layouts/StandardLayout.astro new file mode 100644 index 0000000..a6c9151 --- /dev/null +++ b/src/layouts/StandardLayout.astro @@ -0,0 +1,51 @@ +--- +import '../styles/global.css'; + +interface Props { + title?: string; + description?: string; +} + +const { + title = "Astro Site", + description = "A simple Astro site with blog functionality" +} = Astro.props; +--- + +<html lang="en"> + <head> + <meta charset="utf-8" /> + <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> + <meta name="viewport" content="width=device-width" /> + <meta name="generator" content={Astro.generator} /> + <meta name="description" content={description} /> + <title>{title}</title> + </head> + <body class="min-h-screen bg-gray-50 flex flex-col"> + <header class="bg-white shadow-sm"> + <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4"> + <nav class="flex justify-between items-center"> + <a href="/" class="text-xl font-bold text-gray-900">Astro Blog</a> + <div class="flex space-x-6"> + <a href="/" class="text-gray-700 hover:text-blue-600">Home</a> + <a href="/blog" class="text-gray-700 hover:text-blue-600">Blog</a> + </div> + </nav> + </div> + </header> + + <main class="flex-grow"> + <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> + <slot /> + </div> + </main> + + <footer class="bg-white border-t border-gray-200"> + <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6"> + <p class="text-center text-gray-500 text-sm"> + © {new Date().getFullYear()} Astro Blog. All rights reserved. + </p> + </div> + </footer> + </body> +</html> |