diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/blog/[...slug].astro | 28 |
1 files changed, 19 insertions, 9 deletions
diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro index 63d2c98..9445673 100644 --- a/src/pages/blog/[...slug].astro +++ b/src/pages/blog/[...slug].astro @@ -18,31 +18,41 @@ export async function getStaticPaths() { } const post = Astro.props; -const { Content } = await post.render(); +const { Content, remarkPluginFrontmatter } = await post.render(); const formattedDate = dayjs(post.data.pubDate.toString()).format("MMMM DD, YYYY"); --- -<Layout description={post.data.description} title={post.data.title}> - <article> - <section> - <h1>{post.data.title}</h1> - </section> +<style lang="scss"> + @import "../../scss/_variables.scss"; - <section> - <Content /> - </section> + p { + opacity: 0.5; + } +</style> +<Layout description={post.data.description} title={post.data.title}> + <article> <section> <p> <small> Posted <time datetime={post.data.pubDate.toISOString()}>{formattedDate}</time> by {post.data.author} + <span> • </span> + <span>{remarkPluginFrontmatter.minutesRead}</span> </small> </p> </section> <section> + <h1>{post.data.title}</h1> + </section> + + <section> + <Content /> + </section> + + <section> <Comments /> </section> </article> |