linked to new polymer examples

src/site/docs/tutorials/web-ui/index.markdown

 ---
 layout: default
 title: "Target 6: Get Started with Web UI"
 description: "Web UI provides web components, templates, data binding, and encapsulation."
 has-permalinks: true
 tutorial:
   id: get-started-web-ui
 ---
 
 {% capture whats_the_point %}
 
 * Web UI is an open-source package.
 * Web UI provides web components for Dart apps.
 * Other features support separation of data and presentation.
 * Compile Web UI apps automatically in Dart Editor.
 * Use data binding to sync Dart variables and UI elements.
 * Attach event handlers to UI elements in HTML.
 
 {% endcapture %}
 
 {% capture sample_links %}
 
 <p>
 Get the source code for the samples featured in this target:</p>
 
 <ul>
   <li>
     <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/target06/littleben"
-       target="_blank">littleben</a>
+       target="_blank">littleben</a> (web_ui)
+  </li>
+  <li>
+    <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/target06-polymer/littleben" 
+       target="_blank">littleben</a> (polymer)
+  </li>
+  <li>
+    <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/target06-polymer/petiteben"
+       target="_blank">petiteben</a> (polymer)
   </li>
   <li>
     <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/target06/shout"
-       target="_blank">shout</a>
+       target="_blank">shout</a> (web_ui)
+  </li>
+  <li>
+    <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/target06-polymer/shout"
+       target="_blank">shout</a> (polymer)
   </li>
   <li>
     <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/target06/stopwatch"
-       target="_blank">stopwatch</a>
+       target="_blank">stopwatch</a> (web_ui)
+  </li>
+  <li>
+    <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/target06-polymer/stopwatch"
+       target="_blank">stopwatch</a> (polymer)
   </li>
 </ul>
 
 {% endcapture %}
 
 {% capture content %}
 
 <hr>
 
 <aside class="alert" style="background-color:Lavender;color:SlateBlue">
   <font size="24">
   <i class="icon-bullhorn"> </i>
   </font>
 
   The Dart Web UI team recently
   <a href="https://groups.google.com/a/dartlang.org/forum/#!topic/web-ui/6laXXxRtA7k">announced</a>
   a port of the Polymer project:
   <a href="http://pub.dartlang.org/packages/polymer">polymer.dart</a>.
 
-  Here are a few samples that we've converted to Polymer so far:
+  We've converted most of the tutorial Web UI examples and compiled some
+  <a href="https://github.com/dart-lang/dart-tutorials-samples/blob/master/web/to-polymer-notes.txt" target="_blank">notes</a>
+  along the way.
+  Here is source code for the polymer versions of the three examples from this target.
+  The littleben sample shows two different ways you can write the conversion&mdash;one

[Kathy Walrath, 2013/07/22 18:07:02]

I'd remove the sentence about littleben from the big paragraph. Put its contents
into the individual little/petiteben sample notes. (The note looked long and
scary!)

Also, should we say custom component or custom element?

Finally, should we perhaps just name the samples littleben_with_custom_element
and littleben_with_bound_model or littleben1 and littleben2 or some other naming
scheme, so as not to make petiteben seem like a second class citizen?

+  using a custom component and one using a template with a programmatically bound model.
   <ul>
     <li>
       <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/target06-polymer/littleben"
-         target="_blank">littleben</a>
+         target="_blank">littleben</a> with custom component

[Kathy Walrath, 2013/07/22 18:07:02]

with custom component
->
: version with a custom component

(or custom element, whichever is best)

+    </li>
+    <li>
+      <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/target06-polymer/petiteben"
+         target="_blank">petiteben</a> with bound model

[Kathy Walrath, 2013/07/22 18:07:02]

with bound model ->
: littleben version with a bound model

     </li>
     <li>
       <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/target06-polymer/shout"
          target="_blank">shout</a>
     </li>
     <li>
       <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/target06-polymer/stopwatch"
          target="_blank">stopwatch</a>
     </li>
   </ul>
@@ skipping 495 matching lines @@
 </a>
   </div>
   <div class="span3">
   <a href="/docs/tutorials/templates/" class="pull-right">Use &lt;template&gt; <i class="icon-chevron-right"> </i> </a>
   </div>
 </div>
 
 {% endcapture %}
 
 {% include tutorial.html %}