«– back to all projects

welcome.webmaker.org | Mozilla Foundation

The Tools

  • HTML
  • CSS
  • Javascript
  • Metalsmith
  • Grunt
  • Persona
  • MakeAPI
  • Webmaker Login
  • Cloudfront

The Details

See it on GitHub: https://github.com/mozilla/webmaker-landing-pages

The problem: We wanted to be able to create a unique landing page for every new initiative and campaign that our people-facing teams needed, without weighing down the Angular-based site of our primary domain, webmaker.org. Additionally, these pages needed to be nimble and easy for someone with limited HTML knowledge to put together.

The solution: A Node-based static site generator (Metalsmith) that supported templates and plugins. We hit a snag with static pages not being able to discern visitors who were logged in to Webmaker, so my colleague jbuck designed the clever solution of using AWS CloudFront to fake some routes—most routing to the static site, but a few relevant ones routing to a Webmaker Login server. From there, we used Javascript to detect an object that would be dropped in the global namespace if the visitor was logged in to any Webmaker property.