feat(routes): tools

1 files changed, 43 insertions, 0 deletions

diff --git a/src/routes/tools/+page.svelte b/src/routes/tools/+page.svelte
new file mode 100644
index 00000000..53ace72b
--- /dev/null
+++ b/src/routes/tools/+page.svelte
@@ -0,0 +1,43 @@
+<script lang="ts">
+	import { todaysCharacterBirthdays } from '$lib/AniList/character';
+
+	let tool: number;
+</script>
+
+<p>
+	<select bind:value={tool}>
+		<option value={0}>Tools</option>
+		<option value={1}>Today's Character Birthdays</option>
+	</select>
+</p>
+
+{#if tool === 0}
+	Select a tool to continue.
+{:else if tool === 1}
+	<ul>
+		{#await todaysCharacterBirthdays()}
+			<li>Loading ...</li>
+		{:then birthdays}
+			{#each birthdays as birthday}
+				<li>
+					<a href={`https://anilist.co/character/${birthday.id}`} target="_blank"
+						>{birthday.name.full}</a
+					>
+				</li>
+			{/each}
+		{:catch}
+			<li>
+				<p>
+					Characters could not be loaded. You might have been <a
+						href="https://en.wikipedia.org/wiki/Rate_limiting"
+						target="_blank">rate limited</a
+					>.
+				</p>
+				<p>
+					Try again in a few minutes. If the problem persists, please contact
+					<a href="https://anilist.co/user/fuwn" target="_blank">@fuwn</a> on AniList.
+				</p>
+			</li>
+		{/await}
+	</ul>
+{/if}