git.stevedylan.dev

src/components/blog/PostPreview.astro +1 −1

const postDate = getFormattedDate(date, { month: "short" });
---

<time datetime={datetime} class="min-w-[120px] text-gray-500">{postDate}</time>
<time datetime={datetime} class="min-w-[120px] text-zinc-500">{postDate}</time>
<Element>
	<a href={`/posts/${post.slug}`} class="style-link" rel="prefetch">
		{post.data.title}

src/components/layout/Footer.astro +1 −1

---

<footer
	class="mt-auto flex flex-col gap-y-3 pt-20 pb-12 text-gray-500 text-xs"
	class="mt-auto flex flex-col gap-y-3 pt-20 pb-12 text-zinc-500 text-xs"
>
<a class="underline" href="/">
		&copy; {year} stevedylan.dev

src/components/now/GuestReply.astro +1 −1

	<div class="flex gap-3 flex-wrap">
		<a
			href={mailtoLink}
			class="px-2 py-0.5 border border-white hover:border-gray-400 hover:text-gray-400 transition-colors text-xs"
			class="px-2 py-0.5 border border-white hover:border-zinc-400 hover:text-zinc-400 transition-colors text-xs"
		>
			Reply via Email
		</a>

src/components/now/NowUpdates.astro +1 −1

						class="prose prose-invert max-w-none mb-3"
						set:html={contentHTML}
					/>
					<div class="flex items-center gap-2 text-sm text-gray-500">
					<div class="flex items-center gap-2 text-sm text-zinc-500">
						<time>{publishedAt}</time>
					</div>
				</article>

src/pages/birds.astro +1 −1

	<div class="flex min-h-screen flex-col items-start justify-start gap-6">
		<div>
			<h1 class="title">Birds</h1>
			<p class="mt-2 text-sm text-gray-400">{birds.length} species observed</p>
			<p class="mt-2 text-sm text-zinc-400">{birds.length} species observed</p>
		</div>
		<div class="flex w-full flex-col sm:grid sm:grid-cols-2">
			{birds.map((bird) => (

src/pages/bookmarks.astro +1 −1

		{error ? (
			<p class="text-red-400 text-sm">Could not load bookmarks: {error}</p>
		) : categories.length === 0 ? (
			<p class="text-gray-400 text-sm">no bookmarks yet</p>
			<p class="text-zinc-400 text-sm">no bookmarks yet</p>
		) : (
			<div class="flex flex-col w-full gap-8">
				{categories.map(([name, links]) => (

src/pages/cellar/index.astro +1 −1

		{error ? (
			<p class="text-red-400 text-sm">Could not load wines: {error}</p>
		) : wines.length === 0 ? (
			<p class="text-gray-400 text-sm">no wines yet</p>
			<p class="text-zinc-400 text-sm">no wines yet</p>
		) : (
			<div class="flex flex-col w-full">
				{wines.map((wine: any) => (

src/pages/cv.astro +1 −1

							{job.roles.map((role) => (
								<li>
									<p class="text-sm">{role.title}</p>
									<p class="text-xs text-gray-500">{role.period}</p>
									<p class="text-xs text-zinc-500">{role.period}</p>
								</li>
							))}
						</ul>

src/pages/library.astro +1 −1

		{error ? (
			<p class="text-red-400 text-sm">Could not load books: {error}</p>
		) : books.length === 0 ? (
			<p class="text-gray-400 text-sm">no books yet</p>
			<p class="text-zinc-400 text-sm">no books yet</p>
		) : (
			<div class="flex flex-col w-full gap-8">
				{sections.filter((s) => s.items.length > 0).map((section) => (

src/pages/now/[slug].astro +1 −1

		{isError ? (
			<>
				<h1 class="text-2xl font-bold mb-4">{title}</h1>
				<p class="text-gray-400 mb-8">{errorMessage}</p>
				<p class="text-zinc-400 mb-8">{errorMessage}</p>
				<a class="style-link" href="/now">&larr; Back to Now</a>
			</>
		) : (

src/pages/now/index.astro +1 −1

      <li>Watching birds</li>
      <li>Reading Dune</li>
    </ul>
    <p class="text-gray-400">Last updated: April 20th, 2026</p>
    <p class="text-zinc-400">Last updated: April 20th, 2026</p>
  <div class="flex flex-row justify-between items-center w-full pt-12 pb-6">
    <h2 class="title">Updates</h2>
    <div class="flex gap-2 items-center">

14	14		const postDate = getFormattedDate(date, { month: "short" });
15	15		---
16	16
17		-	<time datetime={datetime} class="min-w-[120px] text-gray-500">{postDate}</time>
	17	+	<time datetime={datetime} class="min-w-[120px] text-zinc-500">{postDate}</time>
18	18		<Element>
19	19		<a href={`/posts/${post.slug}`} class="style-link" rel="prefetch">
20	20		{post.data.title}

12	12		<div class="flex gap-3 flex-wrap">
13	13		<a
14	14		href={mailtoLink}
15		-	class="px-2 py-0.5 border border-white hover:border-gray-400 hover:text-gray-400 transition-colors text-xs"
	15	+	class="px-2 py-0.5 border border-white hover:border-zinc-400 hover:text-zinc-400 transition-colors text-xs"
16	16		>
17	17		Reply via Email
18	18		</a>

81	81		class="prose prose-invert max-w-none mb-3"
82	82		set:html={contentHTML}
83	83		/>
84		-	<div class="flex items-center gap-2 text-sm text-gray-500">
	84	+	<div class="flex items-center gap-2 text-sm text-zinc-500">
85	85		<time>{publishedAt}</time>
86	86		</div>
87	87		</article>

12	12		<div class="flex min-h-screen flex-col items-start justify-start gap-6">
13	13		<div>
14	14		<h1 class="title">Birds</h1>
15		-	<p class="mt-2 text-sm text-gray-400">{birds.length} species observed</p>
	15	+	<p class="mt-2 text-sm text-zinc-400">{birds.length} species observed</p>
16	16		</div>
17	17		<div class="flex w-full flex-col sm:grid sm:grid-cols-2">
18	18		{birds.map((bird) => (

40	40		{error ? (
41	41		<p class="text-red-400 text-sm">Could not load bookmarks: {error}</p>
42	42		) : categories.length === 0 ? (
43		-	<p class="text-gray-400 text-sm">no bookmarks yet</p>
	43	+	<p class="text-zinc-400 text-sm">no bookmarks yet</p>
44	44		) : (
45	45		<div class="flex flex-col w-full gap-8">
46	46		{categories.map(([name, links]) => (

4	4		---
5	5
6	6		<footer
7		-	class="mt-auto flex flex-col gap-y-3 pt-20 pb-12 text-gray-500 text-xs"
	7	+	class="mt-auto flex flex-col gap-y-3 pt-20 pb-12 text-zinc-500 text-xs"
8	8		>
9	9		<a class="underline" href="/">
10	10		© {year} stevedylan.dev

32	32		{error ? (
33	33		<p class="text-red-400 text-sm">Could not load wines: {error}</p>
34	34		) : wines.length === 0 ? (
35		-	<p class="text-gray-400 text-sm">no wines yet</p>
	35	+	<p class="text-zinc-400 text-sm">no wines yet</p>
36	36		) : (
37	37		<div class="flex flex-col w-full">
38	38		{wines.map((wine: any) => (

68	68		{job.roles.map((role) => (
69	69		<li>
70	70		<p class="text-sm">{role.title}</p>
71		-	<p class="text-xs text-gray-500">{role.period}</p>
	71	+	<p class="text-xs text-zinc-500">{role.period}</p>
72	72		</li>
73	73		))}
74	74		</ul>

50	50		{error ? (
51	51		<p class="text-red-400 text-sm">Could not load books: {error}</p>
52	52		) : books.length === 0 ? (
53		-	<p class="text-gray-400 text-sm">no books yet</p>
	53	+	<p class="text-zinc-400 text-sm">no books yet</p>
54	54		) : (
55	55		<div class="flex flex-col w-full gap-8">
56	56		{sections.filter((s) => s.items.length > 0).map((section) => (

76	76		{isError ? (
77	77		<>
78	78		<h1 class="text-2xl font-bold mb-4">{title}</h1>
79		-	<p class="text-gray-400 mb-8">{errorMessage}</p>
	79	+	<p class="text-zinc-400 mb-8">{errorMessage}</p>
80	80		<a class="style-link" href="/now">← Back to Now</a>
81	81		</>
82	82		) : (

25	25		<li>Watching birds</li>
26	26		<li>Reading Dune</li>
27	27		</ul>
28		-	<p class="text-gray-400">Last updated: April 20th, 2026</p>
	28	+	<p class="text-zinc-400">Last updated: April 20th, 2026</p>
29	29		<div class="flex flex-row justify-between items-center w-full pt-12 pb-6">
30	30		<h2 class="title">Updates</h2>
31	31		<div class="flex gap-2 items-center">