Small interactive visualizations to help us understand the cities we live in.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
apps
assets
components
gulp
images
.gitignore
.npmignore
README.md
gulpfile.js
npm-shrinkwrap.json
package.json

README.md

Vislet

This is an Ezel project setup to be a static site deployed via gulp to S3. It serves as an example of a workflow for developing static sites that require rich interaction and unique asset packages per page.

Development workflow

To get started:

  • $ npm -g install gulp
  • $ npm install
  • Run the server with $ gulp server
  • In a new tab, run $ gulp watch

./dest contains assets for development

./public contains assets for production

Deploying

To deploy, create an aws.json file like so

{
  "key": "key",
  "secret": "secret",
  "bucket": "www.url.com",
  "region": "us-east-1"
}

Deploy by running gulp deploy. Deploy will:

  1. freshly compile all assets and html files to ./dest
  2. generate asset hash for individual assets
  3. move assets to ./public and rename files to include asset hash
  4. move html files to ./public
  5. update references to assets in *.html
  6. compress assets using uglify
  7. upload assets, images and html to s3

TODO

  • Gulp should run tests
  • auto-deploy on commit via Travis