From 3880e2ab7b9d9e12da3ed0cbf60c182fb8f7f47e Mon Sep 17 00:00:00 2001
From: Timothy Pidashev <pidashev.tim@gmail.com>
Date: Mon, 13 Jan 2025 13:49:35 -0800
Subject: [PATCH] Update blog image previews

---
 src/src/components/blog/post-list.tsx  | 2 ++
 src/src/content/blog/my-first-post.mdx | 1 +
 src/src/content/config.ts              | 1 +
 3 files changed, 4 insertions(+)

diff --git a/src/src/components/blog/post-list.tsx b/src/src/components/blog/post-list.tsx
index 63bb30d..6215fc0 100644
--- a/src/src/components/blog/post-list.tsx
+++ b/src/src/components/blog/post-list.tsx
@@ -9,6 +9,7 @@ type BlogPost = {
     tags: string[];
     description: string;
     image?: string;
+    imagePosition?: string;
   };
 };
 
@@ -46,6 +47,7 @@ export const BlogPostList = ({ posts }: BlogPostListProps) => {
                     src={post.data.image || "/blog/placeholder.png"}
                     alt={post.data.title}
                     className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
+                    style={{ objectPosition: post.data.imagePosition || "center center" }}
                   />
                 </div>
                 
diff --git a/src/src/content/blog/my-first-post.mdx b/src/src/content/blog/my-first-post.mdx
index ad6317f..2fc337d 100644
--- a/src/src/content/blog/my-first-post.mdx
+++ b/src/src/content/blog/my-first-post.mdx
@@ -5,6 +5,7 @@ author: Timothy Pidashev
 tags: [greeting]
 date: January 9, 2025
 image: "/blog/my-first-post/thumbnail.png"
+imagePosition: "center 30%"
 ---
 
 import Cookie from "@/content/blog/components/my-first-post/cookie";
diff --git a/src/src/content/config.ts b/src/src/content/config.ts
index 0cef474..b927d18 100644
--- a/src/src/content/config.ts
+++ b/src/src/content/config.ts
@@ -9,6 +9,7 @@ export const collections = {
       tags: z.array(z.string()),
       date: z.string(),
       image: z.string().optional(),
+      imagePosition: z.string().optional(),
     }),
   }),
   projects: defineCollection({