make status api faster, fix donate, add services

src/routes/instances/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { CardInner, CardOuter, LinksOuter } from "$lib/Card";
+	import { CardInner, CardOuter, LinksOuter, Link } from "$lib/Card";
 	import InstanceLink from "./InstanceLink.svelte";
 	import dayjs from "dayjs";
 	import type { PageData } from "./$types";
@@ -61,6 +61,20 @@
 										type="backup"
 									/>
 								{/if}
+
+								{#if item.tor}
+									<InstanceLink
+										url={item.tor}
+										type="tor"
+									/>
+								{/if}
+
+								{#if item.torBp}
+									<InstanceLink
+										url={item.torBp}
+										type="torBp"
+									/>
+								{/if}
 							</LinksOuter>
 						</CardInner>
 					{/each}

src/routes/instances/InstanceLink.svelte

@@ -2,35 +2,49 @@
 	import { Link } from "$lib/Card";
 
 	export let url: string;
-	export let item: any;
-	export let type: "geo" | "eu" | "us" | "backup";
+	export let item: any = 200;
+	export let type: "geo" | "eu" | "us" | "backup" | "tor" | "torBp" = "geo";
 </script>
 
-<Link
-	{url}
-	class="web {item === 200
-		? ''
-		: 'pointer-events-none cursor-default opacity-50'}"
->
-	<div class="flex items-center gap-2 text-base">
-		<div
-			class={item === 200
-				? "i-fa6-solid:arrow-up-right-from-square"
-				: "i-fa6-solid:xmark"}
-		/>
-		<span>
-			{#if item !== 200}
-				({item})
+{#if type === "tor" || type === "torBp"}
+	<Link
+		{url}
+		class="torcolored"
+	>
+		<div class="flex flex-row items-center gap-1">
+			<div class="i-simple-icons:tor {type === "torBp" ? "" : "h-6 w-6"}" />
+			{#if type === "torBp"}
+				<span class="text-base">Backup</span>
 			{/if}
-			{#if type === "geo"}
-				GeoDNS
-			{:else if type === "eu"}
-				EU
-			{:else if type === "us"}
-				US
-			{:else if type === "backup"}
-				Backup
-			{/if}
-		</span>
-	</div>
-</Link>
+		</div>
+	</Link>
+{:else}
+	<Link
+		{url}
+		class="web {item === 200
+			? ''
+			: 'pointer-events-none cursor-default opacity-50'}"
+	>
+		<div class="flex items-center gap-2 text-base">
+			<div
+				class={item === 200
+					? "i-fa6-solid:arrow-up-right-from-square"
+					: "i-fa6-solid:xmark"}
+			/>
+			<span>
+				{#if item !== 200}
+					({item})
+				{/if}
+				{#if type === "geo"}
+					GeoDNS
+				{:else if type === "eu"}
+					EU
+				{:else if type === "us"}
+					US
+				{:else if type === "backup"}
+					Backup
+				{/if}
+			</span>
+		</div>
+	</Link>
+{/if}