From 2c2bdccd645cafd26318c2f2659242f046b61daf Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Thu, 1 Feb 2024 23:05:41 -0500
Subject: Sorting out images and tags

---
 src/pages/blog/[...slug].astro |  7 +++++++
 src/pages/blog/index.astro     | 10 +++++++++-
 src/pages/projects.astro       |  4 +++-
 3 files changed, 19 insertions(+), 2 deletions(-)

(limited to 'src/pages')

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 {
-- 
cgit v1.2.3