🏗 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>