diff options
| author | houston[bot] <astrobot-houston@users.noreply.github.com> | 2023-07-22 12:57:20 -0700 |
|---|---|---|
| committer | Pinapelz <donaldshan1@outlook.com> | 2023-07-22 12:57:20 -0700 |
| commit | 338bcf12e0b7bbd6e587ec992e62860642856e80 (patch) | |
| tree | 280c106666221697a40c13603a91ee4c696e0bfb /src/layouts/BlogPost.astro | |
Initial commit from Astro
Diffstat (limited to 'src/layouts/BlogPost.astro')
| -rw-r--r-- | src/layouts/BlogPost.astro | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro new file mode 100644 index 0000000..a9526d0 --- /dev/null +++ b/src/layouts/BlogPost.astro @@ -0,0 +1,51 @@ +--- +import type { CollectionEntry } from 'astro:content'; +import BaseHead from '../components/BaseHead.astro'; +import Header from '../components/Header.astro'; +import Footer from '../components/Footer.astro'; +import FormattedDate from '../components/FormattedDate.astro'; + +type Props = CollectionEntry<'blog'>['data']; + +const { title, description, pubDate, updatedDate, heroImage } = Astro.props; +--- + +<html lang="en"> + <head> + <BaseHead title={title} description={description} /> + <style> + .title { + font-size: 2em; + margin: 0.25em 0 0; + } + hr { + border-top: 1px solid #ddd; + margin: 1rem 0; + } + .last-updated-on { + font-style: italic; + } + </style> + </head> + + <body> + <Header /> + <main> + <article> + {heroImage && <img width={720} height={360} src={heroImage} alt="" />} + <h1 class="title">{title}</h1> + <FormattedDate date={pubDate} /> + { + updatedDate && ( + <div class="last-updated-on"> + Last updated on <FormattedDate date={updatedDate} /> + </div> + ) + } + <hr /> + <slot /> + </article> + </main> + <Footer /> + </body> +</html> |