🏗 Restructure project, change font to Maple Mono

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

@@ -15,13 +15,13 @@ export async function getStaticPaths() {
 
 const { post } = Astro.props;
 
-const { data, slug } = post;
+const { data } = post;
 
 const { Content } = await post.render();
 ---
 
 <Layout title={data.title}>
-	<article transition:name={slug}>
+	<article>
 		<BlogHeader title={data.title} date={data.pubDate} />
 		<Content />
 		<a href="https://notbyai.fyi/">
@@ -30,3 +30,21 @@ const { Content } = await post.render();
 		<Tags tags={data.tags} />
 	</article>
 </Layout>
+
+<style>
+	.not-by-ai {
+		display: block;
+		width: 134px;
+		height: 45px;
+		background-image: url(../../assets/svg/Written-By-Human-Not-By-AI-Badge-white.svg);
+		background-repeat: no-repeat;
+		background-position: center;
+		margin: 1rem 0;
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.not-by-ai {
+			background-image: url(../../assets/svg/Written-By-Human-Not-By-AI-Badge-black.svg);
+		}
+	}
+</style>

src/pages/blog/archive/[tag].astro

@@ -50,7 +50,7 @@ posts.sort(
 	<ul>
 		{
 			posts.map(({ slug, data }) => (
-				<li transition:name={slug}>
+				<li>
 					<a href={`/posts/${slug}`}>{data.title}</a> -
 					<span>
 						{format(add(new Date(data.pubDate), { hours: 6 }), 'MMM do, y')}

src/pages/blog/index.astro

@@ -26,3 +26,11 @@ const posts = await getCollection('blog');
 		)
 	}
 </Layout>
+
+<style>
+	.more-posts {
+		text-align: center;
+		padding: 1rem;
+		font-size: 1.2rem;
+	}
+</style>