Re-configured samples page.

src/site/samples/samples.yaml

Index: src/site/samples/samples.yaml
diff --git a/src/site/samples/samples.yaml b/src/site/samples/samples.yaml
index b5f21e9fb0e89719df34cb652de2cc3458e207f3..e0097e30c110fb75a4aed0417b9899dc77e5aac6 100644
--- a/src/site/samples/samples.yaml
+++ b/src/site/samples/samples.yaml
@@ -1,99 +1,98 @@
-row01:
--
-  title: Hello, World
-  name: hello
-  alt: Hello, World in a browser.
-  source_url: https://code.google.com/p/dart/source/browse/#svn%2Ftrunk%2Fdart%2Fsamples%2Fhi
-  desc: Basic web app with the obligatory "Hello, world" example.
-  features: 
-    - Libraries and imports
-    - main()
-    - Finding DOM elements
-    - Setting text on a web page
+col1:
+  -
+    group_id: working_with_the_dom
+    heading: Working with the DOM
+    examples:
+      -
+        title: Adding elements to the DOM
+        explanation_url: /docs/tutorials/add-elements/
+        tryit_url: todo/
+        source_url: https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/todo
+      -
+        title: Moving elements within the DOM tree
+        explanation_url: /docs/tutorials/add-elements/#moving-elements
+        tryit_url: anagram/
+        source_url: https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/anagram
+      -
+        title: Removing elements from the DOM
+        explanation_url: /docs/tutorials/remove-elements
+        tryit_url: todo_with_delete/
+        source_url: https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/todo_with_delete
+  -
+    group_id: polymer_dart
+    heading: polymer.dart
+    examples:
+      -
+        title: Defining a Custom Element

[Kathy Walrath, 2013/10/15 16:27:30]

Custom Element -> custom element

(we aren't capitalizing "custom element", except maybe when we refer to the
spec. and maybe not even then.)

+        explanation_url: /docs/tutorials/polymer-intro
+        tryit_url: stopwatch/
+        source_url: https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/stopwatch
+      -
+        title: Working with forms in Polymer
+        explanation_url: /docs/tutorials/forms
+        tryit_url: slambook/
+        source_url: https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/slambook
+      -
+        title: TodoMVC
+        explanation_url: https://github.com/dart-lang/bleeding_edge/blob/master/dart/samples/third_party/todomvc/README.md
+        tryit_url: todomvc/
+        source_url: https://github.com/dart-lang/bleeding_edge/tree/master/dart/samples/third_party/todomvc
+      -
+        title: Building a CRUD app
+        explanation_url: https://github.com/dart-lang/bleeding_edge/tree/master/dart/samples/tracker
+        source_url: https://github.com/dart-lang/bleeding_edge/tree/master/dart/samples/tracker
+      -
+        title: Replacing radios and checkboxes with a custom element
+        explanation_url: https://github.com/dart-lang/bleeding_edge/tree/master/dart/samples/survey
+        source_url: https://github.com/dart-lang/bleeding_edge/tree/master/dart/samples/survey
 
--
-  title: Solar System
-  name: solar
-  alt: Solar system in a browser.
-  source_url: http://code.google.com/p/dart/source/browse/#svn%2Ftrunk%2Fdart%2Fsamples%2Fsolar
-  desc: A solar system simulation.
-  features:
-    - HTML5 canvas
-    - Collections
-    - Optional parameters
-    - Math
+col2:
+  -
+    group_id: animation_and_graphics
+    heading: Animation and graphics
+    examples:
+      -
+        title: Working with RequestAnimationFrame
+        explanation_url: https://github.com/dart-lang/dart-samples/tree/master/web/html5/speed/animations
+        tryit_url: raf/
+        source_url: https://github.com/dart-lang/dart-samples/tree/master/web/html5/speed/animations
+      -
+        title: 2-D solar system animation using Canvas
+        explanation_url: https://github.com/dart-lang/bleeding_edge/tree/master/dart/samples/solar
+        tryit_url: solar/
+        source_url: https://github.com/dart-lang/bleeding_edge/tree/master/dart/samples/solar
+      -
+        title: 3-D solar system animation using WebGL
+        explanation_url: https://github.com/dart-lang/bleeding_edge/tree/master/dart/samples/solar3d
+        tryit_url: solar3d/
+        source_url: https://github.com/dart-lang/bleeding_edge/tree/master/dart/samples/solar3d
+  -
+    group_id: html5_persistence
+    heading: Html5 persistence

[Kathy Walrath, 2013/10/15 16:27:30]

Html5 persistence -> HTML5 persistence

(or maybe just Persistence?)

+    examples:
+      -
+        title: Simple LocalStorage example
+        explanation_url: https://github.com/dart-lang/dart-samples/blob/master/web/html5/localstorage/basics/README
+        tryit_url: localstorage/
+        source_url: https://github.com/dart-lang/dart-samples/tree/master/web/html5/localstorage/basics
+      -
+        title: Simple todo app using IndexedDB
+        explanation_url: https://github.com/dart-lang/dart-samples/tree/master/web/html5/indexeddb
+        tryit_url: indexeddb_todo/
+        source_url: https://github.com/dart-lang/dart-samples/tree/master/web/html5/indexeddb
+      -
+        title: Store and retrieve data using IndexedDB
+        explanation_url: /docs/tutorials/indexeddb/
+        tryit_url: countdown/
+        source_url: https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/stopwatch
+      -
+        title: Exploring the Filesystem APIs
+        explanation_url: https://github.com/dart-lang/dart-samples/tree/master/web/html5/file/terminal
+        tryit_url: filesystem/
+        source_url: https://github.com/dart-lang/dart-samples/tree/master/web/html5/file/filesystem
+      -
+        title: Emulating a terminal for working with the file system
+        explanation_url: https://github.com/dart-lang/dart-samples/tree/master/web/html5/file/terminal
+        tryit_url: terminal/
+        source_url: https://github.com/dart-lang/dart-samples/tree/master/web/html5/file/terminal
 
--
-  title: Countdown Clock
-  name: clock
-  alt: Countdown clock in a browser.
-  source_url: http://code.google.com/p/dart/source/browse/#svn%2Ftrunk%2Fdart%2Fsamples%2Fclock
-  desc: A countdown clock, complete with bouncing balls, from Google I/O 2011.
-  features:
-    - Animations
-    - Classes
-    - Top-level functions
-    - Multiple files
-
-row02:
--
-  title: Sunflower
-  name: sunflower
-  alt: Sunflower in a browser.
-  source_url: http://code.google.com/p/dart/source/browse/#svn%2Ftrunk%2Fdart%2Fsamples%2Fsunflower
-  desc: Canvas 2D app with HTML5 range input and event handler.
-  features:
-    - HTML5 canvas
-    - Event handling
-    - Compile-time constants
-
--
-  title: Spirodraw
-  name: spirodraw
-  alt: A spirodraw game in a browser.
-  source_url: http://code.google.com/p/dart/source/browse/#svn%2Ftrunk%2Fdart%2Fsamples%2Fspirodraw
-  desc: Fun and interactive animation using canvas 2D.
-  features:
-    - HTML5 canvas
-    - User input
-    - Function alias
-    - Library with multiple files
-
--
-  title: HTML5 and Dart
-  name: html5
-  alt: A list of HTML5 samples written in Dart.
-  source_url: https://github.com/dart-lang/dart-html5-samples
-  desc: Lots of HTML5 samples written with Dart. Many ported from HTML5 Rocks.
-  features:
-    - HTML5 Rocks ports
-    - WebGL
-    - IndexedDB and local storage
-    - Many more HTML5 samples
-
-row03:
--
-  title: Pop Pop Win
-  name: poppopwin
-  alt: Gameboard for Pop Pop Win.
-  source_url: https://github.com/dart-lang/pop-pop-win
-  live_url: http://dart-lang.github.com/pop-pop-win/
-  desc: Pop balloons but avoid the bombs in this fun game.
-  features:
-    - Touch and mouse events
-    - Web Audio API
-    - HTML5 canvas
-    - Sprite atlases
-
--
-  title: TodoMVC
-  name: todomvc
-  alt: Todo list.
-  source_url: https://github.com/dart-lang/web-ui/tree/master/example/todomvc
-  live_url: http://dart-lang.github.com/web-ui/example/todomvc/index.html
-  desc: Port of TodoMVC to Dart using the Web UI package. <a href="/articles/dart-web-components/">Read more about the Web UI package.</a>
-  features:
-    - Custom elements
-    - One-way and two-way data binding
-    - Template loops and conditionals
-    - Declarative event handler assignment