A repository for all Mozilla Foundation interactive graphics used in publications on foundation.mozilla.org.
- Be a trusted Mozilla Foundation contractor
- Understand an reference the Mozilla Foundation Brand Identity and Agency Assets when building the graphic. For expanded color palettes, or other branding questions, contact the Mozilla Foundation design team.
- Verify your infographic passes the following requirements:
- Works when embedded in an iframe
- Has an index.html entry point that includes other necessary resources via relative paths.
- Dynamically resizes to fill the iframe (either listens for container width and height changes or is 100% wide and tall and responsive)
- No embedded fonts (only use fonts.google.com)
- Doesn't link to pages outside foundation.mozilla.org
- Doesn't fetch data from any external APIs
- Unpackaged source code is available (see below)
- Host a version of the infographic on GitHub Pages or your own personal site for the Mozilla Foundation Design Team and other stakeholders to review.
Once the final graphic is approved for deployment:
- Fork the mofo-infographics repository
- Clone your fork to your local dev environment
- Submit a pull request adding your packaged files to the
/projects/<launch date>-<project-name-with-hypens>/folder. See Creating a Pull Request From a Fork for more info - In your pull request message, include a link to the repository containing the full, unpackaged source of your infographic.
- The Engineering team will review your code for security issues and approve your PR
- Your code will be live at
https://mofo-infographics.s3.amazonaws.com/projects/<launch date>-<project-name-with-hypens>/index.html