ayushyaandClaude Code
19c82c5068
Deploy noo (noo.ayushya.dev) / deploy (push) Successful in 15s
Use the app's monochrome icon, add live phone mockups for accounts, locks, sync, sharing and appearance options, a tab list, coming-soon platforms, and a full privacy policy page. Co-Authored-By: Claude Code <noreply@anthropic.com>
40 lines
1.4 KiB
Markdown
40 lines
1.4 KiB
Markdown
# Noo website
|
|
|
|
The product site for Noo, meant to be deployed at `noo.ayushya.dev`.
|
|
|
|
Static HTML/CSS/vanilla JS, no build step and no dependencies beyond the
|
|
two Google Fonts already used by the app (Schibsted Grotesk, Instrument
|
|
Sans). Colors, radii, type scale and motion timing are copied from
|
|
`lib/theme/design_tokens.dart` so the site and the app read as the same
|
|
product.
|
|
|
|
## Files
|
|
|
|
- `index.html` — the landing page (hero, feature showcases, the
|
|
Customize lab, tab list, privacy teaser, download CTA).
|
|
- `privacy.html` — the full privacy policy.
|
|
- `styles.css` — all styling, incl. the design tokens as CSS custom
|
|
properties and a dark-mode variant (`prefers-color-scheme` and an
|
|
explicit `data-theme` override).
|
|
- `script.js` — renders the interactive phone mockups from the design
|
|
tokens (bottom bar, nav menu, tabs, accents, AMOLED, action bar,
|
|
swiping, share sheet, locks, sync, accounts), plus nav and reveal.
|
|
- `icons.svg` — SVG sprite of the Lucide icons the mockups use
|
|
(`<use href="icons.svg#i-name">`; needs an http server, not `file://`).
|
|
- `noo-mark.png` — the app's monochrome icon, tinted via CSS mask.
|
|
- `favicon.svg`.
|
|
|
|
## Local preview
|
|
|
|
```bash
|
|
python3 -m http.server 8000
|
|
```
|
|
|
|
Then open `http://localhost:8000`.
|
|
|
|
## Deploying
|
|
|
|
Deployed as Cloudflare Workers static assets (`wrangler.toml`); nothing
|
|
to build. Replace the `#` download links in `index.html` once real
|
|
release links exist.
|