JCEEE/famdone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove payday debug and add multiple ui fixes

Browse Source
This commit is contained in:
JCEEE
2026-08-28 19:32:32 +01:00
parent bcdd3805d5
commit d303eda038
19 changed files with 705 additions and 697 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/routes/+page.svelte
+20 -10
View File
@@ -1,7 +1,7 @@
<script lang="ts">
import { onMount } from 'svelte';
import Footer from '$lib/components/Footer.svelte';
import { homeIcon } from '$lib/components/icons';
import { homeIcon, checkCircleIcon, chevronRightIcon } from '$lib/components/icons';
import { readShortcut, shortcutTarget, type Shortcut } from '$lib/shortcut';
let shortcut = $state<(Shortcut & { target: string }) | null>(null);
@@ -29,7 +29,7 @@
</span>
<span class="return-text">
<span class="return-fam">{shortcut.famName}</span>
<span class="return-sub">Jump back in →</span>
<span class="return-sub">Jump back in {@html chevronRightIcon}</span>
</span>
</a>
{/if}
@@ -45,9 +45,9 @@
automatically — no spreadsheets, no nagging.
</p>
<ul class="hero-ticks">
<li>Set up in under a minute</li>
<li>Kids join with a simple invite code</li>
<li>Allowance lands on payday, automatically</li>
<li><span class="tick">{@html checkCircleIcon}</span>Set up in under a minute</li>
<li><span class="tick">{@html checkCircleIcon}</span>Kids join with a simple invite code</li>
<li><span class="tick">{@html checkCircleIcon}</span>Allowance lands on payday, automatically</li>
</ul>
</div>
@@ -56,7 +56,7 @@
<p class="card-sub">Free to get going. Takes about a minute.</p>
<a class="submit" href="/signup">Create my family</a>
<p class="card-alt">
<a href="/pricing">See pricing →</a>
<a href="/pricing">See pricing {@html chevronRightIcon}</a>
</p>
<p class="card-alt">
Already have a family? <a href="/login">Log in</a>
@@ -119,7 +119,7 @@
<div class="cta">
<p>Ready to make chores painless?</p>
<a class="cta-btn" href="/signup">Create your family</a>
<p class="card-alt"><a href="/pricing">or see pricing →</a></p>
<p class="card-alt"><a href="/pricing">or see pricing {@html chevronRightIcon}</a></p>
</div>
</section>
</main>
@@ -230,10 +230,20 @@
gap: 0.6rem;
}
.hero-ticks li::before {
content: "✓";
color: #4338ca;
font-weight: 700;
content: "";
}
.hero-ticks .tick {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.15rem;
height: 1.15rem;
margin-right: 0.5rem;
color: #4338ca;
}
.hero-ticks .tick :global(svg) {
width: 1.1em;
height: 1.1em;
}
/* SIGNUP CARD */