<script lang="ts">
	import * as all from '$lib/all';
	import IndexSection from '$lib/IndexSection.svelte';
</script>

<h1 class="m-8 text-center text-7xl">Zenno Rob Roy</h1>
<p>She's read all about Umamusume, and she's always happy to share her knowledge and give recommendations!</p>

<IndexSection title="Race Mechanics Tools" pages={all.PAGES.race} />
<IndexSection title="Career Tools" pages={all.PAGES.career} />
<IndexSection title="Character Tools" pages={all.PAGES.chara} />
<IndexSection title="Documents" pages={all.PAGES.doc} />

<!-- Not a real index section in, terms of types. -->
<h2 class="my-4 text-4xl">&amp;c.</h2>
<ul class="mb-4 list-disc pl-4">
	<li>
		<a href="https://discord.com/oauth2/authorize?client_id=1461931240264568994" target="_blank" rel="noopener noreferrer"
			>Discord Bot</a
		> &mdash; Skill search by name or unique owner within Discord. Install to a server or user.
	</li>
</ul>

<h2 class="my-4 text-4xl">About</h2>
<p>My repository of tools to fill some gaps I've felt in Umamusume optimization, as well as original research and editorials.</p>
