diff options
| author | Yuval Adam <_@yuv.al> | 2025-06-15 13:44:39 +0200 |
|---|---|---|
| committer | Yuval Adam <_@yuv.al> | 2025-06-15 13:44:39 +0200 |
| commit | dd100d4c821aae71f4a43b10843c74f14480bbc0 (patch) | |
| tree | 6739853a863b26d0a5896796efeb43e27b219586 /src/layouts | |
| parent | 2e0755cc68e14bda95abe9472754ae5f4e760a04 (diff) | |
| parent | abee8fa7e82e66765ca8b513f9dc1a7bac814779 (diff) | |
Merge remote-tracking branch 'v2/main'
Diffstat (limited to 'src/layouts')
| -rw-r--r-- | src/layouts/CenteredLayout.astro | 28 | ||||
| -rw-r--r-- | src/layouts/StandardLayout.astro | 54 |
2 files changed, 82 insertions, 0 deletions
diff --git a/src/layouts/CenteredLayout.astro b/src/layouts/CenteredLayout.astro new file mode 100644 index 0000000..1b9286c --- /dev/null +++ b/src/layouts/CenteredLayout.astro @@ -0,0 +1,28 @@ +--- +import "../styles/global.css"; +import Analytics from "../components/Analytics.astro"; + +interface Props { + title?: string; +} + +const { title = "Astro Site" } = 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} /> + <title>{title}</title> + <Analytics /> + </head> + <body class="min-h-screen bg-white"> + <main class="flex min-h-screen flex-col items-center justify-center p-4"> + <div class="w-full max-w-4xl"> + <slot /> + </div> + </main> + </body> +</html> diff --git a/src/layouts/StandardLayout.astro b/src/layouts/StandardLayout.astro new file mode 100644 index 0000000..e6a4bec --- /dev/null +++ b/src/layouts/StandardLayout.astro @@ -0,0 +1,54 @@ +--- +import "../styles/global.css"; + +interface Props { + title?: string; + description?: string; +} + +const { + title = "Astro Site", + description = "A simple Astro site with blog functionality", +} = Astro.props; + +import Analytics from "../components/Analytics.astro"; +--- + +<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> + <Analytics /> + </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> |