format pass

README.md

@@ -53,6 +53,7 @@ SUPABASE_AUTH_REDIRECT_URI="http://127.0.0.1:54321/auth/v1/callback"
 ```sh
 npx supabase start
 ```
+
 ### Setting up Discord OAuth
 
 To configure local Supabase to handle Discord logins:
@@ -124,6 +125,7 @@ Users can check into events if they are within 1 mile / 1.6 km of its location,
 ### Querying badge data
 
 A helpful query to view event location data in more helpful terms:
+
 ```sql
 select
   id,
@@ -140,10 +142,12 @@ from badges;
 ### Inserting new badges into Supabase
 
 The current best way to insert badges with geolocation data is to use SQL.
+
 - Go and get the precise lat/long coordinates of the event location. With PostGIS, you will specify like so: `ST_POINT(longitude latitude)`
 - You can specify the precise date-time for both `event_start` and `event_end` using ISO format: `YYYY-MM-DD HH:mm:ss(+|-)00:00` (for the timezone after the `ss` seconds, two examples: Eastern Standard Time (EST) is GMT `-05:00`, Japan Standard Time (JST) is GMT `+09:00`)
 
 Example (batch insert):
+
 ```sql
 insert into public.badges
   (name, type, location, external_url, event_start, event_end)

src/app.css

@@ -11,4 +11,4 @@
 	.bg-dots-straight {
 		background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f26bb5' fill-opacity='0.2' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");
 	}
-}
+}

src/lib/components/Footer.svelte

@@ -25,8 +25,10 @@
 		</div>
 	</div>
 	<div class="flex max-w-lg flex-row space-x-4 p-4 text-center md:self-end" id="socials">
-		<a id="x-link" class="flex items-center justify-center text-3xl" href="https://x.com/holopassapp"
-			>𝕏</a
+		<a
+			id="x-link"
+			class="flex items-center justify-center text-3xl"
+			href="https://x.com/holopassapp">𝕏</a
 		>
 		<a
 			id="github-link"

src/lib/components/PopupStatusCard.svelte

@@ -7,9 +7,7 @@
 	export let text_color: string;
 </script>
 
-<div
-	class={`card flex-row ${color} p-2 text-${text_color} place-content-center text-center`}
->
+<div class={`card flex-row ${color} p-2 text-${text_color} place-content-center text-center`}>
 	<div class="align-center">
 		<Icon data={icon} scale={1.2}></Icon>
 	</div>