The promotional site for the Poplus component, MapIt. Compiled using Jekyll and hosted by Github at http://mapit.poplus.org

The MapIt site inherits almost all of its styling from the shared poplus-theme submodule. You should not edit the files inside the submodule directory (/theme) unless you want those changes to be shared with all other Poplus component sites.

Styling changes specific to the MapIt site should be made in assets/sass/_mapit-styles.scss.

Compile the Sass files using (docs):

sass --watch assets/sass:css

You can preview your changes without pushing to Github by running a local Jekyll web server.

First, install Jekyll, as per the Jekyll docs, then go into the project folder and start a local server:

gem install jekyll
cd mapit.poplus.org
jekyll serve --watch --baseurl ''

The --baseurl option is part of an elegant hack to replicate the Github Pages hosting structure locally.

As long as the server is running, your site will be available at http://0.0.0.0:4000. Local changes will be reflected automatically, thanks to the --watch flag.

Remember, when you’re editing links or paths in the HTML, to use the {{ site.baseurl }} template tag for internal links. Take a look in _includes/html-head.html for an example.

The site is hosted via Github Pages. To ‘deploy’ your changes from the master branch, merge them into the gh-pages branch:

git checkout gh-pages
git merge master
git push origin gh-pages

Your changes will then be visible at http://mapit.poplus.org

Remember to switch back into the master branch (or a feature branch) when continuing to make changes after deployment!

git checkout master