From 2fbc9a764f6b93a088c46b88d6cbd9a0ad9a1152 Mon Sep 17 00:00:00 2001
From: Alex Lebens <alexanderlebens@gmail.com>
Date: Tue, 10 Mar 2026 23:08:43 -0500
Subject: [PATCH] feat: move all categories card to bottom of category section

---
 .../sections/AllCategoriesSection.astro       | 31 -------------------
 src/components/sections/CategorySection.astro | 16 +++++++++-
 src/pages/categories/index.astro              |  3 --
 3 files changed, 15 insertions(+), 35 deletions(-)
 delete mode 100644 src/components/sections/AllCategoriesSection.astro

diff --git a/src/components/sections/AllCategoriesSection.astro b/src/components/sections/AllCategoriesSection.astro
deleted file mode 100644
index b59b451..0000000
--- a/src/components/sections/AllCategoriesSection.astro
+++ /dev/null
@@ -1,31 +0,0 @@
----
-import { readItems, readSingleton } from '@directus/sdk';
-
-import LargeCategoryCard from '@components/cards/LargeCategoryCard.astro';
-import directus from '@lib/directus';
-import { timeago } from '@support/time';
-
-const global = await directus.request(readSingleton('site_global'));
-
-const posts = await directus.request(
-  readItems('posts', {
-    filter: { published: { _eq: true } },
-    fields: ['*'],
-    sort: ['-published_date'],
-  })
-);
----
-
-<section class:list={['mx-auto px-4 py-10 sm:px-6 lg:px-8 lg:py-14 lg:pt-10 2xl:max-w-full', Astro.props.className]}>
-  <div class="grid grid-cols-1">
-    <LargeCategoryCard
-      title="All Posts"
-      description="Here you can forgoe the organization and browse everything I've posted"
-      url="/all"
-      logoLight={global.all_logoLight}
-      logoDark={global.all_logoDark}
-      count={posts.length}
-      publishDate={timeago(posts[0]?.published_date)}
-    />
-  </div>
-</section>
diff --git a/src/components/sections/CategorySection.astro b/src/components/sections/CategorySection.astro
index 67b6bcf..ea7c205 100644
--- a/src/components/sections/CategorySection.astro
+++ b/src/components/sections/CategorySection.astro
@@ -1,12 +1,15 @@
 ---
-import { readItems } from '@directus/sdk';
+import { readItems, readSingleton } from '@directus/sdk';
 
 import type { Post } from '@lib/directusTypes';
 
 import CategoryCard from '@components/cards/CategoryCard.astro';
+import LargeCategoryCard from '@components/cards/LargeCategoryCard.astro';
 import directus from '@lib/directus';
 import { timeago } from '@support/time';
 
+const global = await directus.request(readSingleton('site_global'));
+
 const posts = await directus.request(
   readItems('posts', {
     filter: { published: { _eq: true } },
@@ -95,5 +98,16 @@ const categories = (await directus.request(readItems('categories')))
     </div>
     );
     })}
+    <div class="col-span-full">
+      <LargeCategoryCard
+        title="All Posts"
+        description="Here you can forgoe the organization and browse everything I've posted"
+        url="/all"
+        logoLight={global.all_logoLight}
+        logoDark={global.all_logoDark}
+        count={posts.length}
+        publishDate={timeago(posts[0]?.published_date)}
+      />
+    </div>
   </div>
 </section>
diff --git a/src/pages/categories/index.astro b/src/pages/categories/index.astro
index 175ae37..00acfb4 100644
--- a/src/pages/categories/index.astro
+++ b/src/pages/categories/index.astro
@@ -3,7 +3,6 @@ import { readSingleton } from '@directus/sdk';
 
 import HeroSection from '@components/sections/HeroSection.astro';
 import CategorySection from '@components/sections/CategorySection.astro';
-import AllCategoriesSection from '@components/sections/AllCategoriesSection.astro';
 import BaseLayout from '@layouts/BaseLayout.astro';
 import directus from '@lib/directus';
 
@@ -37,8 +36,6 @@ const global = await directus.request(readSingleton('site_global'));
 
   <CategorySection />
 
-  <AllCategoriesSection />
-
 </BaseLayout>
 
 <script>