diff options
Diffstat (limited to 'src/pages/blog')
| -rw-r--r-- | src/pages/blog/[...slug].astro | 7 | ||||
| -rw-r--r-- | src/pages/blog/index.astro | 10 |
2 files changed, 16 insertions, 1 deletions
diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro index 790a920..1eccb0b 100644 --- a/src/pages/blog/[...slug].astro +++ b/src/pages/blog/[...slug].astro @@ -24,3 +24,10 @@ const { Content } = await entry.render(); </article> </main> </Page> + +<style> + img { + width: 20%; + height: 50%; + } +</style> diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro index 1614f2f..f782cdc 100644 --- a/src/pages/blog/index.astro +++ b/src/pages/blog/index.astro @@ -13,7 +13,9 @@ const allBlogPosts = (await getCollection('blog')).sort((a, b) => b.data.date.va <h1><a href={`/blog/${post.slug}`}>{post.data.title}</a></h1> <small>{formatDate(post.data.date)}</small> <p>{post.data.description}</p> - <a href={`/blog/${post.slug}`}>Read more</a> + <div class="tags"> + <a href={`/blog/${post.slug}`}>tag1</a> + </div> </article> )) } @@ -26,6 +28,12 @@ const allBlogPosts = (await getCollection('blog')).sort((a, b) => b.data.date.va margin-bottom: 2px; } + .tags { + display: flex; + flex-direction: row; + gap: 1em; + } + article { background-color: #3B513B; padding: 1.2em; |