diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2024-02-04 00:09:03 -0500 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2024-02-04 00:12:44 -0500 |
| commit | 27153476429c4a85630dedcf940a50089ea02151 (patch) | |
| tree | 0ff21d13a79c5b73dad90caa9bbfe161cd132b07 /src/pages/blog | |
| parent | 4c84e203859be34da582f51371adc6eeb370b518 (diff) | |
| download | personal-website-27153476429c4a85630dedcf940a50089ea02151.tar.gz personal-website-27153476429c4a85630dedcf940a50089ea02151.tar.bz2 personal-website-27153476429c4a85630dedcf940a50089ea02151.zip | |
Made card more consistent; Guestbook submits; Web analytics
Diffstat (limited to 'src/pages/blog')
| -rw-r--r-- | src/pages/blog/index.astro | 29 | ||||
| -rw-r--r-- | src/pages/blog/tags/[tag].astro | 20 |
2 files changed, 26 insertions, 23 deletions
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro index a6b6855..5e4c619 100644 --- a/src/pages/blog/index.astro +++ b/src/pages/blog/index.astro @@ -8,20 +8,21 @@ const allBlogPosts = (await getCollection('blog')).sort((a, b) => b.data.pubDate --- <Page title="Blog" description="Where I post can be anything!"> <main> - {allBlogPosts.map((post) => ( - <article> - <h1><a href={`/blog/${post.slug}`}>{post.data.title}</a></h1> - <small>{formatDate(post.data.pubDate)}</small> - <p>{post.data.description}</p> - <div class="tags"> - {post.data.tags.map((tag) => ( - <a href={`/blog/tags/${tag}`}>{tag}</a> - ))} - </div> - </article> - )) - } - + <div class="grid"> + {allBlogPosts.map((post) => ( + <article class="card"> + <h1><a href={`/blog/${post.slug}`}>{post.data.title}</a></h1> + <small>{formatDate(post.data.pubDate)}</small> + <p>{post.data.description}</p> + <div class="tags"> + {post.data.tags.map((tag) => ( + <a href={`/blog/tags/${tag}`}>{tag}</a> + ))} + </div> + </article> + )) + } + </div> </main> </Page> <style> diff --git a/src/pages/blog/tags/[tag].astro b/src/pages/blog/tags/[tag].astro index 9d4ff86..31d9b94 100644 --- a/src/pages/blog/tags/[tag].astro +++ b/src/pages/blog/tags/[tag].astro @@ -25,14 +25,16 @@ const { posts } = Astro.props; --- <Page title=`Posts with ${tag}`> <main> - {posts && posts.map((post) => { - return ( - <article> - <h1><a href=`/blog/${post.frontmatter.slug}`>{post.frontmatter.title}</a></h1> - <small>{formatDate(post.frontmatter.pubDate)}</small> - <p>{post.frontmatter.description}</p> - </article> - ) - })} + <div class="grid"> + {posts && posts.map((post) => { + return ( + <article class="card">> + <h1><a href=`/blog/${post.frontmatter.slug}`>{post.frontmatter.title}</a></h1> + <small>{formatDate(post.frontmatter.pubDate)}</small> + <p>{post.frontmatter.description}</p> + </article> + ) + })} + </div> </main> </Page> |