body\n{\nbackground-color:white;\n}\n\n{color:black;}\n\n\n@font-face {\n font-family: "Open Sans";\n src: url("http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600");\n font-weight: normal;\n font-style: normal;\n}
[IMG[heytherewhale.jpg]]\n\nWelcome to MozFest, an annual gathering of technologists, educators and thought leaders coming together from around the world to learn, make and teach the web. We're gathered at Ravensbourne College in East London to help shape the future of the web in three days of hacking and inventing together, building prototypes and curriculum for teaching everything from basic coding, to protecting online privacy, to integrating the open web into fields like journalism and science.\n\nThe Festival has 10 key tracks where participants will work together on sprints and workshops with themes like…\n\n<html>\n\n<p><b>1. Look Who’s Watching- </b>\nPrivacy, surveillance and tracking. How do we protect transparency and user sovereignty online?</p>\n\n<p><b>2. Open Games- </b>\nThe web as an open gaming console for the world. Play and create next-generation web-based games.</p>\n\n<p><b>3. Source Code for Journalism- </b>\nCreating the tools news organizations needs to thrive on the open web.</p>\n\n<p><b>4. Science and the Web- </b>\nRedefining how we experiment, analyze and share scientific knowledge.</p>\n\n<p><b>5. Open Data for the Open Web- </b>\nUncovering and building with data from the web and everyday world.</p>\n\n<p><b>6. Making the Web Physical- </b>\nHacking on physcial devices and gizmos connected to the web in exciting new ways.</p>\n\n<p><b>7. Webmaking for Mobile- </b>\nMaking apps and tinkering with your own phone. The web as platform.</p>\n\n<b>8. Build & Teach the Web- </b>\nNew approaches for teaching digital skills, coding and webmaking.</p>\n\n<b>9. Connect Your City- </b>\nBuilding local digital learning networks around the world.</p>\n\n<b>10. Skills and Badges- </b>\nNew ways to recognize skills and learning that happen anywhere.</p>\n\n</html>\n\n[[Okay, I get it. Now where can I find the stuff people are making?|PASSTHEAPP]]\n[[This is cool and everything, but as I'm sitting at my computer, I can't help but feel like someone is watching me- is that weird?.|LIGHTBEAM]]\n
Now that you're in the coffee line waiting for that glorious boost of caffeinated energy, you have time to talk to people! Meet some of your new friends and hear what they have to say about MozFest.\n\n[img[coffeetalk1.jpg]]\n\nFound out more about 3d scanning possibilities for company — Full-time mother @samiya79\n\n[img[coffeetalk2.jpg]]\n\nThis changed way I view journalism & gave me tons of new ideas — @MSosaFilms\n\n[img[coffeetalk3.jpg]]\n\nMy favorite things about #mozfest are creativity and Open Badges — Student at Ravensbourne @mozsurveilla\n\n[img[coffeetalk4.jpg]]\n\nI love #mozfest discussions and seeing what I’m learning in use — Student at Ravensbourne @codezilla2013\n\n[img[coffeetalk5.jpg]]\n\nLove the #mozfest people, open sessions and that tech level doesn’t matter — Brighton app devs @somehats and @deesai7\n\n[img[coffeetalk6.jpg]]\n\nLikes playing with the Makey Makey electronics kits to build circuits — @HelenArmfield\n\n[img[coffeetalk7.jpg]]\n\nThese guys like the #mozfest atmosphere and people — a student from Austria @luckylugge\n\n[img[coffeetalk8.jpg]]\n\nLoves how people work together & ask what they don’t know at #mozfest — Ralph works on informal learning\n\n[img[coffeetalk9.jpg]]\n\nLoves the atmosphere (and was twice a volunteer at #mozfest) — @yotraceymurray\n\n[img[coffeetalk10.jpg]]\n\nAmazed by openness of #mozfest participants — volunteer and photography student @joseph_kes volunteer\n\nWant to meet more people, you social butterfly you? Head over to the MozFest blog for more:\nhttp://mozillafestival.org/blog/coffeetalk/\n\n[[You know where I love to meet people? Parties. Love 'em.|MAKERPARTY]]\n[[Okay, off-topic, but I just want to say that I love drawing. I also think animation is pretty cool.|ANIMATION]]
Hey you! Pull up a chair and chill here for a minute. We're about to hear some sweet speeches about the open web, privacy, journalism, and our online future from some of MozFest's biggest thinkers and innovators. \n\n<html>\n\n<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/B8pq_UcUBVo?version=3&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/B8pq_UcUBVo?version=3&hl=en_US" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>\n\n<p>\nAron Pilhofer of The New York Times discusses the state of data and journalism and solutions for the future.\n</p>\n\n<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/Wrb53F2XZWA?hl=en_US&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Wrb53F2XZWA?hl=en_US&version=3" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>\n\n<p>\nPrivacy expert Camille Francois rallies the crowd around the importance of protecting our rights on a constantly evolving web.\n</p>\n\n<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/Du-71NS_gS8?hl=en_US&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Du-71NS_gS8?hl=en_US&version=3" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>\n\n<p>\nBethany Koby, founder and owner of Technology Will Save us, discusses taking our hardware back into our own hands. \n</p>\n\n</html>\n\n[[Okay, I'm ready to party now.|MAKERPARTY]]\n[[So jet-lagged! Think I'm gonna head back to the hotel and crash for the night.|BAGPIPES]]\n
Welcome to MozFest, an annual gathering of technologists, educators and thought leaders coming together from around the world to learn, make and teach the web. We're gathered at Ravensbourne College in East London to help shape the future of the web in three days of hacking and inventing together, building prototypes and curriculum for teaching everything from basic coding, to protecting online privacy, to integrating the open web into fields like journalism and science.\n\nWe're so glad you're here with us! Now you can get yourself acquainted with the awesome people of MozFest.\n\n<html>\n<b>STEPH GUTHRIE</b></html>\n\n[img[Steph-Guthrie.jpg]]\n\n<html><p>We’re extremely excited that feminist advocate and community activist Steph Guthrie will be attending MozFest this year. Based in Toronto, Steph is one of Mozilla’s <a title=" Webmaker Fellows" href="https://blog.webmaker.org/webmaker-fellows" target="_blank">Webmaker Fellows</a> and her work gets people talking about topics like labour, politics, gender justice and education.</p>\n\n<p>We love how Steph dove right in and hacked an ultra conservative website with her X-Ray Goggles remix of the <a title="REAL women of Canada remix" href="http://p.webremixes.org/yozkyblt" target="_blank">REAL Women of Canada</a></p>\n\n</html>\n\n<html>\n<b>STEPHEN FORTUNE</b></html>\n\n[img[stephenfortune2.jpg]]\n\n<html><p>Meet Stephen Fortune. He’s a London-based interactive media artist, a technologist and the technology editor of <a title=" Dazed and Confused magazine" href="http://www.dazeddigital.com/" target="_blank">Dazed + Confused Magazine</a>. He is one of Mozilla’s <a title=" Webmaker Fellows" href="https://blog.webmaker.org/webmaker-fellows" target="_blank">Webmaker Fellows</a>, and he’ll be attending MozFest this year.</p>\n\n<p>Recently, Stephen created several projects using Webmaker tools. He explored the relationship between eyes and attention with <a title="Blinking Selfies" href="http://stephenfortune.makes.org/goggles/stephenfortunes-remix-of-stephenfortunes-remix-of-buzzfeed" target="_blank">Blinking Selfies, </a>created a story using stock library “business” GIFS with <a title="Remember You're Winning" href="https://stephenfortune.makes.org/popcorn/1ff5" target="_blank">Remember You’re Winning</a>, and used Thimble to pay homage to the late horse_ebooks with <a title="Automatic Equines" href="https://stephenfortune.makes.org/thimble/automatic-equines" target="_blank">Automatic Equines</a>.</p>\n\n</html>\n\n<html>\n<b>ALAN LEVINE</b></html>\n\n[img[Alan_Levine.jpg]]\n\n<html>\n<p>Alan Levine, also known as Cogdog, is an Arizona-based photographer and educational technologist. He is also one of Mozilla’s <a title=" Webmaker Fellows" href="https://blog.webmaker.org/webmaker-fellows" target="_blank">Webmaker Fellows</a>, and we’re thrilled that he’ll be attending MozFest this year.</p>\n\n<p>As part of the Webmaker Fellows program, Alan created an interactive Popcorn video titled <a title="I Found a Camera" href="https://cogdog.makes.org/popcorn/1gap" target="_blank">I Found a Camera</a>, which uses a Flickr tag search to generate pictures on a mysterious found camera. <em></em>Because pulling images by tags brings up new photos as they are added to Flickr, the video is different every day.</p>\n\n<em>“I was thinking about what I could do with pulling images by tags, and somehow my mind wandered to one of my favorite old school web based digital stories, one <a href="http://infocult.typepad.com/infocult/2004/08/i_found_a_digit.html">Bryan Alexander introduced me to back in 2004</a>, called <a href="http://creepypasta.wikia.com/wiki/I_Found_a_Digital_Camera_in_the_Woods">I Found a Camera in the Woods</a>…the whole idea of trying to fathom a story of a series of events solely from what is recorded on the camera is the kind of open ended storytelling I love the most.”</em>\n\n</html>\n\n[[Wow, so many neat people! I wish I had something to help me keep track of them. Maybe I should make an app.|APPMAKER]]\n[[Whoah, making an app? Let's not get crazy. I just want to look around some more.|FLICKR]]\n
Well, that's because people ARE watching you! Curious about who's tracking you on the web? Us too! That's why we launched Lightbeam at MozFest, a new tool to help visualize, track, and block online trackers who are keen on getting information about you. Check out the video below to hear two Mozillians, Alex Fowler and Dethe Elza, discuss Lightbeam.\n\n<html>\n<iframe width="420" height="315" src="http://www.youtube.com/embed/iwFfJHWfF98" frameborder="0" allowfullscreen></iframe>\n</html>\n\n\n\n[[Wow that was a lot of information. I think I need a coffee break.|COFFEETALK]]\n[[Rad! You know what else is rad? Art. Let's look at some of that.|WATERCOLORBOT]]
Your hotel is right across from Big Ben and the Westminster Bridge, and as your journey comes to a close, you happen upon this dude playing the bagpipes. All in all, successful adventure.\n\n<html>\n<iframe width="560" height="315" src="http://www.youtube.com/embed/dUrA2xlH2oQ" frameborder="0" allowfullscreen></iframe>\n</html>\n\n[[Hey that was just like a Choose Your Own Adventure story! How can I make one of these?|http://www.auntiepixelante.com/twine/]]
<html><iframe width="560" height="315" src="http://www.youtube.com/embed/3PXsU_zOhas" frameborder="0" allowfullscreen></iframe></html>\n\nDid you say Twitter? You just stumbled upon this blinking light bulb at MozFest- and luckily you have me to explain it for you. This particularly light bulb flashes *every time* someone tweets about MozFest, and from the looks of things, I'd say it's pretty close to burning out. If you don't believe me, open up that Twitter app and scroll through the #mozfest hashtag and see for yourself.\n\n[[Eh, I'm not too into Twitter. I'm more into parties. I think I'm gonna find one. It's Saturday, after all!|MAKERPARTY]]\n[[I was up preeetty late on Friday, I think I wanna kick back for a bit.|SPEECHES]]
<html>\n\n<b>Pass the App</b></html>\n\n[IMG[passtheapp.jpg]]\n\n<html>\n<p></p>\n<p>Innovations are happening rapidly in the e-commerce and payment processing space (see <a title="Square" href="http://gigaom.com/2013/10/15/square-launches-cash-a-peer-to-peer-payments-service-thats-incredibly-simply-to-use/" target="_blank">Square,</a> <a title="Paypal" href="http://techcrunch.com/2013/09/09/paypal-debuts-its-newest-hardware-beacon-a-bluetooth-le-enabled-device-for-hands-free-check-ins-and-payments/" target="_blank">Paypal</a> etc.)  but the tech that enables the simple act of giving to support a non-profit cause (like Mozilla!) is lagging and lacking. Innovation seems to take forever to trickle down to NGOs.</p>\n\n<strong>But with <strong><a title="Hatching Appmaker" href="https://blog.mozilla.org/labs/2013/08/hatching-appmaker/" target="_blank">AppMaker</a> and a </strong>few amazing #Mozfest folks it doesn’t have to be this way.</strong>\n\n<p>A group of coders, app developers, payment processors and nonprofit fundraisers (including @spirals from UNICEF UK, @adamlofting of WWF, and @valiant of Mozilla) gathered at MozFest to find a dead-simple way for a person to quickly chip in a few dollars, pounds, yen or euros to their  favorite charities.</p>\n\n<p>At the session, “From Pass the Hat to Pass the App: Building an On-site Donation Mobile App,” the group brainstormed new ways to use AppMaker to reduce barriers between givers and the charities they care about.</p>\n\n<strong>From the pile of ideas, one cohesive concept emerged: a prototype of an app to let people collect donations with their phone.</strong>\n\n<p>With a solid idea, group immediately started coding. The minimum viable product (MVP) was an ask screen, a pay screen and a thank you screen. To top things off, they also came up with a badge for donating.</p>\n\n<p><strong>What’s so exciting about this innovation is that any non-profit can use it to build their own custom donations app.</strong></p>\n\n<p>Pass the App will demo on Sunday night at #MozFest – Try it yourself! <a href="http://five-believe-67.appalot.me/install.html" target="_blank"><strong>Install Pass The App here.</strong></a></p>\n\n</html>\n\n\n\n[[Nice! I want to hear more about-- OMG! Are those games I see?|GAMES]]\n[[Wow that was a lot of information. I think I need a coffee break.|COFFEETALK]]
<html><iframe width="560" height="315" src="http://www.youtube.com/embed/rV2X4IhfeHE" frameborder="0" allowfullscreen></iframe></html>\n\nSpeaking of journalism, Mozilla announced their 2014 Open News Fellows at MozFest this year, a handful of people picked by Mozilla and funded by the Knight Foundation to use code to make journalism better around the world. Program Director Dan Sinker breaks it down for you above.\n\n[[Alright, I've heard a little bit, but I want to know more about what people are doing here!|SPEECHES]]\n[[Actually, lemme just look around for a minute before I continue on.|FLICKR]]\n
[img[mozfest_floor.jpg]]\n\nIn what is somewhat contrary to what you've heard about this city's weather patterns, you find yourself walking around a bright and sunny East London on a brisk autumn day. You happen upon a strange building full of people in red lanyards running around chaotically. After grabbing a cup of coffee to match the caffeine buzz hanging over the crowd and resolving firmly not to run away, you decide to:\n\n[[Talk to some people and see who's around.|PEOPLE]]\n[[Look around some more to find out what's going on.|ABOUT]]
Wow, what a coincidence! A MozFest animation storm using a program called Videoscribe and SVGs!\n\n<html>\n<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/vEWQ7rmvGQI?hl=en_US&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/vEWQ7rmvGQI?hl=en_US&version=3" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>\n</html>\n\n[[Seriously, I'm so good at drawing and animation, not to boast or anything. What can I do to make you believe me?|BADGES]]\n[[To be honest, I just came here for the games. Are there games?|GAMES]]\n
<html>\nWelcome to Appmaker <a title="Appmaker" href="https://appmaker.mozillalabs.com/" target="_blank">, a project from MozFest that is exactly what you think it would be. AppMaker is a web-based mobile app creation tool for everybody!\n</html>\n[IMG[appmaker.jpg]]\n\n[[Hey, cool! Maybe I should document some of this stuff, like a journalist.|OPENNEWS]]\n[[Pause! I need to check Twitter.|TWITTER]]
Should've pegged you as a gamer from the beginning. Welcome to the Mozilla Games Lab, friend!\n\n[img[gaming.gif]]\n\n<html>\n<p>\n<a href="https://developer.mozilla.org/en-US/docs/Games">https://developer.mozilla.org/en-US/docs/Games</a> <a href="http://wiki.mozilla.org/Platform/Games">http://wiki.mozilla.org/Platform/Games</a><br>\nHere we’re demoing the Unreal Engine 3, which lets you run rich, complex games right in the browser. It shows off our efforts to bring high-end gaming to the web using technologies like WebGL and asm.js.</p>\n</html>\n\n[[I like the idea of making my own games. Just making stuff actually. All kinds of stuff. Where can I make things and do stuff?|MAKERPARTY]]\n[[I'm actually more of a writer and a journalist than a gamer. Those two are mutually exclusive, right? No?|OPENNEWS]]
As you stumble, or, if you're not me, glide gracefully up the stairs to the Open Badges floor at MozFest, you're like, "badges? what? Like the NYPD or the Girl Scouts?" or if you're not me, you look around for clues about the flurry of activity going on up here.\n\nYou discover that this track is all about how to challenge the conventional system of recognizing skills and learning.\n\nOn the Open Badges floor, you explore a new system for credentialing and accreditation that makes it possible for learners everywhere to get recognition for lifelong learning of all kinds through digital badges. Learners can collect and share those badges across the Web for real results like jobs. Earn badges at MozFest, engage in creating learning pathways and future gaze with us to imagine the possibilities.\n\nYou can even make your own badges! Here's a demo in case you need help getting started:\n\n<html>\n<iframe src="http://player.vimeo.com/video/77211546" width="500" height="312" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>\n</html>\n\n[[Sweet! Now I have some badges. I think I should go show them off at a party, because that's how it works, right?|MAKERPARTY]]\n[[Okay, I've got my badges. Time to relax for a minute.|SPEECHES]]\n\n\n\n\n
SYDNEY MOYER
Ah, the Watercolor Bot. Computers making art! People making computers! Firefox watercolors!\n\n<html><iframe width="420" height="315" src="http://www.youtube.com/embed/CWE7BhXrXbw" frameborder="0" allowfullscreen></iframe></html>\n\n[[Where can I make stuff like this? This is so cool!|MAKERPARTY]]\n[[Actually, I think I'm gonna grab a coffee before I do anything else. Gotta level up on my caffeine.|COFFEETALK]]\n
CHOOSE YOUR OWN MOZFEST ADVENTURE
Luckily for you, you can stop, smell the roses, and look around all you want. \n\n\n[img[mozfest_makes.jpg]]\n\n[img[mozfest_making.jpg]]\n\n[img[mozfest_newsdata.jpg]]\n\n[img[mozfest_explaining.jpg]]\n\n[img[mozfest_watercolorbot.jpg]]\n\n[img[explaining.jpg]]\n\n[img[emotionalweb_mozfest.jpg]]\n\n[img[lightbeam_screen.jpg]]\n\n[img[mozfest_mentors.jpg]]\n\n[img[mozfest_firefox.jpg]]\n\n[img[mozfest_greenscreen.jpg]]\n\n[img[mozfest_all.jpg]]\n\n\n\nHaven't seen enough? Check out these Flickr pages for the complete MozFest look:\n\nhttp://www.flickr.com/photos/mozilladrumbeat/favorites/\n\nhttp://www.flickr.com/photos/mozillaeu/ \n\nhttps://secure.flickr.com/search/?q=mozfest\n\n[[Okay, that was-- oooh! Games!|GAMES]]\n[[Pause! I need to check Twitter|TWITTER]]
<html>\n\n<p>It's Saturday at MozFest, and suddenly, you find yourself in the middle of a massive party. But this is no ordinary party-- at this party, everyone is making stuff. You overhear someone calling it a Maker Party, whatever <i>that</i> means. Let's look around to find out! </p>\n\n</html>\n\n\n<html>\n<object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/dY7X4QZEdBE?hl=en_US&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/dY7X4QZEdBE?hl=en_US&version=3" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>\n</html>\n\n[[Best party EVER. Pretty tuckered out now though, I've gotta say. Better head back to the hotel for the night.|BAGPIPES]]\n[[Wait, the night can't be over! Can I just see a few more things people are making?|ANIMATION]]