From 703a88e843bfab6b9b2a0a0848f89741d2198b40 Mon Sep 17 00:00:00 2001 From: xue Date: Sun, 6 Sep 2026 06:06:15 -0400 Subject: [PATCH 1/2] A second chat card, for the features the first one does not show Kenji, speaking Japanese: a message with its translation, a voice note, a photo with a caption, and the streak and tokens a day of chatting earns. The two cards sit side by side and stack on a phone. Co-Authored-By: Claude Fable 5.1 --- src/lib/components/organisms/ChatCard.svelte | 177 ++++++++++++++++--- 1 file changed, 157 insertions(+), 20 deletions(-) diff --git a/src/lib/components/organisms/ChatCard.svelte b/src/lib/components/organisms/ChatCard.svelte index 7664f65..10b12a7 100644 --- a/src/lib/components/organisms/ChatCard.svelte +++ b/src/lib/components/organisms/ChatCard.svelte @@ -1,20 +1,18 @@ -
- -
+
- - - +
@@ -195,24 +190,16 @@ padding: var(--space-md) 0 0; } - .device { - --phone-zoom: 0.8; + .aside { display: flex; justify-content: center; - - @include for-tablet-portrait-down { - justify-content: flex-start; - --phone-zoom: 0.72; - } - - @include for-phone-only { - --phone-zoom: 0.66; - } } .sticky { position: sticky; top: calc(var(--header-height) + 24px); + width: 100%; + max-width: 400px; @include for-tablet-portrait-down { position: static; diff --git a/src/lib/scss/_typography.scss b/src/lib/scss/_typography.scss index 693ba73..fdc3e33 100644 --- a/src/lib/scss/_typography.scss +++ b/src/lib/scss/_typography.scss @@ -63,6 +63,11 @@ h5 { color: var(--color--text); } +// Page titles carry the heaviest weight, as the homepage's do. +h1 { + font-weight: 900; +} + // The small blue word above a section title: what the section is about. .eyebrow { display: block; diff --git a/src/routes/(site)/404/+page.svelte b/src/routes/(site)/404/+page.svelte index 1e2bf4d..82dac2e 100644 --- a/src/routes/(site)/404/+page.svelte +++ b/src/routes/(site)/404/+page.svelte @@ -1,38 +1,10 @@
-
- 404 -

Nothing here, sorry.

-

The page moved or never existed. The homepage has everything that does.

- -
+
- - diff --git a/src/routes/(site)/blog/+page.svelte b/src/routes/(site)/blog/+page.svelte index df7a551..2172535 100644 --- a/src/routes/(site)/blog/+page.svelte +++ b/src/routes/(site)/blog/+page.svelte @@ -19,6 +19,7 @@
diff --git a/src/routes/(site)/tools/+page.svelte b/src/routes/(site)/tools/+page.svelte index 898a116..e099f28 100644 --- a/src/routes/(site)/tools/+page.svelte +++ b/src/routes/(site)/tools/+page.svelte @@ -146,7 +146,7 @@
-

Free · no account · yours to download

+ Free · no account · yours to download

Tools for the part
nobody sells you.

The vocabulary, the frequency, the raw lists — the unglamorous half of learning a language, @@ -217,17 +217,9 @@ } } - .kicker { - font-size: 0.6875rem; - font-weight: 700; - letter-spacing: 0.04em; - text-transform: uppercase; - color: var(--color--text-quiet); - margin-bottom: var(--space-xs); - } - h1 { max-width: 20ch; + margin-top: 12px; } .lede { diff --git a/src/routes/(site)/tools/alphabet/+page.svelte b/src/routes/(site)/tools/alphabet/+page.svelte index cae2c60..197d337 100644 --- a/src/routes/(site)/tools/alphabet/+page.svelte +++ b/src/routes/(site)/tools/alphabet/+page.svelte @@ -20,6 +20,7 @@

diff --git a/src/routes/(site)/tools/alphabet/[language]/+page.svelte b/src/routes/(site)/tools/alphabet/[language]/+page.svelte index bbb8dd7..4a78424 100644 --- a/src/routes/(site)/tools/alphabet/[language]/+page.svelte +++ b/src/routes/(site)/tools/alphabet/[language]/+page.svelte @@ -69,6 +69,7 @@
diff --git a/src/routes/(site)/tools/guess-the-language/+page.svelte b/src/routes/(site)/tools/guess-the-language/+page.svelte index e6d9d80..c7fbee5 100644 --- a/src/routes/(site)/tools/guess-the-language/+page.svelte +++ b/src/routes/(site)/tools/guess-the-language/+page.svelte @@ -105,6 +105,7 @@
diff --git a/src/routes/(site)/tools/say/+page.svelte b/src/routes/(site)/tools/say/+page.svelte index 00806ab..d46c77b 100644 --- a/src/routes/(site)/tools/say/+page.svelte +++ b/src/routes/(site)/tools/say/+page.svelte @@ -53,6 +53,7 @@
diff --git a/src/routes/(site)/tools/similar/+page.svelte b/src/routes/(site)/tools/similar/+page.svelte index e87f69b..1f5dda3 100644 --- a/src/routes/(site)/tools/similar/+page.svelte +++ b/src/routes/(site)/tools/similar/+page.svelte @@ -17,6 +17,7 @@
@@ -13,40 +13,8 @@
-
- {$page.status} -

{$page.status === 404 ? 'Nothing here, sorry.' : 'Something went wrong.'}

-

- {$page.status === 404 - ? 'The page moved or never existed. The homepage has everything that does.' - : 'Reload the page, or start again from the homepage.'} -

- -
+