aboutsummaryrefslogtreecommitdiff
path: root/src/routes/tools/+page.svelte
blob: 6293d0b1b2084d0677163d9b7cc4511512868ce3 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<script lang="ts">
	import HeadTitle from '$lib/HeadTitle.svelte';
	import Picker from '$lib/Tools/Picker.svelte';
	import { tools } from '$lib/Tools/tools.js';

	let tool = 'default';
</script>

<Picker {tool} />

<HeadTitle route={tools[tool].name} path={`/tools?tool=${tool}`} />

<div class="card">
	<p>Select a tool to continue.</p>

	<ul>
		{#each Object.keys(tools) as t}
			{#if t !== 'default'}
				<li>
					<a href={`/tools/${tools[t].id}`} on:click={() => (tool = t)}>{tools[t].name}</a>
					{#if tools[t].description}
						<blockquote>{tools[t].description}</blockquote>
					{/if}
				</li>
			{/if}
		{/each}
	</ul>

	<p />

	<blockquote style="margin: 0 0 0 1.5rem;">
		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!
	</blockquote>
</div>