Webmakers/Projects: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
(Blanked the page)
Line 1: Line 1:
__NOTOC__
<h1><span>Get involved</span></h1>


    <ul class="project-list">
        <li>
            <a href="http://www.mozillapopcorn.org">
            <article class="project card">
                <figure>
                    <img src="/media//images/splash/popcorn.png" height="120" width="185" alt="" />
                </figure>
                <div class="info">
                    <hgroup>
                    <h1>Mozilla Popcorn</h1>
                    <h2>supercharge web video</h2>
                    </hgroup>
                    <div class="description">
                        <p>Popcorn adds interactivity and context to any online video, pulling the web right into the action in real time.</p>
                        <ul>
                            <li>Explore what Mozilla Popcorn can do for film-makers, journalists and the classroom</li>
                            <li>Create your own interactive pop-up video</li>
                            <li>Get a taste of Popcorn through web documentaries, demos and more</li>
                        </ul>
                    </div>
                </div>
                <div class="meta">
                    <strong>www.mozillapopcorn.org</strong>
                </div>
            </article>
            </a>
        </li>
        <li>
            <a href="http://www.mozillaopennews.org">
            <article class="project card">
                <figure>
                    <img src="/media//images/splash/opennews.png" height="120" width="180" alt="" />
                </figure>
                <div class="info">
                    <hgroup>
                    <h1>Knight-Mozilla
 Open News</h1>
                    <h2>shape the future of news</h2>
                    </hgroup>
                    <div class="description">
                        <p>Hack, learn and innovate with the world’s leading news organizations.</p>
                        <ul>
                            <li>Drive open source innovation in news with the Knight Foundation and Mozilla</li>
                            <li>Learn and hack with news partners like the BBC, Guardian, Die Zeit, Al Jazeera and Boston Globe</li>
                            <li>Take part in learning labs and hack sprints around the globe</li>
                            <li>Apply to become a 2012 Knight-Mozilla News Fellow</li>
                        </ul>
                    </div>
                </div>
                <div class="meta">
                    <strong>www.mozillaopennews.org</strong>
                </div>
            </article>
            </a>
        </li>
        <li>
            <a href="http://www.hackasaurus.org">
            <article class="project card">
                <figure>
                    <img src="/media//images/splash/hackasaurus.jpg" height="120" width="180" alt="" />
                </figure>
                <div class="info">
                    <hgroup>
                    <h1>Mozilla Hackasaurus</h1>
                    <h2>webmaking made simple</h2>
                    </hgroup>
                    <div class="description">
                    <p>Hackasaurus makes it easy to create, tinker and share on the web.</p>
                    <ul>
                        <li>Alter your online reality with the amazing X-Ray Goggles</li>
                        <li>Create your own web page in seconds</li>
                        <li>Host your own hack jam event for youth</li>
                        <li>Access teaching tools and kits for novice webmakers.</li>
                    </ul>
                    </div>
                </div>
                <div class="meta">
                    <strong>www.hackasaurus.org</strong>
                </div>
            </article>
            </a>
        </li>
        <li>
            <a href="http://www.mozillafestival.org">
            <article class="project card">
                <figure>
                    <img src="/media//images/splash/festival.jpg" height="120" width="180" alt="" />
                </figure>
                <div class="info">
                    <hgroup>
                    <h1>Mozilla Festival</h1>
                    <h2>a three-ring circus of innovation</h2>
                    </hgroup>
                    <div class="description">
                    <p>A yearly celebration that brings together hundreds of passionate people to make, hack and explore the frontiers of the open web.</p>
                    <ul>
                        <li>Get together with developers, designers, and big thinkers to make things that can change the world</li>
                        <li>Sprint on design challenges addressing key issues and produce ambitious chunks of prototyping and design</li>
                        <li>Trade darkened lecture halls for maker labs full of people building things</li>
                    </ul>
                    </div>
                </div>
                <div class="meta">
                    <strong>www.mozillafestival.org</strong>
                </div>
            </article>
            </a>
        </li>
        <li>
            <a href="http://www.openbadges.org/">
            <article class="project card">
                <figure>
                    <img src="/media//images/splash/openbadges.jpg" height="120" width="180" alt="" />
                </figure>
                <div class="info">
                    <hgroup>
                    <h1>Mozilla Open Badges</h1>
                    <h2>level up in life, work and learning</h2>
                    </hgroup>
                    <div class="description">
                    <p>Free software for issuing, managing and displaying digital badges across the web</p>
                    <ul>
                        <li>Use our "Open Badge Infrastructure" to issue badges for your own course, community or organization</li>
                        <li>Allow learners to collect and display badges from multiple sites through a single identity</li>
                        <li>See how organizations like NASA, Disney-Pixar, Intel and others are using digital badges for learning</li>
                    </ul>
                    </div>
                </div>
                <div class="meta">
                    <strong>www.openbadges.org</strong>
                </div>
            </article>
            </a>
        </li>
        <li>
            <a href="http://www.mozillaignite.org">
            <article class="project card">
                <figure>
                    <img src="/media//images/splash/ignite.png" height="120" width="180" alt="" />
                </figure>
                <div class="info">
                    <hgroup>
                    <h1>Mozilla Ignite</h1>
                    <h2>shape the internet's future</h2>
                    </hgroup>
                    <div class="description">
                    <p>Design and develop apps for the faster, smarter networks of the future.</p>
                    <ul>
                        <li>Take part in an open innovation challenge sponsored by the National Science Foundation and Mozilla </li>
                        <li>Design and build applications for deeply programmable networks up to 200 times faster than today</li>
                        <li>Innovate in areas that matter -- like healthcare, education, energy and the environment</li>
                        <li>Submit your idea. Win funding and support. Get access to one of the fastest networks on the planet.</li>
                    </ul>
                    </div>
                </div>
                <div class="meta">
                    <strong>www.mozillaignite.org</strong>
                </div>
            </article>
            </a>
        </li>
        <li>
            <a href="http://www.p2pu.org/webcraft/">
            <article class="project card">
                <figure>
                    <img src="/media//images/splash/webcraft.png" height="120" width="180" alt="" />
                </figure>
                <div class="info">
                    <hgroup>
                    <h1>Mozilla School of Webcraft</h1>
                    <h2>learn "Webmaking 101”</h2>
                    </hgroup>
                    <div class="description">
                    <p>Free and open web design and developer training for the world.</p>
                    <ul>
                        <li>Peer-based learning through Peer 2 Peer University</li>
                        <li>Learn basics like HTML, CSS and more </li>
                        <li>Earn badges to show off your skills</li>
                        <li>Volunteer to help mentor novice web developers around the world.</li>
                    </ul>
                    </div>
                </div>
                <div class="meta">
                    <strong>www.p2pu.org/webcraft/</strong>
                </div>
            </article>
            </a>
        </li>
        <li class="join">
            <article class="project card">
                <figure>
                    <img src="/media//images/splash/join.jpg" width="180" height="120" alt="" />
                </figure>
                <div class="info">
                    <hgroup>
                    <h1><a href="http://www.mozilla.org/join">Join Mozilla</a></h1>
                    <h2>Help build a better web for all</h2>
                    </hgroup>
                    <div class="description">
                    <p>Support Mozilla’s non-profit mission.</p>
                    <ul>
                        <li>Make a donation and receive the exclusive Firefox t-shirt</li>
                        <li>Join our mailing list to stay in touch: <a href="http://donate.mozilla.org/email">donate.mozilla.org/email</a></li>
                        <li>Follow what’s happening across our projects and campaigns through <a href="http://www.twitter.com/mozilla/">@Mozilla</a></li>
                    </ul>
                    </div>
                </div>
                <div class="meta">
                    <strong><a href="http://www.mozilla.org/join">www.mozilla.org/join</a></strong>
                </div>
            </article>
        </li>
    </ul>
    </section>
  </div>
</section>

Revision as of 16:35, 27 April 2012