first draft of polymer element tutorial

src/site/docs/tutorials/index.markdown

Index: src/site/docs/tutorials/index.markdown
diff --git a/src/site/docs/tutorials/index.markdown b/src/site/docs/tutorials/index.markdown
index 70007decacb55caf397ecaf1051fa19ce2fc7f84..ccdfac6fa90ff16d588798455c95456aeddd336f 100644
--- a/src/site/docs/tutorials/index.markdown
+++ b/src/site/docs/tutorials/index.markdown
@@ -41,7 +41,7 @@ using the Dart language, tools, and APIs.
     <li><a href="#dom" data-toggle="tab">Browser</a></li>
     <li><a href="#packages" data-toggle="tab">Packages</a></li>
     <li><a href="#webui" data-toggle="tab">Web UI</a></li>
-    <!--<li><a href="#polymer" data-toggle="tab">Polymer</a></li>-->
+    <li><a href="#polymer" data-toggle="tab">Polymer</a></li>
     <li><a href="#forms" data-toggle="tab">Forms & Data</a></li>
     <!--<li><a href="#mobile" data-toggle="tab">Mobile</a></li>-->
   </ul>
@@ -143,27 +143,26 @@ using the Dart language, tools, and APIs.
   <!-- WEB UI TAB -->
     <div class="tab-pane" id="webui">
 
-      Web components and templates are the next great ideas in web application development.
-      Together they provide the building blocks to create richer and more dynamic web applications.
-      With the Dart team’s <a href="http://pub.dartlang.org/packages/web_ui">Web UI package</a>,
-      you can get started using web components and templates now.
-
 <aside class="alert" style="background-color:Lavender;color:SlateBlue">
   <font size="24">
   <i class="icon-bullhorn"> </i>
   </font>
-  Web UI is being upgraded to polymer.dart.
-  For more information about polymer.dart,
-  including tips on porting Web UI apps to polymer.dart
-  and the current status of the project,
-  check out the <a href="/polymer-dart/" target="_blank">polymer.dart</a>
-  home page.
-  For polymer.dart versions of the tutorial's Web UI apps,
-  check out the tutorial's
+  Web UI is being upgraded to
+  <a href="/polymer-dart/" target="_blank">Polymer.dart</a>.
+  We've just added a tutorial about
+  <a href="/docs/tutorials/polymer/">Polymer Elements</a>,
+  one key feature of Polymer.
+  We've also provided Polymer.dart versions of the tutorial's Web UI apps.
+  Check out the
   <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/"
-         target="_blank">code repo</a> on github.
+         target="_blank">tutorials's code repo</a> on github.
 </aside>
 
+      Web components and templates are the next great ideas in web application development.
+      Together they provide the building blocks to create richer and more dynamic web applications.
+      With the Dart team’s <a href="http://pub.dartlang.org/packages/web_ui">Web UI package</a>,
+      you can get started using web components and templates now.
+
       <div class="row-fluid">
 
         <!-- Get Started Web UI -->
@@ -200,15 +199,27 @@ using the Dart language, tools, and APIs.
     </div> <!-- end WEB UI tab -->
 
   <!-- POLYMER TAB -->
-  <!--
     <div class="tab-pane" id="polymer">
+<aside class="alert" style="background-color:Lavender;color:SlateBlue">
+  <font size="24">
+  <i class="icon-bullhorn"> </i>
+  </font>
+  <a href="/polymer-dart/" target="_blank">Polymer.dart</a>.
+  supersedes Web UI.
+  <a href="/docs/tutorials/polymer/">Polymer Elements</a>,
+  a new tutorial, covers one key feature of Polymer.dart.
+  We've also provided Polymer.dart versions of the tutorial's Web UI apps.
+  Check out the
+  <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/"
+         target="_blank">tutorials's code repo</a> on github.
+</aside>
       <div class="row-fluid">
 
         <div class="span6" style="border-right:1px solid Lavender">
           <section>
-          <h4><a href="polymer/"><img src="images/target.png" height="20" width="20">&nbsp;Polymer</a></h4>
-          <p>Polymer - a shiny new package!</p>
-          <img src="images/countdown-screenshot.png" width="300">
+          <h4><a href="polymer/"><img src="images/target.png" height="20" width="20">&nbsp;Polymer Elements</a></h4>
+          <p>Create new HTML tags with Polymer elements.</p>
+          <img src="images/stopwatch-screenshot.png" width="200">
           </section>
         </div>
 
@@ -217,8 +228,7 @@ using the Dart language, tools, and APIs.
 
       </div>
     </div>
-  -->
-    
+
   <!-- FORMS TAB -->
     <div class="tab-pane" id="forms">