new batch of docs

1 files changed, 10 insertions, 32 deletions

diff --git a/docs/content/tutorial/step_09.ngdoc b/docs/content/tutorial/step_09.ngdoc
index 8043af85..fc9ba360 100755
--- a/docs/content/tutorial/step_09.ngdoc
+++ b/docs/content/tutorial/step_09.ngdoc
@@ -1,36 +1,22 @@
 @ngdoc overview
-@name Tutorial: Step 9
+@name Tutorial: 9 - Filters
 @description
-<table id="tutorial_nav">
-<tr>
-<td id="previous_step">{@link tutorial.step_08 Previous}</td>
-<td id="step_result">{@link  http://angular.github.com/angular-phonecat/step-9/app Live Demo
-}</td>
-<td id="tut_home">{@link tutorial Tutorial Home}</td>
-<td id="code_diff">{@link https://github.com/angular/angular-phonecat/compare/step-8...step-9 Code
-Diff}</td>
-<td id="next_step">{@link tutorial.step_10 Next}</td>
-</tr>
-</table>
 
 
-In this step you will learn how to create your own custom display filter.
+<ul doc:tutorial-nav="9"></ul>
+
 
 
-1. Reset your workspace to Step 9 using:
 
+In this step you will learn how to create your own custom display filter.
 
-         git checkout -f step-9
 
 
-  or
 
+<doc:tutorial-instructions step="9"></doc:tutorial-instructions>
 
-         ./goto_step.sh 9
 
 
-2. Refresh your browser or check the app out on {@link
-http://angular.github.com/angular-phonecat/step-9/app angular's server}.
 
 Navigate to one of the detail pages.
 
@@ -51,7 +37,7 @@ GitHub}:
 
 
 In order to create a new filter, simply register your custom filter function with the {@link
-angular.filter `angular.filter`} API.
+api/angular.filter `angular.filter`} API.
 
 
 __`app/js/filters.js`:__
@@ -146,7 +132,7 @@ output.
 # Experiments
 
 
-* Let's experiment with some of the {@link angular.filter built-in angular filters} and add the
+* Let's experiment with some of the {@link api/angular.filter built-in angular filters} and add the
 following bindings to `index.html`:
   * `{{ "lower cap string" | uppercase }}`
   * `{{ {foo: "bar", baz: 23} | json }}`
@@ -170,14 +156,6 @@ Now that you have learned how to write and test a custom filter, go to step 10 t
 use angular to enhance the phone details page further.
 
 
-<table id="tutorial_nav">
-<tr>
-<td id="previous_step">{@link tutorial.step_08 Previous}</td>
-<td id="step_result">{@link  http://angular.github.com/angular-phonecat/step-9/app Live Demo
-}</td>
-<td id="tut_home">{@link tutorial Tutorial Home}</td>
-<td id="code_diff">{@link https://github.com/angular/angular-phonecat/compare/step-8...step-9 Code
-Diff}</td>
-<td id="next_step">{@link tutorial.step_10 Next}</td>
-</tr>
-</table>
+
+
+<ul doc:tutorial-nav="9"></ul>