Skip to content

Commit

Permalink
Initial setup of new projects page for Bug 763665
Browse files Browse the repository at this point in the history
  • Loading branch information
@sgarrity
sgarrity committed Jul 9, 2012
1 parent 1f1dff4 commit c33ff4c
Show file tree
Hide file tree
Showing 2 changed files with 118 additions and 252 deletions.
276 changes: 101 additions & 175 deletions apps/mozorg/templates/mozorg/projects.html
View file
@@ -1,4 +1,4 @@
{% extends "mozorg/base.html" %}
{% extends "mozorg/base-resp.html" %}

{% block page_title_prefix %}{% endblock %}
{% block page_title %}Mozilla Projects — Built by us, for the Web{% endblock %}
Expand All @@ -14,202 +14,128 @@ <h1 id="main-feature" class="large center">Built by us, for the Web.</h1>

<nav class="menu-bar billboard">
<ul>
<li><a href="#apps">Applications</a></li>
<li><a href="#labs">Labs Experiments</a></li>
<li><a href="#devtools">Dev tools</a></li>
<li><a href="#mozilla-based">Mozilla-based applications</a></li>
<li><a href="#tech">Technologies</a></li>
<li><a href="#archived">Archived</a></li>
<li><a href="#products">Products</a></li>
<li><a href="#innovations">Innovations</a></li>
<li><a href="#tools">Tools</a></li>
<li><a href="#platforms">Platforms</a></li>
</ul>
</nav>

<div class="container">

<div id="projects-column">
<section class="projects-block" id="apps">

<h2>Applications</h2>
<p class="intro">These applications are developed by the Mozilla community and their code is hosted on mozilla.org.</p>

<ul>
<li>
<h3><a href="{{ php_url('/firefox/') }}">
<img src="{{ media('/img/projects/firefox.png') }}" alt="Firefox icon" />
Firefox <span>for Desktop</span>
</a></h3>
<p>The award-winning Firefox® Web browser has security, speed and new features that will change the way you use the Web. Don’t settle for anything less.</p>
</li>
<li>
<h3><a href="{{ php_url('/mobile/') }}">
<img src="{{ media('/img/projects/firefox.png') }}" alt="Firefox for Mobile icon" />
Firefox <span>for Mobile</span>
</a></h3>
<p>By adding Firefox® to your mobile phone, you can access rich Web content and enjoy your favorite Firefox features wherever you go.</p>
</li>
<li>
<h3><a href="{{ php_url('/thunderbird/') }}">
<img src="{{ media('/img/projects/thunderbird.png') }}" alt="Thunderbird icon" />
Thunderbird
</a></h3>
<p>Enjoy safe, fast and easy email, Mozilla-style. The Thunderbird® email client includes intelligent spam filters, powerful search and customizable views.</p>
</li>
<li>
<h3><a href="http://www.seamonkey-project.org/">
<img src="{{ media('/img/projects/seamonkey.png') }}" alt="Seamonkey icon" />
SeaMonkey
</a></h3>
<p>SeaMonkey® is the all-in-one application formerly known as the "Mozilla Application Suite", containing a web browser, a mail and newsgroups client, an HTML editor, web development tools, and an IRC chat client.</p>
</li>
<li>
<h3><a href="/projects/calendar/">
<img src="{{ media('/img/projects/sunbird.png') }}" alt="Lightning and Sunbird icon" />
Lightning and Sunbird
</a></h3>
<p>Lightning is a popular calendaring, scheduling and task management extension. Sunbird® is a cross-platform application that brings Mozilla-style ease-of-use to your calendar.</p>
</li>
<li>
<h3><a href="http://caminobrowser.org/">
<img src="{{ media('/img/projects/camino.png') }}" alt="Camino icon" />
Camino
</a></h3>
<p>Camino® is a Web browser optimized for Mac OS X with a Cocoa user interface, and powerful Gecko layout engine. It’s the simple, secure, and fast browser for Mac OS X.</p>
</li>
</ul>

</section>

<section class="projects-block" id="labs">

<h2>Mozilla Labs Experiments</h2>
<p class="intro"><a href="http://labs.mozilla.com/projects/">Mozilla Labs</a> is a place where people come together to create, experiment and play with new Web innovations and technologies.</p>

<ul>
<li>
<h3><a href="https://webfwd.org/">
<img src="{{ media('/img/projects/webfwd.png') }}" alt="WebFWD icon" />
WebFWD
</a></h3>
<p>Build innovative products on the open Web with the support of WebFWD, the community-driven innovation accelerator.</p>
</li>
<li>
<h3><a href="https://mozillalabs.com/rainbow/">
<img src="{{ media('/img/projects/rainbow.png') }}" alt="Rainbow icon" />
Rainbow
</a></h3>
<p>Rainbow aims to provide native audio and video recording capabilities in the browser to enable multimedia content creation on the web.</p>
</li>
<li class="more"><a href="http://labs.mozilla.com/projects/">See more Mozilla Labs experiments…</a></li>
</ul>

</section>

<section class="projects-block" id="devtools">

<h2>Mozilla Developer Tools</h2>
<p class="intro">The Mozilla community creates a number of tools used for software development.</p>

<section id="products" class="billboard projects">
<h1>Products</h1>
<ul>
<li>
<h3><a href="http://www.bugzilla.org/">
<img src="{{ media('/img/projects/bugzilla.png') }}" alt="Bugzilla icon" />
Bugzilla
</a></h3>
<p>Bugzilla™ is a bug tracking system designed to help teams manage software development. Hundreds of organizations across the globe are using this powerful tool to get organized and communicate effectively.</p>
<a href="#">
<h3>Firefox</h3>
<p>The fast, free browser for desktop and mobile.</p>
<span class="button-blue">Learn More</span>
</a>
</li>
<li>
<h3><a href="http://getfirebug.com/">
<img src="{{ media('/img/projects/firebug.png') }}" alt="Firebug icon" />
Firebug
</a></h3>
<p>Firebug is the world’s most popular and powerful web development tool that lets you inspect, debug, analyze and more all right inside your browser.</p>
<a href="#">
<h3>Boot to Gecko</h3>
<p>An open operating system for mobile devices.</p>
<span class="button-blue">Learn More</span>
</a>
</li>
</ul>

</section>

<section class="projects-block" id="mozilla-based">

<h2>Mozilla-Based Applications</h2>
<p class="intro">These applications are built by individuals and organizations using Mozilla technologies. If you would like to suggest other applications to feature here, please <a href="{{ php_url('/about/contact/')}}">let us know</a>.</p>

<ul>
<li>
<h3><a href="http://couchdb.apache.org/">
<img src="{{ media('/img/projects/couchdb.png') }}" alt="CouchDB icon" />
CouchDB
</a></h3>
<p>CouchDB is an open source document-oriented database and is designed for local replication and to scale horizontally across a wide range of devices.</p>
<a href="#">
<h3>Marketplace</h3>
<p>A creation and distribution platform for apps.</p>
<span class="button-blue">Learn More</span>
</a>
</li>
<li>
<h3><a href="http://www.zkoss.org/">
<img src="{{ media('/img/projects/zk.png') }}" alt="ZK icon" />
ZK
</a></h3>
<p>ZK® is the leading enterprise Ajax + Mobile framework and the easiest way to build great modern Java web applications supporting Java Mobile, Android, and various mobile browsers.</p>
<a href="#">
<h3>Persona</h3>
<p>A better way to sign in to websites.</p>
<span class="button-blue">Learn More</span>
</a>
</li>
<li class="more"><a href="/projects/mozilla-based.html">See more Mozilla-based applications…</a></li>
</ul>

</section>

<section class="projects-block" id="tech">

<h2>Mozilla Technologies</h2>
<p class="intro">The Mozilla community creates a variety of different technologies that are freely available for other people and organizations to use in their own products.</p>

<ul>
<li>
<h3><a href="http://developer.mozilla.org/en/Gecko">
<img src="{{ media('/img/projects/mozhead.gif') }}" alt="Mozilla icon" />
Gecko
</a></h3>
<p>Gecko is the layout engine that reads web content, such as HTML, CSS, XUL, and JavaScript and renders it on a user’s screen. In XUL-based applications Gecko is used to render the application’s user interface as well.</p>
<a href="#">
<h3>Thunderbird</h3>
<p>Safe, fast and easy email.</p>
<span class="button-blue">Learn More</span>
</a>
</li>
<li>
<h3><a href="http://developer.mozilla.org/en/XULRunner">
<img src="{{ media('/img/projects/mozhead.gif') }}" alt="Mozilla icon" />
XULRunner
</a></h3>
<p>XULRunner provides an environment for developers to build XUL-based applications such as Firefox and Thunderbird. It provides mechanisms for installing, upgrading, and uninstalling applications.</p>
<a href="#">
<h3>Webmaker</h3>
<p>Make something amazing with the Web.</p>
<span class="button-blue">Learn More</span>
</a>
</li>
<li class="more"><a href="/projects/technologies.html">See more Mozilla technologies…</a></li>
</ul>

</section>

<section class="projects-block" id="archived">

<h2>Archived Projects</h2>
<p class="intro">Mozilla has been creating software since the community began in 1998, although some of those projects are no longer being worked on.</p>
<ul>
<li>
<a href="#">
<h3>WebFWD</h3>
<p>Our community-driven innovation accelerator.</p>
<span class="button-blue">Learn More</span>
</a>
</li>
<li>
<a href="#">
<h3>Labs</h3>
<p>New ways to explore, experiment and innovate.</p>
<span class="button-blue">Learn More</span>
</a>
</li>
<li>
<a href="#">
<h3>Pancake</h3>
<p>An experimental browser for the iPad.</p>
<span class="button-blue">Learn More</span>
</a>
</li>
</ul>

<ul>
<li>
<a href="#">
<h3>Firefox Developer Tools</h3>
<p>A collection of tools built in to Firefox.</p>
<span class="button-blue">Learn More</span>
</a>
</li>
<li>
<a href="#">
<h3>Bugzilla</h3>
<p>A bug tracking system to help manage software development.</p>
<span class="button-blue">Learn More</span>
</a>
</li>
<li>
<a href="#">
<h3>Firebug</h3>
<p>Inspect, debug, analyze and more inside your browser.</p>
<span class="button-blue">Learn More</span>
</a>
</li>
</ul>

<ul>
<li>
<a href="#">
<h3>Gecko</h3>
<p>The layout engine that drives Firefox.</p>
<span class="button-blue">Learn More</span>
</a>
</li>
<li>
<a href="#">
<h3>XUL Runner</h3>
<p>An environment for XUL-based applications.</p>
<span class="button-blue">Learn More</span>
</a>
</li>
</ul>

<ul>
<li>
<h3><a href="http://www-archive.mozilla.org/projects/minimo/">
<img src="{{ media('/img/projects/minimo.png') }}" alt="Minimo icon" />
Minimo
</a></h3>
<p>Minimo was an early effort to build a browser for mobile devices. Development stopped on the project in 2007 and soon after the Firefox for Mobile project was started.</p>
</li>
<li>
<h3><a href="http://www-archive.mozilla.org/products/mozilla1.x/">
<img src="{{ media('/img/projects/mozilla-suite.png') }}" alt="Mozilla Suite icon" />
Mozilla Suite
</a></h3>
<p>The Mozilla Suite included the set of applications that were released at the beginning of the Mozilla project. In 2006 development stopped after Mozilla changed focus to the Firefox and Thunderbird projects.</p>
</li>
</ul>

</section>
</div>

<aside class="sidebar">
<div class="reference">
<h4>Get Involved</h4>
<p>Become a volunteer contributor in a number of different areas.</p>
<a class="more" href="{{ url('mozorg.contribute') }}">Learn More »</a>
</div>
</aside>

</div>

{% endblock %}

0 comments on commit c33ff4c

Please sign in to comment.