I created chalkboard animations for Mozilla Foundation, as part of their leadership curriculum. I co-directed with live-action director Chun-Ling Ho, and to complement my art-direction and illustration work, we brought in motion animator Kunal Sen, and typographer Ben Weeks.
Video #1 : Mozilla and working open - Mark Surman
Mark Surman, Executive Director of Mozilla, tells us about the history of Mozilla and Firefox, and what it means to "work open."
![Big companies take notice of the web.](https://pro2-bar-s3-cdn-cf6.myportfolio.com/2d79a762-1633-46ea-9aa7-4e8a802b2a9d/0531e05f-845d-450e-8a74-a819243c264e_rw_1200.gif?h=08b4b4cf5b38bc12d3cd3de37ab2105b)
Big companies take notice of the web.
![The call themselves "Mozilla".](https://pro2-bar-s3-cdn-cf6.myportfolio.com/2d79a762-1633-46ea-9aa7-4e8a802b2a9d/abe208cb-92c1-42d2-87fe-71ff619d8f89_rw_1200.gif?h=e0053092901cfe7c1faf226b290c2931)
The call themselves "Mozilla".
![Competion is good, we love competition.](https://pro2-bar-s3-cdn-cf6.myportfolio.com/2d79a762-1633-46ea-9aa7-4e8a802b2a9d/a615ff1c-1040-41a1-97a5-5151e2069ace_rw_1200.gif?h=2f1c5c147c20d8bc6490587aa6016cf6)
Competion is good, we love competition.
![Nobody had done anything like that before.](https://pro2-bar-s3-cdn-cf1.myportfolio.com/2d79a762-1633-46ea-9aa7-4e8a802b2a9d/c56ea348-4b61-4618-b023-544589f8c580_rw_1200.gif?h=04bac9a87f2ea48f04b5b69720d88546)
Nobody had done anything like that before.
![Be part of the solution.](https://pro2-bar-s3-cdn-cf1.myportfolio.com/2d79a762-1633-46ea-9aa7-4e8a802b2a9d/c79beea5-e160-4392-bae5-548ed659d400_rw_1200.gif?h=05e373f6be41837f13bfd8ba5e9e786a)
Be part of the solution.
![We've seen that work time and time again.](https://pro2-bar-s3-cdn-cf1.myportfolio.com/2d79a762-1633-46ea-9aa7-4e8a802b2a9d/97345d6f-cd47-495d-9213-159ef52f609e_rw_1200.gif?h=886f51f4fa4210d9b40928d3c407f7cf)
We've seen that work time and time again.
Video #2 : Participation Basics - Abigail Cabonoc Mayes
Abigail discusses the fives steps to participate in open source projects.
![Here are five steps to help you](https://pro2-bar-s3-cdn-cf.myportfolio.com/2d79a762-1633-46ea-9aa7-4e8a802b2a9d/b634bde5-1567-4b2c-98d9-2ca0b1560dbe_rw_1200.gif?h=1fba13d646a8d692024cda317d359095)
Here are five steps to help you
![Events like Mozfest or Codesprints](https://pro2-bar-s3-cdn-cf.myportfolio.com/2d79a762-1633-46ea-9aa7-4e8a802b2a9d/bb910b64-7168-428e-af27-f00a4a5a478c_rw_1200.gif?h=c4200d918ea9b0dc69853a0b2c9b36f4)
Events like Mozfest or Codesprints
![Learn and share about a topic](https://pro2-bar-s3-cdn-cf6.myportfolio.com/2d79a762-1633-46ea-9aa7-4e8a802b2a9d/a6ee52aa-a1d6-4b1c-96ce-329d73a19d0f_rw_1200.gif?h=0e07990518f7064ab4a6b168acd7c713)
Learn and share about a topic
![It helps if you now what you are excited about](https://pro2-bar-s3-cdn-cf.myportfolio.com/2d79a762-1633-46ea-9aa7-4e8a802b2a9d/b5226484-44fc-46d4-a22c-4b1a9ddeb123_rw_1200.gif?h=0c2a4093163c9a878fe8576cb9410368)
It helps if you now what you are excited about
![That's often called a 'good first bug'](https://pro2-bar-s3-cdn-cf1.myportfolio.com/2d79a762-1633-46ea-9aa7-4e8a802b2a9d/c14d1f7e-b4ce-4810-bea8-ef28cdc7926a_rw_1200.gif?h=d5706ba145ab2907f913e0fcfb96907b)
That's often called a 'good first bug'
![Participation is give and take](https://pro2-bar-s3-cdn-cf3.myportfolio.com/2d79a762-1633-46ea-9aa7-4e8a802b2a9d/ee71d87b-ff42-40a3-b5c9-896d2f6d6654_rw_1200.gif?h=cf89ca458dc5a99cf8f2092250449b38)