Skip to content

hotfix: unified logo — cappuccino illustration as-is in PDF/email, amber square for favicon/PWA#14

Merged
arudaev merged 8 commits into
mainfrom
hotfix/unified-logo
May 9, 2026
Merged

hotfix: unified logo — cappuccino illustration as-is in PDF/email, amber square for favicon/PWA#14
arudaev merged 8 commits into
mainfrom
hotfix/unified-logo

Conversation

@arudaev
Copy link
Copy Markdown
Owner

@arudaev arudaev commented May 9, 2026

What changed

Single source of truth: the cappuccino-with-steam.svg line-art. Each surface gets it in the right format:

Surface Format
Start screen unchanged — cappuccino-with-steam.svg as always
Browser tab favicon amber rounded-square + white cup paths (logo.svg)
PWA install icon 192/512 same amber-square mark, rendered to PNG
PDF report header cup paths inlined as <svg stroke="white"> in the amber band
Email body cup as data:image/svg+xml;base64 <img> — stone stroke on white bg above summary table (base64 because Gmail/Outlook strip <svg> tags)

Also fixed

  • vite.config.ts includeAssets referenced favicon.ico and apple-touch-icon.png, neither of which exists on disk — corrected
  • index.html now has <link rel="apple-touch-icon" href="/pwa-192x192.png"> for iOS home-screen installs

Test plan

  • Browser tab shows amber coffee-cup logo (not emoji)
  • PWA install prompt / home screen shows correct 192px icon
  • Trigger /api/send-report → PDF header shows the cup beside "Kaffeelisten"
  • Email received has the cup illustration above the summary table
  • Start screen still shows the original cappuccino-with-steam illustration (no change)
  • CI green

…quare for favicon/PWA

- logo.svg: amber rounded-square icon using cappuccino-with-steam paths
  (white stroke) — favicon and PWA install icon only
- favicon.svg: replaces the coffee-emoji placeholder with the proper mark
- pwa-192x192/512x512: regenerated from logo.svg via generate-icons.mjs
- PDF header: cappuccino-with-steam paths inlined as white-stroke SVG
  directly in the amber band beside the Kaffeelisten wordmark
- Email body: same illustration embedded as data:image/svg+xml;base64 img
  (stone stroke on white) above the monthly summary table; base64 used
  because Gmail/Outlook strip inline <svg> tags
- index.html: apple-touch-icon link added
- vite.config: includeAssets corrected to existing file names
@vercel
Copy link
Copy Markdown

vercel Bot commented May 9, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
kaffeelisten Ready Ready Preview, Comment May 9, 2026 6:32am

Logo was 44×35 and only spanned the small label row, leaving the h1
title below with no visual counterweight on the right. Restructured
the header table so label + h1 share a single left cell and the logo
sits in the right cell vertically centred across both. Size increased
to 72×58 (maintains 200:160 cappuccino-SVG ratio, ~64% larger).
@arudaev arudaev self-assigned this May 9, 2026
@arudaev arudaev merged commit f8d33fb into main May 9, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant