Source for strangelasers.com.
The site uses Eleventy with Nunjucks templates to generate static HTML, with SVG and WebGL renderers for the animated homepage mark. Production and shareable preview deployments use Cloudflare Workers Static Assets.
Install the Node.js version in .node-version, then run:
npm ci
npm run devOpen http://localhost:4175/. The development server rebuilds when templates, data, or public assets change. Run npm run check before committing and npm run build to generate a clean dist/ bundle. Site builds, checks, and development rebuilds do not require Docker or update documentation images. Serve or deploy dist/, not the repository root.
Refresh the project cover after homepage changes by building the site, starting Docker, and running npm run cover:install followed by npm run cover. Cover generation uses the same pinned Linux browser and fonts locally and in CI, so unchanged homepage output produces an identical PNG. CI regenerates the cover explicitly and rejects a stale committed image. Native before/after screenshot comparisons separately require npm run screenshots:install.
| Guide | Contents |
|---|---|
| CONTRIBUTING.md | Content editing, local checks, animation diagnostics, and About page review |
| DESIGN.md | Build structure, homepage renderers, page behavior, and motion accessibility |
| brand/README.md | Shared palette, editable SVG sources, asset regeneration, and visual verification |
| DEPLOYMENT.md | Branch ownership, automatic deployment, and recovery instructions |
The About page is published at /about/ and included in the sitemap. Use the About page review process when changing team content.