← All entries
#004Sep 20, 20261 min read

Receipts for Salonjaa, and a three-panel home page

Two things this week: a receipt flow for a client project, and a restructure of this site's home page.

Salonjaa client portal

The portal got a printable payment receipt, then a downloadable one wired to real payment data. Getting the download right took most of the work:

  • Browser print was replaced with a generated PDF.
  • next/image was swapped for a plain img in the receipt, so the capture step could render the logo.
  • html2canvas gave way to html2canvas-pro, which handles oklch and lab colours.
  • The receipt now sits on a real A4 page with margins.

Around it: a password visibility toggle, a payment thank-you email and an invoice card.

This site

  • Site chrome moved into the root layout, with Blogs and Weekly links in the nav.
  • A now-playing chip in the hero and a music-icon button in the nav with a pixel popover.
  • The home page became a three-panel layout, each panel scrolling on its own with Lenis.
  • Project cards turned into screenshot cards with a hover overlay. That one is still work in progress.
  • Small fixes: a dead resume link, a missing hero work button, Firefox cursor visibility.

I also created a new repo, spendly, with only an initial commit so far.