feat: reword titles and descriptions

src/components/cards/BlogCard.astro

@@ -16,13 +16,13 @@ const { post } = Astro.props;
 
 <div class="smooth-reveal-cards group flex flex-col">
   <a
-    class="card-base border-none!"
+    class="card-base border-none! h-full flex flex-col"
     href={`/blog/${post.slug}/`}
     data-astro-prefetch
   >
     <div class="relative shrink-0 rounded-t-xl w-full overflow-hidden before:absolute before:inset-x-0 before:z-1 before:size-full">
       <Image
-        class="rounded-t-xl h-auto w-full"
+        class="rounded-t-xl h-64 w-full object-cover"
         src={getDirectusImageURL(post.image)}
         alt={post.image_alt}
         draggable="false"
@@ -31,11 +31,11 @@ const { post } = Astro.props;
         inferSize={true}
       />
     </div>
-    <div class="rounded-xl p-4 md:p-5">
+    <div class="rounded-xl p-4 md:p-5 flex flex-col flex-1">
       <h3 class="card-text-title text-xl">
         {post.title}
       </h3>
-      <div class="ml-6 flex">
+      <div class="ml-6 flex mt-auto">
         <div class="relative inline-block w-full">
           <div class="card-text-title card-hover-text-title flex relative items-center mx-auto min-h-11 sm:mx-0 sm:mt-4">
             <span class="relative inline-block overflow-hidden ml-2">

src/components/cards/LargeCategoryCard.astro

@@ -15,7 +15,7 @@ interface Props {
 const { url, title, description, logoLight, logoDark, count, publishDate } = Astro.props;
 ---
 
-<div class="smooth-reveal flex flex-col mx-auto w-full">
+<div class="smooth-reveal-cards flex flex-col mx-auto w-full">
   <a
     class="card-base flex flex-col h-full min-h-55"
     href={url}

src/components/sections/AllCategoriesSection.astro

@@ -19,8 +19,8 @@ const posts = await directus.request(
 <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 Categories"
-      description="Here you can forgoe the organization and just look at everything I have posted"
+      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}

src/components/sections/AllPostsSection.astro

@@ -10,8 +10,8 @@ const global = await directus.request(readSingleton('site_global'));
 <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">
     <LargeInvisibleCard
-      title="All Posts"
-      subTitle="Browse all articles from every category"
+      title="Read More"
+      subTitle="Catch up on everything I've written so far here"
       url="/all"
       img={global.all_image}
       imgAlt={global.all_image_alt}

src/components/sections/RecentPostsSection.astro

@@ -23,11 +23,9 @@ const { posts, title, subTitle } = Astro.props;
       </span>
     </div>
   </div>
-  <div class="columns-1 sm:columns-2 lg:columns-3 gap-6">
-    {posts.map((b) => (
-      <div class="break-inside-avoid mb-6">
-        <BlogCard post={b} />
-      </div>
-    ))}
-  </div>
+    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
+      {posts.map((b) => 
+      <BlogCard post={b} />
+      )}
+    </div>
 </section>

src/pages/all.astro

@@ -37,18 +37,16 @@ const posts = await directus.request(
 
   <HeaderSection
     title="All Posts"
-    subTitle="Browse all articles from every category."
+    subTitle="Browse all posts from every category."
     btnExists
     btnTitle="To Categories"
     btnURL="/categories"
   />
 
   <section class="max-w-340 2xl:max-w-full mb-10 px-4 sm:px-6 lg:px-8 py-8 mx-auto mt-10">
-    <div class="columns-1 sm:columns-2 lg:columns-3 gap-6">
+    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
       {posts.map((b) => 
-      <div class="break-inside-avoid mb-6">
-        <BlogCard post={b} />
-      </div>
+      <BlogCard post={b} />
       )}
     </div>
   </section>