Pure CSS Website
The website which showcases Pure CSS.
This is a node.js site which uses Express.js, which means it's very easy to get running locally.
$ npm install $ npm start
To run the health checks:
$ grunt health.check
By default, it will run the tests using the local instance (running on port 5000) But you can also specify a remote host:
$ grunt health.check --host=foo
Auto-Building of Browser Assets
This site uses an integrated Broccoli build process. When the site is
running in development mode, Broccoli will be watching everything in the
public/ directory and rebuild when something changes.
This makes it much easier to work on browser-side features without needed to manually kick off the build process or restart the server.
Running with Pure Served Locally
Since this website dogfoods
pure it's a great testbed to try out local
changes you're making to Pure. The following steps explain how to run the
website with Pure being served locally, and the instructions assume you have
Bower installed (if not do so now:
npm -g i bower).
Move into where you have the
pure project checked out locally, build it via
grunt, then create a global link using Bower:
$ cd pure/ $ grunt $ bower link
Now you'll need to move into where you have this project checked out locally,
install the website's npm dependencies (if you haven't done so already),
pure-site using Bower, then start up the server with the
$ cd ../pure-site/ $ bower link pure $ node server.js --pure-local
Note: The steps to install the npm dependencies and link pure using Bower do
not have to be run each time you start the server. Also, you can leave the
server running and rebuild
grunt and you'll see the changes in your
browser after refreshing!
Running in Production
To run the site in production mode you must first run the build via Grunt, and
NODE_ENV environment variable to
$ grunt $ NODE_ENV=production node server
This software is free to use under the Yahoo! Inc. BSD license. See the LICENSE file for license text and copyright information.