From 12ef77a5d4d3656564da482fc8521d40d8883b00 Mon Sep 17 00:00:00 2001
From: Jason Hong <jason.hong@protonmail.com>
Date: Tue, 18 Mar 2025 00:25:08 -0400
Subject: [PATCH 1/7] add blog image to home page

---
 pages/index.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index 85d509334..65349fe78 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -15,6 +15,7 @@ import PaymentModal from '../components/PaymentModal'
 import { isShowcaseProject } from './funds'
 import Typing from '@/components/Typing'
 import CustomLink from '@/components/Link'
+import Image from 'next/image'
 
 const MAX_DISPLAY = 2
 
@@ -175,11 +176,11 @@ export default function Home({
         <ul className="divide-y divide-gray-200 dark:divide-gray-700">
           {!posts.length && 'No posts found.'}
           {posts.slice(0, MAX_DISPLAY).map((post) => {
-            const { slug, date, title, summary, tags } = post
+            const { slug, date, title, summary, tags, images } = post
             return (
               <li key={slug} className="py-12">
                 <article>
-                  <div className="space-y-2 xl:grid xl:grid-cols-4 xl:items-baseline xl:space-y-0">
+                  <div className="x-6 space-y-2 xl:grid xl:grid-cols-4 xl:items-baseline xl:space-y-0">
                     <dl>
                       <dt className="sr-only">Published on</dt>
                       <dd className="text-base font-medium leading-6 text-gray-500 dark:text-gray-400">
@@ -187,6 +188,7 @@ export default function Home({
                           {formatDate(date, siteMetadata.locale)}
                         </time>
                       </dd>
+                      <Image src={images[0]} width={220} height={110} alt="blog image" />
                     </dl>
                     <div className="space-y-5 xl:col-span-3">
                       <div className="space-y-6">

From 575b1ed3d13777637078adfc2b366a1103b1d77f Mon Sep 17 00:00:00 2001
From: Jason Hong <jason.hong@protonmail.com>
Date: Tue, 18 Mar 2025 00:34:03 -0400
Subject: [PATCH 2/7] prettier

---
 pages/index.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index 65349fe78..4337ddab1 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -188,7 +188,12 @@ export default function Home({
                           {formatDate(date, siteMetadata.locale)}
                         </time>
                       </dd>
-                      <Image src={images[0]} width={220} height={110} alt="blog image" />
+                      <Image
+                        src={images[0]}
+                        width={220}
+                        height={110}
+                        alt="blog image"
+                      />
                     </dl>
                     <div className="space-y-5 xl:col-span-3">
                       <div className="space-y-6">

From 39180b6ffe262aca69d628a2d9912d82572e7263 Mon Sep 17 00:00:00 2001
From: Jason Hong <jason.hong@protonmail.com>
Date: Tue, 18 Mar 2025 23:38:03 -0400
Subject: [PATCH 3/7] make image larger, overlay text in white

---
 pages/index.tsx | 23 ++++++++---------------
 1 file changed, 8 insertions(+), 15 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index 4337ddab1..2fa00a3df 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -15,7 +15,6 @@ import PaymentModal from '../components/PaymentModal'
 import { isShowcaseProject } from './funds'
 import Typing from '@/components/Typing'
 import CustomLink from '@/components/Link'
-import Image from 'next/image'
 
 const MAX_DISPLAY = 2
 
@@ -180,23 +179,17 @@ export default function Home({
             return (
               <li key={slug} className="py-12">
                 <article>
-                  <div className="x-6 space-y-2 xl:grid xl:grid-cols-4 xl:items-baseline xl:space-y-0">
-                    <dl>
-                      <dt className="sr-only">Published on</dt>
-                      <dd className="text-base font-medium leading-6 text-gray-500 dark:text-gray-400">
+                  <div className="space-x-4 space-y-4 xl:grid xl:grid-cols-3 xl:items-start xl:space-y-0">
+                    <div className="relative">
+                      <img src={images[0]} alt="blog post" />
+                      <h1 className="absolute left-1 top-0 text-base font-semibold text-white">
                         <time dateTime={date}>
                           {formatDate(date, siteMetadata.locale)}
                         </time>
-                      </dd>
-                      <Image
-                        src={images[0]}
-                        width={220}
-                        height={110}
-                        alt="blog image"
-                      />
-                    </dl>
-                    <div className="space-y-5 xl:col-span-3">
-                      <div className="space-y-6">
+                      </h1>
+                    </div>
+                    <div className="space-y-2 xl:col-span-2">
+                      <div className="space-y-4">
                         <div>
                           <h2 className="text-2xl font-bold leading-8 tracking-tight max-[375px]:text-xl">
                             <Link

From d086e3d06e87b9e241100aefd6a559212a253983 Mon Sep 17 00:00:00 2001
From: Jason Hong <jason.hong@protonmail.com>
Date: Wed, 19 Mar 2025 09:29:55 -0400
Subject: [PATCH 4/7] adjust date alignment, add sr-only element back in

---
 pages/index.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index 2fa00a3df..b0fd7d427 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -181,12 +181,13 @@ export default function Home({
                 <article>
                   <div className="space-x-4 space-y-4 xl:grid xl:grid-cols-3 xl:items-start xl:space-y-0">
                     <div className="relative">
+                      <h1 className="sr-only">Published on</h1>
                       <img src={images[0]} alt="blog post" />
-                      <h1 className="absolute left-1 top-0 text-base font-semibold text-white">
+                      <h2 className="absolute left-6 top-3 text-base font-semibold text-white xl:left-3 xl:top-1">
                         <time dateTime={date}>
                           {formatDate(date, siteMetadata.locale)}
                         </time>
-                      </h1>
+                      </h2>
                     </div>
                     <div className="space-y-2 xl:col-span-2">
                       <div className="space-y-4">

From cafbab8453b85f721c0c8210bd4951874dcc5d33 Mon Sep 17 00:00:00 2001
From: Jason Hong <jason.hong@protonmail.com>
Date: Wed, 19 Mar 2025 09:32:39 -0400
Subject: [PATCH 5/7] adjust date alignment

---
 pages/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index b0fd7d427..c4b0553c1 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -183,7 +183,7 @@ export default function Home({
                     <div className="relative">
                       <h1 className="sr-only">Published on</h1>
                       <img src={images[0]} alt="blog post" />
-                      <h2 className="absolute left-6 top-3 text-base font-semibold text-white xl:left-3 xl:top-1">
+                      <h2 className="absolute left-6 top-3 text-base font-semibold text-white xl:left-2 xl:top-1">
                         <time dateTime={date}>
                           {formatDate(date, siteMetadata.locale)}
                         </time>

From d5d6b86712ac526515ea89450ee874f3b51cbbe2 Mon Sep 17 00:00:00 2001
From: Jason Hong <jason.hong@protonmail.com>
Date: Wed, 19 Mar 2025 09:37:43 -0400
Subject: [PATCH 6/7] adjust date alignment

---
 pages/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index c4b0553c1..cbb1fac69 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -183,7 +183,7 @@ export default function Home({
                     <div className="relative">
                       <h1 className="sr-only">Published on</h1>
                       <img src={images[0]} alt="blog post" />
-                      <h2 className="absolute left-6 top-3 text-base font-semibold text-white xl:left-2 xl:top-1">
+                      <h2 className="absolute left-5 top-3 text-base font-semibold text-white xl:left-2.5 xl:top-1">
                         <time dateTime={date}>
                           {formatDate(date, siteMetadata.locale)}
                         </time>

From f0c5066f1152e8c2ab61e4ed7be405853e087073 Mon Sep 17 00:00:00 2001
From: Jason Hong <jason.hong@protonmail.com>
Date: Sun, 23 Mar 2025 22:22:31 -0400
Subject: [PATCH 7/7] add link to blog image

---
 pages/index.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index cbb1fac69..bf7c2b4d6 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -182,7 +182,9 @@ export default function Home({
                   <div className="space-x-4 space-y-4 xl:grid xl:grid-cols-3 xl:items-start xl:space-y-0">
                     <div className="relative">
                       <h1 className="sr-only">Published on</h1>
-                      <img src={images[0]} alt="blog post" />
+                      <Link href={`/blog/${slug}`}>
+                        <img src={images[0]} alt="blog post" />
+                      </Link>
                       <h2 className="absolute left-5 top-3 text-base font-semibold text-white xl:left-2.5 xl:top-1">
                         <time dateTime={date}>
                           {formatDate(date, siteMetadata.locale)}