feat: updated help text

This commit is contained in:
lew 2026-03-24 03:38:18 +00:00
parent ed695d136c
commit 79fe404de5
6 changed files with 46 additions and 24 deletions

View file

@ -1,7 +1,7 @@
<script lang="ts">
import { onMount } from 'svelte';
import { FileText, Link2, Users } from 'lucide-svelte';
import Header from '$lib/components/Header.svelte';
import HelpText from '$lib/components/HelpText.svelte';
import SchemaForm from '$lib/components/SchemaForm.svelte';
import OutputPanel from '$lib/components/OutputPanel.svelte';
import ImportModal from '$lib/components/ImportModal.svelte';
@ -130,24 +130,8 @@
</main>
{:else}
<main class="flex-1 flex items-center justify-center p-6">
<div class="max-w-md w-full flex flex-col gap-6" style="color: var(--text-muted);">
<div class="text-sm flex flex-col gap-4">
<p>
Pick a template and fill in the form. Each section covers a different record. Blank fields are omitted from the output automatically, so no rush to finish everything.
</p>
<p>
Characters save to your browser. You can also export to a file or generate a share link: the link itself encodes the full set of records, so functionally it's a save file.
</p>
<p>
Share links let the recipient see a preview of your records, with the option to import the character into their own roster.
</p>
<p>
This tool is entirely data-driven in XML, and it's already set up for template sharing. A visual template editor is coming soon, so anybody can create their own templates and share them between one another.
</p>
<p>
Cheers.
</p>
</div>
<div class="max-w-md w-full flex flex-col gap-6">
<HelpText />
<div class="flex gap-3">
<button