🏗 Restructure project, change font to Maple Mono

src/pages/404.astro

@@ -2,7 +2,7 @@
 import Layout from '@layouts/Layout.astro';
 import { Image } from 'astro:assets';
 
-import DataGif from '../img/it-does-not-exist.gif';
+import DataGif from '../assets/it-does-not-exist.gif';
 ---
 
 <Layout title="Not Found">

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>

src/pages/index.astro

@@ -6,8 +6,8 @@ import { getCollection } from 'astro:content';
 import Layout from '@layouts/Layout.astro';
 import Avatar from '@components/Avatar.astro';
 
-import MastodonIcon from '../img/svg/mastodon.svg';
-import BlueskyIcon from '../img/svg/bluesky.svg';
+import MastodonIcon from '../assets/svg/mastodon.svg';
+import BlueskyIcon from '../assets/svg/bluesky.svg';
 
 const iconSize = 16;
 const posts = await getCollection('blog');
@@ -19,9 +19,6 @@ const latestPost = posts.sort(
 ---
 
 <Layout title="Welcome">
-	<div transition:name="my-avatar">
-		<Avatar size={200} />
-	</div>
 	<p>
 		My name is <strong>Graham</strong> (he/him), a full-stack web developer, and
 		tech enthusiast.
@@ -50,10 +47,12 @@ const latestPost = posts.sort(
 		If you want to get in touch, I'm on <a
 			rel="me"
 			href="https://mastodon.social/@ghalldev"
-			target="_blank"><MastodonIcon size={iconSize} />Mastodon</a
+			target="_blank"
+			><MastodonIcon width={iconSize} height={iconSize} />Mastodon</a
 		> and <a
 			href="https://bsky.app/profile/ghalldev.bsky.social"
-			target="_blank"><BlueskyIcon size={iconSize} />Bluesky</a
+			target="_blank"
+			><BlueskyIcon width={iconSize} height={iconSize} />Bluesky</a
 		>.
 	</p>
 	<p>

src/pages/now.md

@@ -5,19 +5,17 @@ title: Now
 
 Hey there, this is my [/now page](https://nownownow.com/about)!
 
-_Last updated: July 28, 2025_
+_Last updated: August 29, 2025_
 
 ## 🎧 Listening
 
-- [Tunnel Vision - Beach Bunny](https://album.link/i/1794412465)
-- [Flood - They Might Be Giants](https://album.link/us/i/298111036)
-- [Video Game Legends - Celestial Aeon Project, Deck Hard & Stellar Conflux](https://album.link/i/1814286119)
+- [Ego Death at a Bachelorette Party - Hayley Williams](https://album.link/i/1833006180)
 
 ## 🎮 Playing
 
+- [Batman Arkham Asylum](https://www.igdb.com/games/batman-arkham-asylum)
 - [Assassin's Creed Shadows](https://www.igdb.com/games/assassins-creed-shadows)
 - [Baldur's Gate 3](https://www.igdb.com/games/baldurs-gate-3)
-- [Rune Factory: Guardians of Azuma](https://www.igdb.com/games/rune-factory-guardians-of-azuma--1)
 
 ## 📺 Watching