From b2c009e5bf8d27bcdefde1dc7457ae4952a33441 Mon Sep 17 00:00:00 2001
From: Zicklag <zicklag@katharostech.com>
Date: Thu, 9 Jan 2025 13:45:24 -0600
Subject: [PATCH] chore: run code formatter.

---
 src/lib/components/avatar/view.svelte            |  2 +-
 src/lib/components/layouts/OuterLayout.svelte    |  2 +-
 src/routes/(app)/[username]/+layout.svelte       | 10 ++++------
 src/routes/(app)/[username]/+page.svelte         |  8 ++++----
 .../(app)/[username]/mastodon/+page.svelte       | 16 ++++++++--------
 src/routes/(app)/account/bsky/+page.svelte       |  2 +-
 src/routes/(app)/account/codeberg/+page.svelte   |  2 +-
 .../(app)/account/codeberg/profile/+page.svelte  |  4 ++--
 src/routes/(app)/account/github/+page.svelte     |  2 +-
 .../(app)/account/github/profile/+page.svelte    |  4 ++--
 src/routes/(app)/account/linktree/+page.svelte   |  2 +-
 .../(app)/account/zulip/profile/+page.svelte     |  2 +-
 .../subsite/[username]/+page.server.ts           |  1 -
 tailwind.config.ts                               |  4 ++--
 14 files changed, 29 insertions(+), 32 deletions(-)

diff --git a/src/lib/components/avatar/view.svelte b/src/lib/components/avatar/view.svelte
index 400f4103..bca749bd 100644
--- a/src/lib/components/avatar/view.svelte
+++ b/src/lib/components/avatar/view.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Avatar } from '@skeletonlabs/skeleton';
 
-	let { src, width, ...rest }: { src?: string; width?: string; } & any = $props();
+	let { src, width, ...rest }: { src?: string; width?: string } & any = $props();
 </script>
 
 <Avatar
diff --git a/src/lib/components/layouts/OuterLayout.svelte b/src/lib/components/layouts/OuterLayout.svelte
index 29d642d8..97dafe26 100644
--- a/src/lib/components/layouts/OuterLayout.svelte
+++ b/src/lib/components/layouts/OuterLayout.svelte
@@ -68,7 +68,7 @@
 </AppBar>
 
 <div class="weird-container relative flex h-full min-h-screen max-w-full flex-col">
-	<div class="flex-grow max-w-full">
+	<div class="max-w-full flex-grow">
 		{@render children()}
 	</div>
 
diff --git a/src/routes/(app)/[username]/+layout.svelte b/src/routes/(app)/[username]/+layout.svelte
index 7e6ff24c..f747ae60 100644
--- a/src/routes/(app)/[username]/+layout.svelte
+++ b/src/routes/(app)/[username]/+layout.svelte
@@ -61,11 +61,9 @@
 	}
 </script>
 
-<div class="flex flex-row flex-wrap-reverse justify-center sm:flex-nowrap max-w-full">
+<div class="flex max-w-full flex-row flex-wrap-reverse justify-center sm:flex-nowrap">
 	{#if data.profileMatchesUserSession}
-		<aside
-			class="sidebar"
-		>
+		<aside class="sidebar">
 			<div class="mb-3 flex flex-row items-start justify-between">
 				<h1 class="mb-2 text-xl font-bold">Pages</h1>
 				<a
@@ -108,7 +106,7 @@
 
 	<div class="hidden flex-grow sm:block"></div>
 
-	<div class="flex flex-col items-center max-w-full">
+	<div class="flex max-w-full flex-col items-center">
 		{#if error}
 			<aside class="alert variant-ghost-error relative mt-8 w-full">
 				<div class="alert-message">
@@ -143,7 +141,7 @@
 
 <style>
 	.sidebar {
-		@apply sticky top-8 mx-4 my-8 flex w-full sm:w-auto flex-col rounded-xl border-[1px] border-black bg-pink-300/10 p-5 sm:h-[85vh] flex-shrink;
+		@apply sticky top-8 mx-4 my-8 flex w-full flex-shrink flex-col rounded-xl border-[1px] border-black bg-pink-300/10 p-5 sm:h-[85vh] sm:w-auto;
 		.btn {
 			text-wrap: wrap;
 		}
diff --git a/src/routes/(app)/[username]/+page.svelte b/src/routes/(app)/[username]/+page.svelte
index 5c2b7f3c..93a5540d 100644
--- a/src/routes/(app)/[username]/+page.svelte
+++ b/src/routes/(app)/[username]/+page.svelte
@@ -153,7 +153,7 @@
 	</title>
 </svelte:head>
 
-<main class="mx-4 flex w-full flex-col items-center font-spacemono max-w-full px-2">
+<main class="mx-4 flex w-full max-w-full flex-col items-center px-2 font-spacemono">
 	<div
 		class="m-4 mt-12 flex w-full max-w-[700px] flex-col gap-4 rounded-xl border-[1px] border-black bg-pink-300/10 p-8 text-xl"
 	>
@@ -176,8 +176,8 @@
 					</figcaption>
 				</figure>
 			{/if}
-			<div class="flex flex-col flex-shrink max-w-ful overflow-hidden">
-				<h1 class="relative grid font-rubik text-4xl overflow-hidden text-ellipsis">
+			<div class="max-w-ful flex flex-shrink flex-col overflow-hidden">
+				<h1 class="relative grid overflow-hidden text-ellipsis font-rubik text-4xl">
 					{#if !editingState.editing}
 						<div style="grid-area: 1 / 1;">
 							{profile.display_name || usernames.shortNameOrDomain(data.username)}
@@ -197,7 +197,7 @@
 				</h1>
 				<a
 					href={pubpageUrl}
-					class="text-center text-sm text-surface-100 underline decoration-1 underline-offset-4 overflow-hidden text-ellipsis"
+					class="overflow-hidden text-ellipsis text-center text-sm text-surface-100 underline decoration-1 underline-offset-4"
 				>
 					{pubpageHost}
 				</a>
diff --git a/src/routes/(app)/[username]/mastodon/+page.svelte b/src/routes/(app)/[username]/mastodon/+page.svelte
index fc60bc0d..24dd2638 100644
--- a/src/routes/(app)/[username]/mastodon/+page.svelte
+++ b/src/routes/(app)/[username]/mastodon/+page.svelte
@@ -97,21 +97,21 @@
 					<img
 						src={mastodon_profile.avatar}
 						alt="Profile Picture"
-						class="h-24 w-24 rounded-full md:h-32 md:w-32"
+						class="md:h-32 md:w-32 h-24 w-24 rounded-full"
 					/>
 				</div>
 				<!-- Profile Info -->
-				<div class="ml-4 flex-grow text-sm md:ml-8 md:text-lg">
+				<div class="md:ml-8 md:text-lg ml-4 flex-grow text-sm">
 					<h2 class="text-2xl font-bold">{mastodon_profile.display_name}</h2>
 					<a href={mastodon_profile.uri} class="text-gray-600 no-underline hover:underline"
 						>@{mastodon_profile.username}@{mastodon_profile.mastodon_server}</a
 					>
 					<div class="mt-4">
 						<div class="flex items-center">
-							<p class="mr-2 text-center md:mr-2">
+							<p class="md:mr-2 mr-2 text-center">
 								<span class="font-bold">{mastodon_profile.statuses_count}</span> Posts
 							</p>
-							<p class="mr-2 text-center md:mr-2">
+							<p class="md:mr-2 mr-2 text-center">
 								<span class="font-bold">{mastodon_profile.followers_count}</span> Followers
 							</p>
 							<p class="text-center">
@@ -121,14 +121,14 @@
 					</div>
 				</div>
 			</div>
-			<span class="mastodon block p-6 text-sm md:text-base lg:text-lg"
+			<span class="mastodon md:text-base lg:text-lg block p-6 text-sm"
 				>{@html sanitize(mastodon_profile.description)}</span
 			>
-			<div class="justify-start md:flex md:flex-wrap md:items-center">
+			<div class="md:flex md:flex-wrap md:items-center justify-start">
 				{#each mastodon_profile.fields as field}
 					<a
 						href={parseLink(field.value)}
-						class="y-2 mx-3 my-2 block rounded bg-white px-3 py-1 shadow hover:bg-gray-50 dark:bg-slate-800 md:mx-1 md:my-1 md:rounded-xl"
+						class="y-2 md:mx-1 md:my-1 md:rounded-xl mx-3 my-2 block rounded bg-white px-3 py-1 shadow hover:bg-gray-50 dark:bg-slate-800"
 						target="_blank"
 						rel="noopener noreferrer"
 					>
@@ -154,7 +154,7 @@
 				bind:value={search}
 			/>
 		</div>
-		<div class="columns-1 md:columns-2 lg:columns-3 xl:columns-4">
+		<div class="md:columns-2 lg:columns-3 xl:columns-4 columns-1">
 			{#each statuses as status}
 				<div
 					class="w-full p-2 no-underline"
diff --git a/src/routes/(app)/account/bsky/+page.svelte b/src/routes/(app)/account/bsky/+page.svelte
index b9991290..bac74fd9 100644
--- a/src/routes/(app)/account/bsky/+page.svelte
+++ b/src/routes/(app)/account/bsky/+page.svelte
@@ -12,7 +12,7 @@
 		</aside>
 	{/if}
 	<form method="post" class="mt-6">
-		<div class=" flex flex-col items-center gap-4 md:flex-row">
+		<div class=" md:flex-row flex flex-col items-center gap-4">
 			<input required type="text" class="input" name="username" placeholder="Enter bsky username" />
 			<button type="submit" class="variant-filled btn">Continue</button>
 		</div>
diff --git a/src/routes/(app)/account/codeberg/+page.svelte b/src/routes/(app)/account/codeberg/+page.svelte
index 87f0ac71..5be92732 100644
--- a/src/routes/(app)/account/codeberg/+page.svelte
+++ b/src/routes/(app)/account/codeberg/+page.svelte
@@ -12,7 +12,7 @@
 		</aside>
 	{/if}
 	<form method="post" class="mt-6">
-		<div class=" flex flex-col items-center gap-4 md:flex-row">
+		<div class=" md:flex-row flex flex-col items-center gap-4">
 			<input
 				required
 				type="text"
diff --git a/src/routes/(app)/account/codeberg/profile/+page.svelte b/src/routes/(app)/account/codeberg/profile/+page.svelte
index 6912c371..8eb16d0a 100644
--- a/src/routes/(app)/account/codeberg/profile/+page.svelte
+++ b/src/routes/(app)/account/codeberg/profile/+page.svelte
@@ -11,7 +11,7 @@
 	const user = data.user;
 </script>
 
-<div class="container mx-auto flex flex-col gap-8 px-4 py-8 md:px-0">
+<div class="md:px-0 container mx-auto flex flex-col gap-8 px-4 py-8">
 	<section>
 		<div>
 			<img src={user.avatar_url} alt={user.name} class={`aspect-square h-64 w-64 rounded-full`} />
@@ -78,7 +78,7 @@
 
 	<section>
 		<h3 class="text-xl font-medium">Repositories</h3>
-		<div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3">
+		<div class="md:grid-cols-2 xl:grid-cols-3 mt-4 grid grid-cols-1 gap-4">
 			{#each data.repos as repo}
 				<Repository {repo} />
 			{/each}
diff --git a/src/routes/(app)/account/github/+page.svelte b/src/routes/(app)/account/github/+page.svelte
index df3ab2db..f0b994a3 100644
--- a/src/routes/(app)/account/github/+page.svelte
+++ b/src/routes/(app)/account/github/+page.svelte
@@ -7,7 +7,7 @@
 	const githubAuthUrl = `${GH_OAUTH_URI}?client_id=${clientId}&redirect_uri=${encodeURIComponent(redirectUri)}`;
 </script>
 
-<div class="flex justify-center px-4 py-10 md:px-0">
+<div class="md:px-0 flex justify-center px-4 py-10">
 	<a href={githubAuthUrl} class="rounded-md bg-gray-700 px-4 py-3 text-white hover:bg-gray-800"
 		>Connect with Github</a
 	>
diff --git a/src/routes/(app)/account/github/profile/+page.svelte b/src/routes/(app)/account/github/profile/+page.svelte
index 01b23d93..9ecbfda8 100644
--- a/src/routes/(app)/account/github/profile/+page.svelte
+++ b/src/routes/(app)/account/github/profile/+page.svelte
@@ -11,7 +11,7 @@
 	const user = data.user;
 </script>
 
-<div class="container mx-auto flex flex-col gap-8 px-4 py-8 md:px-0">
+<div class="md:px-0 container mx-auto flex flex-col gap-8 px-4 py-8">
 	<section>
 		<div>
 			<img src={user.avatar_url} alt={user.name} class={`aspect-square h-64 w-64 rounded-full`} />
@@ -81,7 +81,7 @@
 
 	<section>
 		<h3 class="text-xl font-medium">Repositories</h3>
-		<div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3">
+		<div class="md:grid-cols-2 xl:grid-cols-3 mt-4 grid grid-cols-1 gap-4">
 			{#each data.repos as repo}
 				<Repository {repo} />
 			{/each}
diff --git a/src/routes/(app)/account/linktree/+page.svelte b/src/routes/(app)/account/linktree/+page.svelte
index afac02da..9c484b63 100644
--- a/src/routes/(app)/account/linktree/+page.svelte
+++ b/src/routes/(app)/account/linktree/+page.svelte
@@ -12,7 +12,7 @@
 		</aside>
 	{/if}
 	<form method="post" class="mt-6">
-		<div class=" flex flex-col items-center gap-4 md:flex-row">
+		<div class=" md:flex-row flex flex-col items-center gap-4">
 			<input
 				required
 				type="text"
diff --git a/src/routes/(app)/account/zulip/profile/+page.svelte b/src/routes/(app)/account/zulip/profile/+page.svelte
index 4ff307ac..f251289e 100644
--- a/src/routes/(app)/account/zulip/profile/+page.svelte
+++ b/src/routes/(app)/account/zulip/profile/+page.svelte
@@ -9,7 +9,7 @@
 </script>
 
 <div class="container mx-auto py-12">
-	<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-4">
+	<div class="md:grid-cols-4 grid grid-cols-1 gap-4 sm:grid-cols-2">
 		{#each subscriptions as s (s.stream_id)}
 			<article class="card">
 				<h4 class="card-header font-bold">{s.name}</h4>
diff --git a/src/routes/(subsites)/subsite/[username]/+page.server.ts b/src/routes/(subsites)/subsite/[username]/+page.server.ts
index b99336dd..f55501c7 100644
--- a/src/routes/(subsites)/subsite/[username]/+page.server.ts
+++ b/src/routes/(subsites)/subsite/[username]/+page.server.ts
@@ -30,6 +30,5 @@ export const load: PageServerLoad = async ({
 		)
 	).filter((x) => x) as { slug: string; name?: string }[];
 
-
 	return { profile, pages, params: { ...params } };
 };
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 75a91717..7afe2124 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -17,7 +17,7 @@ const config = {
 	],
 	theme: {
 		screens: {
-			'sm': '800px'
+			sm: '800px'
 		},
 		extend: {
 			fontFamily: {
@@ -25,7 +25,7 @@ const config = {
 				rubik: ['Rubik Mono One'],
 				spacemono: ['Space Mono']
 			}
-		},
+		}
 	},
 	plugins: [
 		typography,