release 2.0.4

Dockerfile

@@ -1,7 +1,7 @@
 ARG REGISTRY=docker.io
 FROM ${REGISTRY}/node:22.18.0-alpine3.22 AS base
 
-LABEL version="2.0.1"
+LABEL version="2.0.4"
 LABEL description="Astro based personal website"
 
 ENV PNPM_HOME="/pnpm"

package.json

@@ -1,7 +1,7 @@
 {
   "name": "site-profile",
   "type": "module",
-  "version": "2.0.1",
+  "version": "2.0.4",
   "homepage": "https://www.alexlebens.dev",
   "bugs": {
     "url": "https://gitea.alexlebens.dev/alexlebens/site-profile/issues",

src/components/blog/BlogCategoryCard.astro

@@ -5,21 +5,9 @@ interface Props {
   description: string;
   count: number;
   publishDate: string;
-  layoutPattern?: {
-    smCol: number;
-    mdCol: number;
-    row: number;
-    index: number;
-  };
 }
 
-const { slug, layoutPattern, title, description, count, publishDate } = Astro.props;
-const isSingleItem =
-  layoutPattern &&
-  layoutPattern.row === 1 &&
-  (layoutPattern.smCol === 1 || layoutPattern.mdCol === 1);
-
-const formatedDescription = isSingleItem ? `No description available` : description;
+const { slug, title, description, count, publishDate } = Astro.props;
 
 const baseClasses =
   'group group-hover rounded-xl flex h-full min-h-[220px] cursor-pointer flex-col overflow-hidden';
@@ -32,17 +20,17 @@ const bgColorClasses =
     <div
       class={`relative min-h-0 flex-grow overflow-hidden transition-all duration-300 ${bgColorClasses}`}
     >
-      <div class="absolute inset-1 flex flex-col justify-end p-3 md:p-4 lg:p-5">
+      <div class="absolute inset-1 flex flex-col p-3 md:p-4 lg:p-5">
+        <div class="overflow-hidden">
           <h2
-          class="group-hover:text-steel dark:group-hover:text-bermuda transition-text mb-4 text-4xl font-extrabold tracking-tight text-balance text-neutral-800 duration-300 dark:text-neutral-200"
+            class="group-hover:text-steel dark:group-hover:text-bermuda transition-text mb-4 text-4xl font-extrabold tracking-tight text-balance whitespace-nowrap text-neutral-800 duration-300 dark:text-neutral-200"
           >
             {title}
           </h2>
-        <p
-          class=`mb-4 ${isSingleItem ? 'hidden lg:block' : ''} max-w-prose text-pretty font-light text-neutral-600 dark:text-neutral-400 sm:text-lg`
-        >
-          {formatedDescription}
+          <p class="mb-4 font-light text-neutral-600 sm:text-lg dark:text-neutral-400">
+            {description}
           </p>
+        </div>
         <div
           class="mt-auto flex items-center justify-between pt-1 text-xs text-neutral-600 md:pt-2 dark:text-neutral-300"
         >

src/components/ui/cards/FeaturesCard.astro

@@ -10,7 +10,7 @@ interface Props {
 
 const { title, description, url, icon } = Astro.props;
 
-const baseClasses = 'smooth-reveal-2 group group-hover flex flex-col';
+const baseClasses = 'smooth-reveal-2 group group-hover flex flex-col ';
 const borderClasses = 'border border-neutral-100 dark:border-stone-500/20';
 const bgColorClasses =
   'bg-neutral-100/80 hover:bg-neutral-100 dark:bg-neutral-800/60 dark:hover:bg-neutral-800/90';
@@ -19,7 +19,7 @@ const shadowClasses = 'shadow-xs hover:shadow-md dark:shadow-md dark:hover:shado
 
 <div class={`${baseClasses}`}>
   <a
-    class={`rounded-xl duration-300 transition-all ${borderClasses} ${bgColorClasses} ${shadowClasses}`}
+    class={`rounded-xl duration-300 transition-all h-30 ${borderClasses} ${bgColorClasses} ${shadowClasses}`}
     href={url}
     data-astro-prefetch
   >

src/components/ui/sections/LatestPosts.astro

@@ -7,6 +7,7 @@ import BlogCard from '@components/blog/BlogCard.astro';
 
 const posts = await directus.request(
   readItems('posts', {
+    filter: { published: { _eq: true } },
     fields: ['*'],
     sort: ['-published_date'],
   })

src/env.d.ts

@@ -1,8 +1,3 @@
-<<<<<<< HEAD
 /// <reference path="../.astro/types.d.ts" />
 /// <reference types="astro/client" />
 /// <reference types="astro/content" />
-=======
-/// <reference types="astro/client" />
-/// <reference path="../.astro/types.d.ts" />
->>>>>>> 184f0c7 (fix path)

src/lib/directusTypes.ts

@@ -25,6 +25,7 @@ export type Post = {
   tags: string[];
   category: string;
   selected: boolean;
+  published: boolean;
   content: string;
   image: string;
   image_alt: string;

src/pages/blog/index.astro

@@ -13,6 +13,7 @@ import blogImg from '@images/autumn_tree.png';
 const global = await directus.request(readSingleton('site_global'));
 const posts = await directus.request(
   readItems('posts', {
+    filter: { status: { _eq: true } },
     fields: ['*'],
     sort: ['-published_date'],
   })

src/pages/categories/[...slug].astro

@@ -21,6 +21,7 @@ const { category } = Astro.props;
 const global = await directus.request(readSingleton('site_global'));
 const posts = await directus.request(
   readItems('posts', {
+    filter: { published: { _eq: true } },
     fields: ['*'],
     sort: ['-published_date'],
   })

src/pages/categories/index.astro

@@ -14,6 +14,7 @@ import categoryImg from '@images/autumn_bench.png';
 const global = await directus.request(readSingleton('site_global'));
 const posts = await directus.request(
   readItems('posts', {
+    filter: { published: { _eq: true } },
     fields: ['*'],
     sort: ['-published_date'],
   })
@@ -118,7 +119,6 @@ const description =
                 description={category.data.description}
                 count={postMap.get(category.slug)?.length ?? 0}
                 publishDate={timeago(postMap.get(category.slug)?.[0]?.published_date)}
-                layoutPattern={category.layoutPattern}
               />
             </div>
           );

src/pages/index.astro

@@ -11,7 +11,8 @@ import homeImg from '@images/autumn_mountain.png';
 
 const global = await directus.request(readSingleton('site_global'));
 
-const description = 'Engineering the cloud by day, homelab by night, and exploring Minnesota in between.';
+const description =
+  'Engineering the cloud by day, homelab by night, and exploring Minnesota in between.';
 ---
 
 <BaseLayout

src/pages/rss.xml.ts

@@ -23,6 +23,7 @@ export async function GET(context: APIContext) {
   // Load the content collection entries to add to our RSS feed.
   const posts = await directus.request(
     readItems('posts', {
+      filter: { published: { _eq: true } },
       fields: ['*'],
       sort: ['-published_date'],
     })