For development please read CONTRIBUTING.md.
Updating main
branch and pushing to github with ENV=production (in .env) triggers AWS S3 autodeploy via Travis. Minified assets are copied from public/fonts, public/images, public/scripts and public/styles into the deploy
directory and then pushed to //s3.amazonaws.com/s3.moveon.org/giraffe/. See .travis.yml
for details.
To generate a new encrypted secret_access_key, install the travis command line tool https://github.com/travis-ci/travis.rb#installation and then run the travis encrypt
command in https://docs.travis-ci.com/user/deployment/s3/ using the credentials for an aws user with write access to the proper s3 bucket. Be sure to lint your updated config with travis lint .travis.yml
!
Setting ENV=production in .env ensures that assets are minified in gulp tasks that run before deployment. To uglify, set ENV=LOCAL before running gulp
or gulp watch
.
We ultimately want giraffe to encompass a library of base styles (a design system) that we apply to pages and tweak or build on only as necessary to make them fit any specific designs. That being said, in the interest of rebrand timing, we must implement certain comps in this repo exactly as they are before setting base styles that we can override. So we will namespace the CSS corresponding to those comps/pages with the goal of adding base styles and styleguide components as we flesh out the styleguide, checking the namespaced pages for regressions.
Ultimately we want to replace as much CSS as possible with the design system CSS, to keep main.css as lean as possible.
MoveOn's custom WordPress theme implements giraffe and has documentation on how to manually configure key content on a site running the theme.