zdesk-website
The site at zdesk.dev for zDesk,
in English, Simplified Chinese (/zh-CN/) and Traditional Chinese (/zh-TW/), each
with a home page, a demo page (/demo), a page for wlshare
(/wlshare), and the guides (/guides/): using zDesk (/guides/zdesk) and setting up
wlshare (/guides/wlshare). It is a React Router app, built with Vite and prerendered
to static pages, served by GitHub Pages.
src/content.tsx: the text of the home, demo and guides pages for each locale, and their videos.src/guides/: each guide's text, one file per locale under zdesk/ and wlshare/, and the diagrams and cards they draw with.src/wlshare/: the wlshare page's text, one file per locale.public/logo.svg, public/wlshare-logo.svg: zDesk's and wlshare's logos, copies of each repository's own logo.svg. zDesk's is the favicon, and public/favicon.ico is it rendered at 16, 32 and 48 pixels for what takes no SVG icon: for s in 16 32 48; do rsvg-convert -w $s -h $s public/logo.svg -o $s.png; done; magick 16.png 32.png 48.png public/favicon.ico.public/images/: the stills, frames from the demo recordings' originals or captures of a session, each wider than 1600 pixels with a copy that wide beside it.public/videos/: the home page's video and its poster, the guides' soundless loops, and the demo videos, each with a poster of the same name and, where it has sound, a caption file per locale.site.config.mjs: the site's URL and routes, for prerendering and the sitemap.
npm install
npm run build # prerendered site in build/client
npm run preview # serve build/client
.github/workflows/pages.yml builds it on every push to main and publishes
build/client to GitHub Pages.
