arterzatij / demo-for-alice-s-adventures-in-wonderland

Demo of CSS Shapes using the Alice in Wonderland story.

Demo for Alice's Adventures in Wonderland, by Lewis Carroll

Using CSS Shapes to enhance visual storytelling.

All code is offered under the Apache License Version 2.0. For licenses on third-party libraries used see NOTICE file.

All assets are offered under the Creative Commons Attribution-NonCommercial-ShareAlike 3.0 license.

To learn more about this project, see Using CSS Shapes to Enhance Visual Storytelling.

Demo

Requirements:

• Use Google Chrome Canary.
• Enable the flags to support CSS Shapes and CSS Regions. Learn how.

Development

Requirements:

• Node.JS
• SASS
• grunt

Clone repo and change to directory:

git clone https://github.com/adobe-webplatform/alice.git && cd ./alice

Install dependencies defined in package.json:

npm install

Watch for changes:

grunt watch

CSS files are overwritten by SASS with source from .scss files.