Rebuild Noo site with interactive mockups and add privacy policy
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>
This commit is contained in:
2026-10-01 10:49:35 -04:00
co-authored by Claude Code
parent 68ba560c15
commit 19c82c5068
8 changed files with 2118 additions and 876 deletions
+14 -13
View File
@@ -10,21 +10,23 @@ product.
## Files
- `index.html` — the whole page (hero, features, customize, privacy, CTA).
- `styles.css` — all styling, incl. the design tokens as CSS custom
- `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 for a future toggle).
- `script.js` — mobile nav, the hero's exploded-layer parallax
(scroll + pointer), the two interactive Customize demos (accent color,
bottom bar style), and scroll-reveal.
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
Any static file server works, e.g.:
```bash
cd website
python3 -m http.server 8000
```
@@ -32,7 +34,6 @@ Then open `http://localhost:8000`.
## Deploying
Point any static host (Cloudflare Pages, Netlify, GitHub Pages, or a
plain nginx `root`) at this folder - there's nothing to build. Update the
`https://github.com` placeholder links and the two "Download for..."
buttons in `index.html` once real release links exist.
Deployed as Cloudflare Workers static assets (`wrangler.toml`); nothing
to build. Replace the `#` download links in `index.html` once real
release links exist.