Fix blog post ordering

Author: blimmer

src/components/PostPagination.astro

@@ -16,7 +16,7 @@ function getNextPost() {
   for (const post of posts) {
     if (post.slug === slug) {
       postIndex = posts.indexOf(post);
-      return posts[postIndex + 1];
+      return posts[postIndex - 1];
     }
   }
 }
@@ -26,7 +26,7 @@ function getPrevPost() {
   for (const post of posts) {
     if (post.slug === slug) {
       postIndex = posts.indexOf(post);
-      return posts[postIndex - 1];
+      return posts[postIndex + 1];
     }
   }
 }

src/components/homepage/BlogPostsSection.astro

@@ -2,7 +2,7 @@
 import { getActiveBlogPosts } from "src/util";
 import CaretIcon from "src/components/ui/CaretIcon.astro";
 
-const posts = (await getActiveBlogPosts()).slice(-3).reverse();
+const posts = (await getActiveBlogPosts()).slice(0, 3);
 ---
 
 <section class="bg-primary flex flex-col items-center px-4 py-10 text-white sm:px-6 lg:px-8" id="blog">

src/util.ts

@@ -17,7 +17,7 @@ export async function getActiveBlogPosts(): Promise<BlogPost[]> {
 export async function getAllBlogPosts(): Promise<BlogPost[]> {
   const posts = (await getCollection("blog"))
     .map((post) => parseBlogPost(post))
-    .sort((a, b) => Temporal.ZonedDateTime.compare(a.date, b.date));
+    .sort((a, b) => Temporal.ZonedDateTime.compare(b.date, a.date));
 
   return posts;
 }