diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2024-02-01 23:05:41 -0500 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2024-02-01 23:05:41 -0500 |
| commit | 2c2bdccd645cafd26318c2f2659242f046b61daf (patch) | |
| tree | 64cbbaa89219f839df011b6e0d2b14e82a564c88 | |
| parent | 606bbf0cd1d6a2cfaafe4bcb6519854b0cc55810 (diff) | |
| download | personal-website-2c2bdccd645cafd26318c2f2659242f046b61daf.tar.gz personal-website-2c2bdccd645cafd26318c2f2659242f046b61daf.tar.bz2 personal-website-2c2bdccd645cafd26318c2f2659242f046b61daf.zip | |
Sorting out images and tags
| -rw-r--r-- | src/layouts/Default.astro | 2 | ||||
| -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 |
4 files changed, 20 insertions, 3 deletions
diff --git a/src/layouts/Default.astro b/src/layouts/Default.astro index 69f9723..25a7ce4 100644 --- a/src/layouts/Default.astro +++ b/src/layouts/Default.astro @@ -41,7 +41,7 @@ import Navbar from '../components/Navbar.vue'; <div transition:name="main" transition:animate="fade"> <slot /> <footer> - <p>Made with {Astro.generator} and Hosted on Vercel</p> + <p><a href="https://github.com/Alee14/personal-website">Made with {Astro.generator} and Hosted on Vercel</a></p> <p>Copyright © 2024 Andrew Lee</p> </footer> </div> 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 { |