(docs) tutorial index fixes

public/docs/ts/latest/guide/template-syntax.jade

@@ -1196,7 +1196,7 @@ code-example(format="" language="html").
   <a id="expression-ops"></a>
   ## Template Expression Operators
   The template expression language employs a subset of JavaScript syntax supplemented with some special operators 
-  for specific scenarios. We'll' cover two of them: "pipe" and "Elvis".
+  for specific scenarios. We'll cover two of them, "pipe" and "Elvis".
   
   <a id="pipe"></a>
   ### The Pipe Operator ( | )

public/docs/ts/latest/tutorial/index.jade

@@ -1,7 +1,6 @@
 include ../../../../_includes/_util-fns
 
-.l-main-section
-  :markdown
+:markdown
   # Tour of Heroes: the vision
 
   Our grand plan is to build an app to help a staffing agency manage its stable of heroes.
@@ -26,44 +25,46 @@ include ../../../../_includes/_util-fns
   to chapters with greater depth.
     
 .l-main-section
-  :markdown
+:markdown
   ## The End Game
 
   Here's a visual idea of where we're going in this tour, beginning with the "Dashboard"
   view and our most heroic heroes:
 
-  figure.image-display
+figure.image-display
   img(src='/resources/images/devguide/toh/heroes-dashboard-1.png' alt="Output of heroes dashboard")
 
-  :markdown
-    Above the list are two links ("Dashboard" and "Heroes").
-    We click them to navigate between this Dashboard view and a Heroes view.
+:markdown
+  Above the dashboard are two links ("Dashboard" and "Heroes").
+  We could click them to navigate between this Dashboard and a Heroes view.
 
-    We can click a hero to be transitioned by the router to a "Hero Details" view,
-    where we can change the hero's name.
+  Instead we click the dashboard hero named "Magneta" and the router takes us to a "Hero Details" view
+  of that hero where we can change the hero's name.
   
-  figure.image-display
+figure.image-display
   img(src='/resources/images/devguide/toh/hero-details-1.png' alt="Details of hero in app")
 
-  :markdown
-    Links at the top take us back to either of the main views.
-    The "Back" button returns us to the "Dashboard" view.
+:markdown
+  Links at the top can take us to either of the main views.
+  We'll click the "Back" button which sends us to the "Heroes" master list view with
+  "Magneta" as the selected hero.
 
-  figure.image-display
+figure.image-display
   img(src='/resources/images/devguide/toh/heroes-list-1.png' alt="Output of heroes list app")
 
-  :markdown
-    Above the Dashboard are two links ("Dashboard" and "Heroes").
-    We click them to navigate between a Dashboard view and this Heroes view.
+:markdown
+  We click a different hero and the readonly mini-detail beneath the list reflects our new choice.
   
-    We can click the "Heroes" link and be wisked away by the router to 
-    a "Heroes" view where we can see a list of our heroes.
+  We click the "View Details" button to drill into the
+  editable details of our selected hero.
   
-    We can click a hero and have the router race us over to a "Hero Details" view
-    again.
+  The following diagram captures all of our navigation options.
+
+figure.image-display
+  img(src='/resources/images/devguide/toh/nav-diagram.png' alt="View navigations")
 
 .l-main-section
-  :markdown
+:markdown
   ## How We Roll
 
   We’ll build this Tour of Heroes together, step by step.