diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/blog/[...slug].astro | 7 | ||||
| -rw-r--r-- | src/pages/blog/index.astro | 10 | ||||
| -rw-r--r-- | src/pages/projects.astro | 4 |
3 files changed, 19 insertions, 2 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; diff --git a/src/pages/projects.astro b/src/pages/projects.astro index d908b57..a4f121a 100644 --- a/src/pages/projects.astro +++ b/src/pages/projects.astro @@ -12,7 +12,8 @@ import projects from "../data/projects.json"; <p>{project.description}</p> {project.links.map((link) => { return ( - <a href={link.url} target={link.external ? "_blank" : ""}>{link.name}</a> ) + <a href={link.url} target={link.external ? "_blank" : ""}>{link.name}</a> + ) })} </div> ) @@ -39,6 +40,7 @@ import projects from "../data/projects.json"; .cards h1 { padding: 0; margin: 0; + font-size: 1.8em; } .cards p { |