feat: move all categories card to bottom of category section

src/components/sections/AllCategoriesSection.astro

@@ -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>

src/components/sections/AllPostsSection.astro

@@ -1,20 +0,0 @@
----
-import { readSingleton } from '@directus/sdk';
-
-import LargeLinkCard from '@components/cards/LargeLinkCard.astro';
-import directus from '@lib/directus';
-
-const global = await directus.request(readSingleton('site_global'));
----
-
-<section class:list={['mx-auto px-4 pb-10 sm:px-6 lg:px-8 lg:pb-14 2xl:max-w-full', Astro.props.className]}>
-  <div class="grid grid-cols-1">
-    <LargeLinkCard
-      title="All Posts"
-      subTitle="Catch up on everything I've written so far here"
-      url="/all"
-      logoLight={global.all_logoLight}
-      logoDark={global.all_logoDark}
-    />
-  </div>
-</section>

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>

src/components/sections/FeatureSection.astro

@@ -7,10 +7,10 @@ import directus from '@lib/directus';
 const global = await directus.request(readSingleton('site_global'));
 ---
 
-<section class="max-w-340 2xl:max-w-full px-4 sm:px-6 lg:px-8 py-10 lg:py-14 mx-auto mb-2 md:mb-8">
-  <div class="flex flex-col sm:flex-row items-center justify-center gap-y-2 sm:gap-x-12 sm:gap-y-0 lg:gap-x-24">
-    <div class="max-w-5xl sm:px-6 lg:px-8">
-      <div class="flex flex-wrap gap-6 sm:grid-cols-2 sm:gap-6 lg:grid-cols-3 justify-center">
+<section class="max-w-340 2xl:max-w-full px-4 py-10 mx-auto mb-2 md:mb-8">
+  <div class="flex items-center justify-center">
+    <div class="max-w-5xl">
+      <div class="grid grid-cols-1 md:grid-cols-2 gap-4 lg:gap-6">
         <FeaturesCard
           title="Cloud Engineer"
           description="Full stack and cloud engineer."

src/components/sections/RecentPostsSection.astro

@@ -1,7 +1,11 @@
 ---
+import { readSingleton } from '@directus/sdk';
+
 import type { Post } from '@lib/directusTypes';
 
 import BlogCard from '@components/cards/BlogCard.astro';
+import LargeLinkCard from '@components/cards/LargeLinkCard.astro';
+import directus from '@lib/directus';
 
 interface Props {
   posts: Post[];
@@ -9,6 +13,8 @@ interface Props {
   subTitle?: string;
 }
 
+const global = await directus.request(readSingleton('site_global'));
+
 const { posts, title, subTitle } = Astro.props;
 ---
 
@@ -27,5 +33,14 @@ const { posts, title, subTitle } = Astro.props;
       {posts.map((b) => 
       <BlogCard post={b} />
       )}
+      <div class="col-span-full">
+        <LargeLinkCard
+          title="All Posts"
+          subTitle="Catch up on everything I've written"
+          url="/all"
+          logoLight={global.all_logoLight}
+          logoDark={global.all_logoDark}
+        />
+      </div>
     </div>
 </section>

src/pages/blog/index.astro

@@ -6,7 +6,6 @@ import type { Post } from '@lib/directusTypes';
 import HeroSection from '@components/sections/HeroSection.astro';
 import SelectedPostsSection from '@components/sections/SelectedPostsSection.astro';
 import RecentPostsSection from '@components/sections/RecentPostsSection.astro';
-import AllPostsSection from '@components/sections/AllPostsSection.astro';
 import BaseLayout from '@layouts/BaseLayout.astro';
 import directus from '@lib/directus';
 
@@ -57,8 +56,6 @@ const recentPosts: Post[] = posts.filter(
     title="Recent Posts"
   />
 
-  <AllPostsSection />
-  
 </BaseLayout>
 
 <script>

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>

src/pages/index.astro

@@ -7,7 +7,6 @@ import HeroSection from '@components/sections/HeroSection.astro';
 import FeatureSection from '@components/sections/FeatureSection.astro';
 import WeatherSection from '@components/sections/WeatherSection.astro';
 import RecentPostsSection from '@components/sections/RecentPostsSection.astro';
-import AllPostsSection from '@components/sections/AllPostsSection.astro';
 import GiteaSection from '@components/sections/GiteaSection.astro';
 import BaseLayout from '@layouts/BaseLayout.astro';
 import directus from '@lib/directus';
@@ -70,8 +69,6 @@ const recentPosts = posts
     subTitle="Checkout my most recent thoughts here"
   />
 
-  <AllPostsSection />
-  
   <GiteaSection
     title="Follow me on Gitea"
     subTitle="I love open source and have my code availabile on my Gitea server."