One screen for the Emc² desktop mail client: the headline and download button on the left, and on the right the mail providers the app connects to, drawn around the app itself and joined by lines with a dot running inward along each one.
| 1 | npx lakebed dev |
| 2 | npx lakebed deploy |
It is a Lakebed capsule, so there is no build step and no npm dependency in the page. server/index.ts is an
empty capsule because the page reads nothing and needs no sign-in, and Tailwind classes compile from
client/index.tsx.
shared/providers.ts holds the marks for Gmail, iCloud Mail, Proton Mail, Zoho Mail, HEY and Mail.com, taken
from Simple Icons (CC0). The app reaches each of them with Google OAuth or its
Custom IMAP path. Regenerate or extend the file by fetching https://cdn.simpleicons.org/<slug> and copying
the d attribute and fill into an entry.
The line-and-dot connectors follow the tracing-beam pattern Col verifies in
Aceternity UI, reimplemented in Preact with SVG
animateMotion because a capsule cannot import npm components.
assets/inbox.jpg and assets/settings.jpg are the demo-mail captures used for the showcase images shared in
chat. Nothing imports them, so they do not affect the deployed bundle.