Basic static page for Mozilla Research (Bug 683375)

apps/research/templates/research/research.html

@@ -2,6 +2,10 @@
 
 {% block page_title %}Mozilla Research{% endblock %}
 
+{% block extrahead %}
+ {{ css('research') }}
+{% endblock %}
+
 {% block breadcrumbs %}
   <nav class="breadcrumbs">
     <a href="#">Home</a> >
@@ -11,71 +15,89 @@
 
 {% block content %}
 
-<div id="main-content">
-<div class="row">
-<article class="span7" role="main">
+<article role="main" id="main-content">
 
 <hgroup>
   <h1>Mozilla Research</h1>
   <h2>Pushing the boundaries of the Open Web</h2>
 </hgroup>
 
-<p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
+<section id="projects">
 
-<h2>Header Level 2</h2>
+  <dl>
 
-<ol>
-   <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
-   <li>Aliquam tincidunt mauris eu risus.</li>
-</ol>
+    <dt>Emscripten</dt>
+    <dd>
+      <p>Emscripten is an open source optimizing compiler for LLVM applications that generates pure JavaScript to run directly on the web. Emscripten makes it possible to take C and C++ programs and convert them automatically to open web applications with no plugins or extensions.</p>
+      <p>Emscripten demonstrates that the web is capable of supporting the responsive, real-time user experiences of interactive desktop software, including games, simulations, and even live video decoding. Many applications run within an order of magnitude of their native binary performance. At the same time, Emscripten serves to diagnose and address performance bottlenecks in the web platform, to keep pushing the boundaries of tomorrow’s web.</p>
+    </dd>
 
-<blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p></blockquote>
+    <dt>Rust</dt>
+    <dd>
+      <p>Rust is a new programming language for developing reliable and efficient systems. Rust is designed to support concurrency and parallelism, for building platforms that take full advantage of modern hardware. Its static type system is safe and expressive, and provides strong guarantees about isolation, concurrency execution, and memory safety.</p>
+      <p>Rust combines powerful and flexible modern programming constructs with a clear performance model to make program efficiency predictable and manageable. One important way it achieves this is by allowing fine-grained control over memory allocation through contiguous records and stack allocation. This control is balanced with the absolute requirement of safety: Rust’s type system and runtime guarantee the absence of buffer overflow, stack overflow, or access to uninitialized or deallocated memory.</p>
+    </dd>
 
-<h3>Header Level 3</h3>
+    <dt>Servo</dt>
+    <dd>
+      <p>Servo is an experimental project to build a web browser engine designed for a new generation of hardware: mobile devices, multi-core processors, and high-performance GPU’s. With Servo we are rethinking the browser at every level of the technology stack--from input parsing to page layout and graphics rendering--to optimize for power efficiency and maximum parallelism.</p>
+      <p>Servo builds on top of Rust to provide a secure and reliable foundation. Memory safety at the core of the platform ensures a high degree of assurance in the browser’s trusted computing base. Rust’s lightweight task mechanism also promises to allow fine-grained isolation between browser components such as tabs and extensions without the need for expensive runtime protection schemes like operating system process isolation.</p>
+    </dd>
 
-<ul>
-   <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
-   <li>Aliquam tincidunt mauris eu risus.</li>
-</ul>
+    <dt>Shumway</dt>
+    <dd>
+      <p>Following on the success of <a href="https://addons.mozilla.org/en-US/firefox/addon/pdfjs/">pdf.js</a>, a high-fidelity PDF renderer written in pure HTML and JavaScript, the Shumway project aims to implement an emulator for the Flash™ multimedia platform. Shumway combines rendering techniques pioneered by the open source <a href="https://github.com/tobeytailor/gordon">Gordon</a> emulator with a just-in-time (JIT) compiler for the Actionscript Virtual Machine that generates optimized JavaScript.</p>
+      <p>Shumway’s primary goals are to demonstrate the power and expressiveness of the HTML5 platform, as well as to discover and remedy gaps in the web platform.</p>
+    </dd>
 
-<h4>Header Level 4</h4>
+  </dl>
 
-<dl>
-    <dt>Lorem ipsum</dt>
-    <dd>dolor sit amet, consectetuer adipiscing elit.</dd>
-    <dt>Aliquam tincidunt mauris eu risus.</dt>
-    <dd>dolor sit amet, consectetuer adipiscing elit.</dd>
-</dl>
+</section>
 
-<h5>Header Level 4</h5>
+<section id="people">
 
-<p>Tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
 
-<h6>Header Level 6</h6>
+  <dl>
 
-<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p>
+    <dt>
+      <img src="{{ media('/img/research/photo-andreas-gal.jpg') }}" alt="Photo" />
+      Andreas Gal <em>Director of Research</em>
+    </dt>
+    <dd>
+      <p>Andreas is proud to lead an amazing team of researchers and engineers working on various areas of the web stack. Previously, Andreas worked as a project scientist with the <a href="http://www.ssllab.org/">Secure Systems and Languages Laboratory</a> at the <a href="http://www.uci.edu/">University of California, Irvine</a>. Andreas's background is in secure systems, type-safe languages, dynamic compilation, and virtual machines.</p>
+    </dd>
 
+    <dt>Michael Bebenita <em>Researcher</em></dt>
+    <dd>
+      <p>Michael received his PhD from the <a href="http://www.uci.edu/">University of California, Irvine</a> in 2011 on trace-based, just-in-time compilation. Michael's primary research interests are in high-performance systems, software architecture, compilers, and virtual machines. Michael has contributed to the Rust programming language and leads the Shumway project.</p>
+    </dd>
+
+    <dt>
+      <img src="{{ media('/img/research/photo-dave-herman.jpg') }}" alt="Photo" />
+      Dave Herman <em>Senior Researcher</em>
+    </dt>
+    <dd>
+      <p>Dave received his PhD from <a href="http://www.ccs.neu.edu/">Northeastern University</a> in 2010 in formal semantics of programming languages. Dave's research interests include programming language design, specification, and analysis. Dave coordinates several research programs at Mozilla, including Rust and Servo, and leads the research internship program. Dave participates actively in open standards and has contributed significantly to the JavaScript standard since 2006.</p>
+    </dd>
+
+    <dt>
+      <img src="{{ media('/img/research/photo-chris-jones.jpg') }}" alt="Photo" />
+      Chris Jones <em>Senior Engineer</em>
+      </dt>
+    <dd>
+      <p>Chris serves as Technical Lead to the Boot to Gecko project, building a full-featured mobile operating system with open web technology. Chris's research interests lie in high-performance systems, architecture, and parallel algorithms.</p>
+    </dd>
+
+    <dt>
+      <img src="{{ media('/img/research/photo-allen-wirfs-brock.jpg') }}" alt="Photo" />
+      Allen Wirfs-Brock <em>Research Fellow</em>
+    </dt>
+    <dd>
+      <p>Allen is an expert in all aspects of dynamic, object-oriented languages and their implementation. As a software architect and entrepeneur, Allen has made numerous contributions to the industrialization and commercialization of object-oriented technology, serving as a strategic technologist, software architect, product developer, and manager. Allen has founded two successful companies and made major contributions to both the Smalltalk and JavaScript language standards. In 2009, Allen was recognized as an <a href="http://www.acm.org/press-room/news-releases/distinguished-09">ACM Distinguished Engineer</a>.</p>
+    </dd>
+  </dl>
+
+</section>
 
 </article>
-
-<div id="sidebar" class="span3">
-
-<nav>
-    <ul>
-        <li>Projects</li>
-        <li><a href="#">Emscripten</a></li>
-        <li><a href="#">Rust</a></li>
-        <li><a href="#">Servo</a></li>
-        <li><a href="#">Static Analysis for JavaScript</a></li>
-        <li><a href="#">Web Security</a></li>
-        <li><a href="#">Static Analysis for C++</a></li>
-        <li><a href="#">Advanced Language Design</a></li>
-        <li><a href="#">Advances Systems/Platform Architecture</a></li>
-        <li><a href="#">Security Analysis & Tooling</a></li>
-        <li><a href="#">Just-in-time Compilation Technologies</a></li>
-    </ul>
-</nav>
-
-</div>
-
 {% endblock %}

media/css/research/research.less

@@ -0,0 +1,36 @@
+@import "../sandstone/variables.less";
+@import "../sandstone/mixins.less";
+
+#projects {
+    .span(6);
+    margin-left: 0;
+}
+
+#people {
+    .span(3);
+    .offset(1);
+
+    dt {
+        font-size: 24px;
+        letter-spacing: -0.25px;
+        em {
+            display: block;
+            font-style: normal;
+            font-size: 18px;
+        }
+        img {
+            float: left;
+            width: @gridColumnWidth; 
+            margin: 0 @gridGutterWidth (@baseLine / 2) 0;
+        }
+    }
+
+    dd {
+        clear: left;
+        font-size: @smallFontSize;
+        line-height: @baseLine *.75;
+        color: @textColorSecondary;
+    }
+
+}
+

settings/base.py

@@ -141,6 +141,9 @@ MINIFY_BUNDLES = {
         'projects': (
             'css/projects.less',
         ),
+        'research': (
+            'css/research/research.less',
+        ),
         'sandstone_guide': (
             'css/sandstone-guide.less',
         ),