From 7f1e2e48467f80cc083d24b44f088620e4e7bcb6 Mon Sep 17 00:00:00 2001
From: Igor Minar
Date: Mon, 6 Jun 2011 08:50:35 -0700
Subject: new batch of docs

---
 docs/content/tutorial/step_01.ngdoc | 50 ++++++++-----------------------------
 1 file changed, 11 insertions(+), 39 deletions(-)

(limited to 'docs/content/tutorial/step_01.ngdoc')

diff --git a/docs/content/tutorial/step_01.ngdoc b/docs/content/tutorial/step_01.ngdoc
index a0fac338..81d9082a 100755
--- a/docs/content/tutorial/step_01.ngdoc
+++ b/docs/content/tutorial/step_01.ngdoc
@@ -1,44 +1,26 @@
 @ngdoc overview
-@name Tutorial: Step 1
+@name Tutorial: 1 - Static Template
 @description
-<table id="tutorial_nav">
-  <tr>
-  <td id="previous_step">{@link tutorial.step_00 Previous}</td>
-    <td id="step_result">{@link http://angular.github.com/angular-phonecat/step-1/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-0...step-1 Code Diff}</td>
-    <td id="next_step">{@link tutorial.step_02 Next}</td>
-  </tr>
-</table>
 
 
-In order to illustrate how angular enhances standard HTML, you will create a purely *static* HTML
-page and then examine how we can turn this HTML code into a template that angular will use to
-dynamically display the same result with any set of data.
-
-
-In this step you will add some basic information about two cell phones to an HTML page.
+<ul doc:tutorial-nav="1"></ul>
 
 
-1. Reset the workspace to step 1.
 
 
-   * Git users run:
+In order to illustrate how angular enhances standard HTML, you will create a purely *static* HTML
+page and then examine how we can turn this HTML code into a template that angular will use to
+dynamically display the same result with any set of data.
 
 
-              git checkout -f step-1
+In this step you will add some basic information about two cell phones to an HTML page.
 
 
-   * Snapshot users run:
 
 
-              ./goto_step.sh 1
+<doc:tutorial-instructions step="1" show="true"></doc:tutorial-instructions>
 
 
-2. Refresh your browser or check the app out on {@link
-http://angular.github.com/angular-phonecat/step-1/app anglar's server}.
 
 
 The page now contains a list with information about two phones.
@@ -77,9 +59,7 @@ __`app/index.html`:__
 * Try adding more static HTML to `index.html`. For example:
 
 
-  <pre>
-    <p>Total number of phones: 2</p>
-  </pre>
+          <p>Total number of phones: 2</p>
 
 
 
@@ -91,15 +71,7 @@ This addition to your app uses static HTML to display the list. Now, let's go to
 how to use angular to dynamically generate the same list.
 
 
-<table id="tutorial_nav">
-  <tr>
-  <td id="previous_step">{@link tutorial.step_00 Previous}</td>
-    <td id="step_result">{@link http://angular.github.com/angular-phonecat/step-1/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-0...step-1 Code Diff}</td>
-    <td id="next_step">{@link tutorial.step_02 Next}</td>
-  </tr>
-</table>
+
+
+<ul doc:tutorial-nav="1"></ul>
 
-- 
cgit v1.2.3