Global Climate Strike Poster & Flyer Maker
Contributors: Yuri Victor, Joshua Benton, Matt Montgomery, Ivar Vong, Steve Peters, Flip Stewart, Greg MacWilliam.
You'll need to have Ruby and Node installed.
git clone https://github.com/350org/strikes-poster-generator.git
bundle exec middleman
This will start a local web server running at:
npm install(just once)
npm run lint
Settings and controls are configured through
Include your own fonts in
stylesheets/_fonts.scss, then add your font options into the settings file.
Set the theme-color variable in
source/stylesheets/_vars.scss. That one color will be tinted across all editor controls.
Cross-Origin Resources (CORS)
This is an HTML5 Canvas-based application, and thus comes with some security restrictions when loading graphics across domains (ex: a canvas element on http://tatooine.com cannot export with an image hosted on http://dagobah.com).
If you're hosting this application on the same domain that serves your images, then congratulations! You have no problems. However, if you're going through a CDN, then you'll probably encounter some cross-domain security issues; at which time you have two options:
Follow this excellent MDN article about configuring "Access-Control-Allow-Origin" headers. You'll need to enable these headers on your CDN, at which time the Meme app should be able to request images from it.
Embed all of your watermark images as base64 data URIs within the
settings.js.erbfile. The asset pipeline's
- Fork it ( https://github.com/350org/strikes-poster-generator/fork )
- Create your feature branch (
git checkout -b my-new-feature)
- Commit your changes (
git commit -am 'Add some feature')
- Push to the branch (
git push origin my-new-feature)
- Create a new Pull Request