added front page samples to testing, plus a couple of tweaks to front page and code lab

src/site/index.html

 ---
 layout: homepage
 googleapi: true
 js:
 - url: /js/display-news.js
 - url: /js/os-switcher.js
   defer: true
 - url: /js/editor-downloads-analytics.js
   defer: true
 - url: /js/front-page-analytics.js
@@ skipping 28 matching lines @@
             <div class="row">
               <div class="col-md-4">
                 <h2>See Dart</h2>
                 <p class="timer"><i class="sprite-icon-timer"></i>About 5 minutes</p>
                 <p>Dart is class based and object oriented, without being dogmatic.</p>
                 <a id="see-code" href="#code"><i class="sprite-icon-triangle"></i>See code</a>
               </div>
               <div class="col-md-4">
                 <h2>Try Dart</h2>
                 <p class="timer"><i class="sprite-icon-timer"></i>Under an hour</p>
-                <p>Write a Dart web app, even if you've never written
-                a web app before. </p>
+                <p>Follow this code lab to create a Dart web app, even if you've never written
+                        a web app before. </p>
                 <a href="/codelabs/darrrt/"><i class="sprite-icon-triangle"></i>Write code</a>
               </div>
               <div class="col-md-4">
                 <h2>Dive deep</h2>
                 <p class="timer"><i class="sprite-icon-timer"></i>About 1 day</p>
                 <p>Dart has lots of <a href="#tools">tools</a>,
                 <a href="#libraries">libraries</a>, and documentation,
                 plus a developer community.</p>
                 <a href="/docs/"><i class="sprite-icon-triangle"></i>Learn more</a>
               </div>
@@ skipping 23 matching lines @@
                 <li data-target="#dart-language-carousel" data-slide-to="3">Modular</li>
               </ol>
               <!-- Wrapper for slides -->
               <div class="carousel-inner">
                 <div class="item active">
                   <p>You can probably already read and even write Dart code. <a href="/samples/">See more samples.</a> </p>
                   <div class="code-hldr">
 <pre class="prettyprint lang-dart">
 import 'dart:math' show Random;        // Import a class from a library.
 
-void main() {                          // This is where the app starts executing.
-  print(new Die(<a href="#" class="dart-popover" data-toggle="popover" title="Named parameters" data-html="true" data-trigger="hover focus" data-content="Set the value of a named optional parameter. In this case, set the number of sides for a new Die object to 12.">n:12</a>).roll());        // Print a new object's value. Chain method calls.
+void main() {                          // The app starts executing here.
+  print(new Die(<a href="#" class="dart-popover" data-toggle="popover" title="Named parameters" data-html="true" data-trigger="hover focus" data-content="Set the value of a named optional parameter. In this case, set the number of sides for a new Die object to 12.">n: 12</a>).roll());       // Print a new object's value. Chain method calls.
 }
 
 class Die {                            // Define a class.
   static Random shaker = new Random(); // Define a class variable.
   int sides, value;                    // Define instance variables.
 
   String toString() => '<a href="#" class="dart-popover" data-toggle="popover" title="String interpolation" data-html="true" data-trigger="hover focus" data-content="Use $identifier to insert the value of an identifier (in this case, the integer value of 'value') into a string.">$value</a>';      // Define a method using shorthand syntax.
 
   Die(<a href="#" class="dart-popover" data-toggle="popover" title="Optional named parameters" data-html="true" data-trigger="hover focus" data-content="Parameters within curly brackets are optional. Set them by name when you call the function, method or, in this case, constructor. Here, the default value of 'n' is set to 6.">{int n: 6}</a>) {                   // Define a constructor.
     if (4 <= n && n <= 20) {
@@ skipping 21 matching lines @@
 main() {
   // The cascade operator (..) saves you from repetitive typing.
   addShape(new Ellipse(10, 20)<a href="#" class="dart-popover" data-toggle="popover" title="Cascade operator" data-html="true" data-trigger="hover focus" data-content="The cascade operator lets you chain multiple method calls and member references to the same object.">..</a>rotation = 45*PI/180
                               <a href="#" class="dart-popover" data-toggle="popover" title="Cascade operator" data-html="true" data-trigger="hover focus" data-content="The cascade operator lets you chain multiple method calls and member references to the same object.">..</a>color = 'rgb(0,129,198)'
                               <a href="#" class="dart-popover" data-toggle="popover" title="Cascade operator" data-html="true" data-trigger="hover focus" data-content="The cascade operator lets you chain multiple method calls and member references to the same object.">..</a>outlineWidth = 0);
 
   // You can easily insert expression values into strings.
   print('Area of the first shape: <a href="#" class="dart-popover" data-toggle="popover" title="Insert expressions into strings" data-html="true" data-trigger="hover focus" data-content="Use ${expression} to insert the value of an expression into a string. The expression is evaluated and converted to a string.">${shapes[0].area}</a>');
 }
 
-class Ellipse {
+class Ellipse extends Shape {
   num minorAxis, majorAxis;
   // Syntactic sugar to set members before the constructor body runs.
   Ellipse(this.minorAxis, this.majorAxis);
+
+  static const num C = PI/4;
+  num get area => C*majorAxis*minorAxis;  // A property implemented with a getter.
 }
 </pre>
                   </div>
                 </div>
                 <div class="item">
                   <p>Add types to your code to help people and tools.
-                  Or don’t. You can always go dynamic.</p>
+                  Or don’t. Dart is truly dynamic.</p>
                   <div class="code-hldr">
-                    <div class="code-hldr">  
-                      <div class="item" style="margin-top:23px">
-                          Without types, code freely.<br>
-                        <img src="imgs/no_types.png">
-                                </div>
-                                <div class="item" style="margin-top:23px;">
-                          With types, learn about errors early.<br>
-                        <img src="imgs/with_types.png">
-                      </div>
-                    </div>
+                          <div style="padding-top:20px;">While prototyping, code freely without worrying about types.</div>
+<pre class="prettyprint lang-dart">
+// A function without types.
+recalculate(origin, offset, estimate) {
+  // ...
+}
+</pre>
+                          <div style="padding-top:20px;">During production, use types to learn about errors early,
+                          communicate intent, and get help with code completion.</div>
+<pre class="prettyprint lang-dart">
+// A function with types (and an optional parameter).
+num recalculate(Point origin, num offset, {bool estimate: false}) {
+  // ...
+}
+</pre>
                   </div>
                 </div>
                 <div class="item">
                   <p>Structure that scales. Organize your code with functions,
                   classes, mixins, and libraries.</p>
                   <div class="code-hldr">  
   <img src="imgs/modular.png">
                   </div>
                 </div>
               </div>
@@ skipping 255 matching lines @@
             <b>Note:</b>
             You can write Dart apps using any recent version of
             {% include os-choices.html %}
             The Dart development tools <b>do not&nbsp;support Windows XP</b>.
             Dart Editor requires Java version 6 or higher.
           </aside>
         </div>
       </section>
     </div> <!-- end container -->
   </div> <!-- end container-page -->