From 2799da6cbbc63a8c146c84e04922869a40687ef7 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 4 Jan 2024 09:18:38 -0800
Subject: feat(tools): move all to cards

---
 src/routes/tools/+page.svelte | 88 ++++++++++++++++++++++---------------------
 1 file changed, 45 insertions(+), 43 deletions(-)

(limited to 'src/routes')

diff --git a/src/routes/tools/+page.svelte b/src/routes/tools/+page.svelte
index e677d183..4d2da5cf 100644
--- a/src/routes/tools/+page.svelte
+++ b/src/routes/tools/+page.svelte
@@ -69,54 +69,56 @@
 	</select>
 </blockquote>
 
-{#if !Object.keys(tools).includes(tool)}
-	<HeadTitle route="Tools" path="/tools" />
+<div class="card">
+	{#if !Object.keys(tools).includes(tool)}
+		<HeadTitle route="Tools" path="/tools" />
 
-	<p>Tool not found.</p>
+		<p>Tool not found.</p>
 
-	<blockquote>
-		Did you mean "<a
-			href={`#`}
-			style={suggestion === '...' ? 'pointer-events: none; color: inherit;' : ''}
-			on:click={() => (tool = suggestion)}
-		>
-			{suggestion === '...' ? '...' : tools[suggestion]}</a
-		>"?
-	</blockquote>
-{:else}
-	<HeadTitle route={tools[tool].name} path={`/tools?tool=${tool}`} />
+		<blockquote>
+			Did you mean "<a
+				href={`#`}
+				style={suggestion === '...' ? 'pointer-events: none; color: inherit;' : ''}
+				on:click={() => (tool = suggestion)}
+			>
+				{suggestion === '...' ? '...' : tools[suggestion]}</a
+			>"?
+		</blockquote>
+	{:else}
+		<HeadTitle route={tools[tool].name} path={`/tools?tool=${tool}`} />
 
-	{#if tool === 'default'}
-		<p>Select a tool to continue.</p>
+		{#if tool === 'default'}
+			<p>Select a tool to continue.</p>
 
-		<ul>
-			{#each Object.keys(tools) as t}
-				{#if t !== 'default'}
-					<li>
-						<a href={`#`} on:click={() => (tool = t)}>{tools[t].name}</a>
-						{#if tools[t].description}
-							<blockquote>{tools[t].description}</blockquote>
-						{/if}
-					</li>
-				{/if}
-			{/each}
-		</ul>
+			<ul>
+				{#each Object.keys(tools) as t}
+					{#if t !== 'default'}
+						<li>
+							<a href={`#`} on:click={() => (tool = t)}>{tools[t].name}</a>
+							{#if tools[t].description}
+								<blockquote>{tools[t].description}</blockquote>
+							{/if}
+						</li>
+					{/if}
+				{/each}
+			</ul>
+
+			<p />
 
-		<p>
 			Have any requests for cool tools that you think others might find useful? Send a message to
 			<a href="https://anilist.co/user/fuwn" target="_blank" rel="noopener">@fuwn</a> on AniList!
-		</p>
-	{:else if tool === 'activity_history'}
-		<ActivityHistory user={data.user} />
-	{:else if tool === 'wrapped'}
-		<Wrapped user={data.user} />
-	{:else if tool === 'discussions'}
-		<EpisodeDiscussionCollector />
-	{:else if tool === 'birthdays'}
-		<CharacterBirthdays />
-	{:else if tool === 'sequel_spy'}
-		<SequelSpy user={data.user} />
-	{:else if tool === 'random_follower'}
-		<RandomFollower />
+		{:else if tool === 'activity_history'}
+			<ActivityHistory user={data.user} />
+		{:else if tool === 'wrapped'}
+			<Wrapped user={data.user} />
+		{:else if tool === 'discussions'}
+			<EpisodeDiscussionCollector />
+		{:else if tool === 'birthdays'}
+			<CharacterBirthdays />
+		{:else if tool === 'sequel_spy'}
+			<SequelSpy user={data.user} />
+		{:else if tool === 'random_follower'}
+			<RandomFollower />
+		{/if}
 	{/if}
-{/if}
+</div>
-- 
cgit v1.2.3