1cbe2b6d22
This improves the layout of all our pages to look more like the mandala page. Additionally, some form widgets now have better layout, and the header takes up less vertical space. At an implementation level, the component hierarchy of pages has been inverted to make this kind of layout easier. Now fully laid-out pages are contained within `<Page>` components that are at the top of the component hierarchy, and which are defined by each specific page (mandala, creature, vocabulary, etc). I had to do a few architectural things to avoid circular imports, though; most notably, this involved the creation of a new React context called a `PageContext`. It uses CSS grid, which should be pretty well-supported amongst recent browsers. |
||
|---|---|---|
| .github/workflows | ||
| .vscode | ||
| assets/symbols | ||
| lib | ||
| vendor/bezier-js | ||
| .babelrc | ||
| .gitignore | ||
| README.md | ||
| build-vocabulary.js | ||
| copy-svgs-from-dropbox.sh | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| tsconfig.json | ||
README.md
This is an attempt by Nina Paley (art) and Atul Varma (code) to tinker with procedural art.
Right now there is no particular goal other than to explore various ideas. The project consists of a web site with multiple pages, each of which is and experiment of some kind.
It can be viewed online or iterated on locally using the instructions below.
Quick start
This requires NodeJS. It was started with NodeJS 14.15.4, but hopefully it should work with any recent version.
After cloning the repository and entering it, run:
npm run watch
then visit http://localhost:1234.
Running tests
To run tests interactively, run:
npm run test:watch
Deployment
To deploy the project to GitHub Pages, run:
npm run deploy