From a54e382283245c60cae509485be9d973a26bca19 Mon Sep 17 00:00:00 2001
From: Xuan <liuxuan30@gmail.com>
Date: Fri, 28 Apr 2023 17:15:06 +0800
Subject: [PATCH 1/4] fix hydration issue in #4 (#5)

Co-authored-by: Xuan <liuxuan30@noreply.github.com>
---
 app/projects/page.tsx | 74 +++++++++++++++++++++----------------------
 1 file changed, 36 insertions(+), 38 deletions(-)

diff --git a/app/projects/page.tsx b/app/projects/page.tsx
index 100ee64..38d9f78 100644
--- a/app/projects/page.tsx
+++ b/app/projects/page.tsx
@@ -55,47 +55,45 @@ export default async function ProjectsPage() {
 
 				<div className="grid grid-cols-1 gap-8 mx-auto lg:grid-cols-2 ">
 					<Card>
-						<Link href={`/projects/${featured.slug}`}>
-							<article className="relative h-full w-full p-4 md:p-8">
-								<div className="flex justify-between gap-2 items-center">
-									<div className="text-xs text-zinc-100">
-										{featured.date ? (
-											<time dateTime={new Date(featured.date).toISOString()}>
-												{Intl.DateTimeFormat(undefined, {
-													dateStyle: "medium",
-												}).format(new Date(featured.date))}
-											</time>
-										) : (
-											<span>SOON</span>
-										)}
-									</div>
-									<span className="text-zinc-500 text-xs  flex items-center gap-1">
-										<Eye className="w-4 h-4" />{" "}
-										{Intl.NumberFormat("en-US", { notation: "compact" }).format(
-											views[featured.slug] ?? 0,
-										)}
-									</span>
+						<article className="relative h-full w-full p-4 md:p-8">
+							<div className="flex justify-between gap-2 items-center">
+								<div className="text-xs text-zinc-100">
+									{featured.date ? (
+										<time dateTime={new Date(featured.date).toISOString()}>
+											{Intl.DateTimeFormat(undefined, {
+												dateStyle: "medium",
+											}).format(new Date(featured.date))}
+										</time>
+									) : (
+										<span>SOON</span>
+									)}
 								</div>
+								<span className="text-zinc-500 text-xs  flex items-center gap-1">
+									<Eye className="w-4 h-4" />{" "}
+									{Intl.NumberFormat("en-US", { notation: "compact" }).format(
+										views[featured.slug] ?? 0,
+									)}
+								</span>
+							</div>
 
-								<h2
-									id="featured-post"
-									className="mt-4 text-3xl font-bold  text-zinc-100 group-hover:text-white sm:text-4xl font-display"
+							<h2
+								id="featured-post"
+								className="mt-4 text-3xl font-bold  text-zinc-100 group-hover:text-white sm:text-4xl font-display"
+							>
+								{featured.title}
+							</h2>
+							<p className="mt-4 leading-8 duration-150 text-zinc-400 group-hover:text-zinc-300">
+								{featured.description}
+							</p>
+							<div className="absolute bottom-4 md:bottom-8">
+								<Link
+									className="text-zinc-200 hover:text-zinc-50 hidden lg:block"
+									href={`/projects/${featured.slug}`}
 								>
-									{featured.title}
-								</h2>
-								<p className="mt-4 leading-8 duration-150 text-zinc-400 group-hover:text-zinc-300">
-									{featured.description}
-								</p>
-								<div className="absolute bottom-4 md:bottom-8">
-									<Link
-										className="text-zinc-200 hover:text-zinc-50 hidden lg:block"
-										href={`/projects/${featured.slug}`}
-									>
-										Read more <span aria-hidden="true">&rarr;</span>
-									</Link>
-								</div>
-							</article>
-						</Link>
+									Read more <span aria-hidden="true">&rarr;</span>
+								</Link>
+							</div>
+						</article>
 					</Card>
 
 					<div className="flex flex-col w-full gap-8  mx-auto border-t border-gray-900/10  lg:mx-0  lg:border-t-0 ">

From 5737d2504f99edaabc33df94cddbaa58ea2509d8 Mon Sep 17 00:00:00 2001
From: Xuan <liuxuan30@gmail.com>
Date: Mon, 1 May 2023 18:49:14 +0800
Subject: [PATCH 2/4] improve 'featured' card to be clickable, not just Read
 more, also resolves hydration (#7)

Co-authored-by: Xuan <liuxuan30@noreply.github.com>
---
 app/projects/page.tsx | 71 +++++++++++++++++++++----------------------
 1 file changed, 35 insertions(+), 36 deletions(-)

diff --git a/app/projects/page.tsx b/app/projects/page.tsx
index 38d9f78..c6aef43 100644
--- a/app/projects/page.tsx
+++ b/app/projects/page.tsx
@@ -55,45 +55,44 @@ export default async function ProjectsPage() {
 
 				<div className="grid grid-cols-1 gap-8 mx-auto lg:grid-cols-2 ">
 					<Card>
-						<article className="relative h-full w-full p-4 md:p-8">
-							<div className="flex justify-between gap-2 items-center">
-								<div className="text-xs text-zinc-100">
-									{featured.date ? (
-										<time dateTime={new Date(featured.date).toISOString()}>
-											{Intl.DateTimeFormat(undefined, {
-												dateStyle: "medium",
-											}).format(new Date(featured.date))}
-										</time>
-									) : (
-										<span>SOON</span>
-									)}
+						<Link href={`/projects/${featured.slug}`}>
+							<article className="relative h-full w-full p-4 md:p-8">
+								<div className="flex justify-between gap-2 items-center">
+									<div className="text-xs text-zinc-100">
+										{featured.date ? (
+											<time dateTime={new Date(featured.date).toISOString()}>
+												{Intl.DateTimeFormat(undefined, {
+													dateStyle: "medium",
+												}).format(new Date(featured.date))}
+											</time>
+										) : (
+											<span>SOON</span>
+										)}
+									</div>
+									<span className="text-zinc-500 text-xs  flex items-center gap-1">
+										<Eye className="w-4 h-4" />{" "}
+										{Intl.NumberFormat("en-US", { notation: "compact" }).format(
+											views[featured.slug] ?? 0,
+										)}
+									</span>
 								</div>
-								<span className="text-zinc-500 text-xs  flex items-center gap-1">
-									<Eye className="w-4 h-4" />{" "}
-									{Intl.NumberFormat("en-US", { notation: "compact" }).format(
-										views[featured.slug] ?? 0,
-									)}
-								</span>
-							</div>
 
-							<h2
-								id="featured-post"
-								className="mt-4 text-3xl font-bold  text-zinc-100 group-hover:text-white sm:text-4xl font-display"
-							>
-								{featured.title}
-							</h2>
-							<p className="mt-4 leading-8 duration-150 text-zinc-400 group-hover:text-zinc-300">
-								{featured.description}
-							</p>
-							<div className="absolute bottom-4 md:bottom-8">
-								<Link
-									className="text-zinc-200 hover:text-zinc-50 hidden lg:block"
-									href={`/projects/${featured.slug}`}
+								<h2
+									id="featured-post"
+									className="mt-4 text-3xl font-bold  text-zinc-100 group-hover:text-white sm:text-4xl font-display"
 								>
-									Read more <span aria-hidden="true">&rarr;</span>
-								</Link>
-							</div>
-						</article>
+									{featured.title}
+								</h2>
+								<p className="mt-4 leading-8 duration-150 text-zinc-400 group-hover:text-zinc-300">
+									{featured.description}
+								</p>
+								<div className="absolute bottom-4 md:bottom-8">
+								<p className="text-zinc-200 hover:text-zinc-50 hidden lg:block">
+										Read more <span aria-hidden="true">&rarr;</span>
+									</p>
+								</div>
+							</article>
+						</Link>
 					</Card>
 
 					<div className="flex flex-col w-full gap-8  mx-auto border-t border-gray-900/10  lg:mx-0  lg:border-t-0 ">

From a43b3fdac77266dfb494e8a28e466f7d481746f6 Mon Sep 17 00:00:00 2001
From: Jamie <38860802+c0nf1den71al@users.noreply.github.com>
Date: Sun, 7 May 2023 16:25:46 +0100
Subject: [PATCH 3/4] Stop back-ticks showing inside of in-line code styles
 (#10)

* Fix backticks in codeblocks

* Fix backticks in codeblocks
---
 tailwind.config.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/tailwind.config.js b/tailwind.config.js
index bdbcae4..68cd2e3 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -11,6 +11,16 @@ module.exports = {
 	theme: {
 		extend: {
 			typography: {
+				DEFAULT: {
+					css: {
+						'code::before': {
+							content: '""'
+						},
+						'code::after': {
+							content: '""'
+						},
+					},
+				},
 				quoteless: {
 					css: {
 						"blockquote p:first-of-type::before": { content: "none" },
@@ -92,7 +102,7 @@ module.exports = {
 					},
 				},
 			},
-		},
+		}
 	},
 	plugins: [
 		require("@tailwindcss/typography"),

From 8d6e6ae16ae13f8d9f77c33a60afdbb0fa163e1d Mon Sep 17 00:00:00 2001
From: Tom Schindler <92883410+schjndler@users.noreply.github.com>
Date: Wed, 10 May 2023 00:26:28 +0200
Subject: [PATCH 4/4] fix missing .com in header.tsx (#11)

---
 app/projects/[slug]/header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/projects/[slug]/header.tsx b/app/projects/[slug]/header.tsx
index 7bb91cb..bab697a 100644
--- a/app/projects/[slug]/header.tsx
+++ b/app/projects/[slug]/header.tsx
@@ -67,7 +67,7 @@ export const Header: React.FC<Props> = ({ project, views }) => {
 								views,
 							)}
 						</span>
-						<Link target="_blank" href="https://twitter/chronark_">
+						<Link target="_blank" href="https://twitter.com/chronark_">
 							<Twitter
 								className={`w-6 h-6 duration-200 hover:font-medium ${
 									isIntersecting