feat(website): add Phokus product site with optimized media pipeline
Single-page marketing site for phokus.jezz.wtf in the website/ pnpm workspace (React 19 + Vite 7 + Tailwind v4). Sections: Hero, Local-first, Search, Explore & timeline, Curate, Cleanup, Tech facts, Download. Product-first composition with a recurring aperture motif (EdgeMark) bleeding off alternating edges. Screenshots are transcoded to AVIF/WebP at build via vite-imagetools (sharp); ~5.3MB of masters -> ~0.5MB served. Commits only the 7 in-use captures.
This commit is contained in:
Vendored
+9
@@ -0,0 +1,9 @@
|
||||
// Typing for vite-imagetools `?as=picture` imports. The query ends in `as=picture`,
|
||||
// so this wildcard matches each screenshot import. Shape mirrors imagetools' Picture.
|
||||
declare module "*as=picture" {
|
||||
const picture: {
|
||||
sources: Record<string, string>;
|
||||
img: { src: string; w: number; h: number };
|
||||
};
|
||||
export default picture;
|
||||
}
|
||||
Reference in New Issue
Block a user