🎨 Format w/ Prettier

app/components/NewsletterForm.tsx

@@ -39,10 +39,9 @@ export default function NewsletterForm({
 			</span>
 
 			<form
-				className={clsx(
-					"mt-2 flex w-full flex-wrap justify-between gap-2",
-					{ hidden: status === "success" },
-				)}
+				className={clsx("mt-2 flex w-full flex-wrap justify-between gap-2", {
+					hidden: status === "success",
+				})}
 				action={formAction}
 			>
 				<TextInput

app/components/Orb.tsx

@@ -11,10 +11,7 @@ export function OrbContainer({ children }: { children: React.ReactNode }) {
 export function Orb({ className }: { className?: string }) {
 	return (
 		<div
-			className={clsx(
-				className,
-				"absolute h-72 w-72 rounded-full blur-3xl",
-			)}
+			className={clsx(className, "absolute h-72 w-72 rounded-full blur-3xl")}
 		/>
 	);
 }

app/components/SidebarLinks.tsx

@@ -23,15 +23,11 @@ export default function SidebarLinks() {
 							{
 								"text-zinc-700 hover:text-black group-hover:bg-zinc-300/50 dark:text-zinc-300 dark:hover:text-white dark:group-hover:bg-zinc-700/50":
 									pathname !== link.href,
-								"bg-zinc-300/70 dark:bg-zinc-700/70":
-									pathname === link.href,
+								"bg-zinc-300/70 dark:bg-zinc-700/70": pathname === link.href,
 							},
 						)}
 					>
-						<link.Icon
-							size={32}
-							className="inline-block align-middle"
-						/>
+						<link.Icon size={32} className="inline-block align-middle" />
 						{link.title}
 					</div>
 				</Link>

app/lib/mergeMetadata.ts

@@ -17,8 +17,7 @@ export default function mergeMetadata({
 			siteName: "Nick Oates",
 			title: title ?? "Nick Oates",
 			description:
-				description ??
-				"Aspiring web developer whose code sometimes works.",
+				description ?? "Aspiring web developer whose code sometimes works.",
 			images: {
 				url: image ?? "/images/card-image.png",
 				alt:

app/page.tsx

@@ -23,22 +23,19 @@ export default async function Page() {
 
 			<div className="max-w-3xl space-y-4 text-xl md:text-2xl">
 				<p>
-					<S>Hello! I&apos;m Nick</S>, an aspiring web developer whose
-					code sometimes works. Right now, I&apos;m focused on
-					mastering various web technologies, and I&apos;m excited to
-					see where those skills can take me in the future!
+					<S>Hello! I&apos;m Nick</S>, an aspiring web developer whose code
+					sometimes works. Right now, I&apos;m focused on mastering various web
+					technologies, and I&apos;m excited to see where those skills can take
+					me in the future!
 				</p>
 				<p>
-					I enjoy designing and building cool things, and my best work
-					is displayed over on{" "}
+					I enjoy designing and building cool things, and my best work is
+					displayed over on{" "}
 					<Link href="/projects">
 						<S>my projects page</S>
 					</Link>
 					. If you&apos;d like to get in touch, email me at{" "}
-					<a
-						className="font-semibold"
-						href="mailto:nick@nickoates.com"
-					>
+					<a className="font-semibold" href="mailto:nick@nickoates.com">
 						nick@nickoates.com
 					</a>
 					.
@@ -52,8 +49,8 @@ export default async function Page() {
 					<a href="https://en.wikipedia.org/wiki/Free_and_open-source_software">
 						<S>open-source software</S>
 					</a>
-					, and I believe that those values are essential to a healthy
-					web. Thanks for stopping by my website!
+					, and I believe that those values are essential to a healthy web.
+					Thanks for stopping by my website!
 				</p>
 			</div>
 
@@ -81,9 +78,9 @@ export default async function Page() {
 
 			<h2 className="my-4 text-2xl font-bold">Newsletter</h2>
 			<p className="mx-auto my-4 max-w-2xl text-xl">
-				Occasionally, I send out a newsletter to share my thoughts about
-				the latest tech news and other things I find interesting &mdash;
-				I won&apos;t spam you, promise!
+				Occasionally, I send out a newsletter to share my thoughts about the
+				latest tech news and other things I find interesting &mdash; I
+				won&apos;t spam you, promise!
 			</p>
 			<NewsletterForm />
 		</>

app/projects/page.tsx

@@ -43,8 +43,7 @@ const projects: Record<string, Project> = {
 
 	Swift: {
 		cover: "swift.webp",
-		coverAlt:
-			"A text input that says 'Ask me anything' with a submit button.",
+		coverAlt: "A text input that says 'Ask me anything' with a submit button.",
 		description:
 			"Fast voice assistant built with Cartesia's Sonic model, with OpenAI Whisper and Meta Llama3 on Groq. Less than 1 second of latency between user and AI speech.",
 		links: {
@@ -134,13 +133,11 @@ export default function Page() {
 				<Orb className="right-86 top-40 bg-cyan-400/30 dark:bg-cyan-600/30" />
 			</OrbContainer>
 
-			<h2 className="mb-4 text-3xl font-extrabold md:text-4xl">
-				Projects
-			</h2>
+			<h2 className="mb-4 text-3xl font-extrabold md:text-4xl">Projects</h2>
 
 			<p className="mb-4 max-w-2xl text-lg md:text-xl">
-				Here&apos;s a few of the projects I&apos;ve worked on. To see
-				everything I&apos;ve contributed to, check out{" "}
+				Here&apos;s a few of the projects I&apos;ve worked on. To see everything
+				I&apos;ve contributed to, check out{" "}
 				<a
 					href="https://github.com/n1ckoates"
 					className="font-semibold text-blue-600 hover:underline dark:text-blue-400"
@@ -173,22 +170,16 @@ async function ProjectCard([name, data]: [string, Project]) {
 						alt={data.coverAlt}
 						src={"/images/projects/" + data.cover}
 						fill
-						className={
-							data.noCrop ? "object-contain" : "object-cover"
-						}
+						className={data.noCrop ? "object-contain" : "object-cover"}
 						sizes="(max-width:768px) 100vw, 470px"
 						placeholder="blur"
-						blurDataURL={await getBlurDataURL(
-							"/images/projects/" + data.cover,
-						)}
+						blurDataURL={await getBlurDataURL("/images/projects/" + data.cover)}
 					/>
 				</div>
 			)}
 
 			<h1 className="px-6 pt-6 text-2xl font-bold">{name}</h1>
-			<p className="prose grow px-6 dark:prose-invert">
-				{data.description}
-			</p>
+			<p className="prose grow px-6 dark:prose-invert">{data.description}</p>
 
 			{data.links && (
 				<div className="mt-4 flex flex-row gap-8 px-6 pb-6">

content/sideloading.mdx

@@ -20,8 +20,8 @@ This has clearly worked out well for Apple; [they make billions of dollars every
 
 This restricts both developers' and consumers' freedom to choose how they want to do business.
 
--   Yes, developers _could_ create their own platform, but it's unrealistic to expect that to happen just to avoid Apple's fees. And because of how tightly coupled Apple's ecosystem is, you would have to create an entirely new ecosystem if you wanted to actually compete with them.
--   Yes, consumers _could_ switch to Android, but you shouldn't have to give up your iPhone just because you want to use a different payment system.
+- Yes, developers _could_ create their own platform, but it's unrealistic to expect that to happen just to avoid Apple's fees. And because of how tightly coupled Apple's ecosystem is, you would have to create an entirely new ecosystem if you wanted to actually compete with them.
+- Yes, consumers _could_ switch to Android, but you shouldn't have to give up your iPhone just because you want to use a different payment system.
 
 <Tweet id="1706037044693074133" />
 

content/verified-email.mdx

@@ -14,9 +14,9 @@ I posted a tweet about being verified on Apple Mail, and a few people were askin
 
 2. **Get an email client that supports signing emails.** Most web-based clients don't support this feature, but desktop ones do. I'd recommend [Outlook](https://outlook.com/) or [Thunderbird](https://www.thunderbird.net/).
 
-    - **For Outlook**, follow [the guide from Microsoft](https://support.microsoft.com/en-us/office/encrypt-messages-by-using-s-mime-in-outlook-on-the-web-878c79fc-7088-4b39-966f-14512658f480).
-    - **For Thunderbird**, follow [this guide from SSL Dragon](https://www.ssldragon.com/how-to/install-s-mime-thunderbird/).
-    - **If you're using another email client**, you'll have to search online, but the steps are usually quite similar -- go to settings, find something about encryption or security, and import the certificate.
+   - **For Outlook**, follow [the guide from Microsoft](https://support.microsoft.com/en-us/office/encrypt-messages-by-using-s-mime-in-outlook-on-the-web-878c79fc-7088-4b39-966f-14512658f480).
+   - **For Thunderbird**, follow [this guide from SSL Dragon](https://www.ssldragon.com/how-to/install-s-mime-thunderbird/).
+   - **If you're using another email client**, you'll have to search online, but the steps are usually quite similar -- go to settings, find something about encryption or security, and import the certificate.
 
 3. **Send an email!** You might have to choose to sign the message when sending, but it's on by default for most email clients.
 

content/wwdc-2023-wishlist.mdx

@@ -10,9 +10,9 @@ coverAlt: A metallic rainbow artwork on a black background.
 
 I'm interested to see how Apple will address these new regulations while trying to keep a tight grip on it's ecosystem. Apple is [set to hold](https://www.apple.com/newsroom/2023/03/apples-worldwide-developers-conference-returns-june-5/) their annual Worldwide Developers Conference (WWDC) on June 5th, where they announce new updates for iOS, macOS, and other platforms. Here's a few things I hope they'll announce, why I think it's makes sense, and why they probably won't.
 
--   [A stable iOS update](#a-stable-ios-update)
--   [RCS](#rcs)
--   [Custom app icons](#custom-app-icons)
+- [A stable iOS update](#a-stable-ios-update)
+- [RCS](#rcs)
+- [Custom app icons](#custom-app-icons)
 
 ## A stable iOS update