From fde1828a92532582b7f29a404b2b8a8c9a5818fc Mon Sep 17 00:00:00 2001
From: Ward Bell <wardbell@hotmail.com>
Date: Tue, 15 Dec 2015 14:45:45 -0800
Subject: [PATCH] docs(quickstart): update display of final struct + text
 tweaks closes #538

---
 public/docs/js/latest/quickstart.jade   | 19 ++++++++++---------
 public/docs/ts/latest/guide/router.jade |  4 +---
 public/docs/ts/latest/quickstart.jade   | 25 ++++++++++++++-----------
 3 files changed, 25 insertions(+), 23 deletions(-)

diff --git a/public/docs/js/latest/quickstart.jade b/public/docs/js/latest/quickstart.jade
index 81087af769..662d737dea 100644
--- a/public/docs/js/latest/quickstart.jade
+++ b/public/docs/js/latest/quickstart.jade
@@ -287,15 +287,16 @@ figure.image-display
 :marked
   ## Final structure
   Our final project folder structure looks like this:
-code-example(format="").
-  angular2-quickstart
-    ├── node_modules
-    ├── app
-    │    ├── app.component.js
-    |    └── boot.js
-    ├── index.html
-    ├── package.json
-    └── tsconfig.json
+.filetree
+  .file angular2-quickstart
+  .children
+    .file node_modules
+    .file app
+    .children
+      .file app.component.ts
+      .file boot.ts
+    .file index.html
+    .file package.json
 :marked
   And here are the files:
 +makeTabs(`
diff --git a/public/docs/ts/latest/guide/router.jade b/public/docs/ts/latest/guide/router.jade
index 765745dbc1..7e6d382e78 100644
--- a/public/docs/ts/latest/guide/router.jade
+++ b/public/docs/ts/latest/guide/router.jade
@@ -906,7 +906,6 @@ code-example(format="").
   .file router-sample
   .children
     .file node_modules
-    .file src
     .file app
     .children
       .file crisis-center/...
@@ -915,9 +914,9 @@ code-example(format="").
       .file boot.ts
       .file dialog.service.ts
     .file index.html
+    .file package.json    
     .file styles.css
     .file tsconfig.json
-    .file package.json
 :marked
   The top level application files are
 +makeTabs(
@@ -947,7 +946,6 @@ code-example(format="").
       .file crisis-detail.component.ts
       .file crisis-list.component.ts
       .file crisis.service.ts
-      .file routes.ts
 :marked
 +makeTabs(
    `router/ts/app/crisis-center/crisis-center.component.ts,    
diff --git a/public/docs/ts/latest/quickstart.jade b/public/docs/ts/latest/quickstart.jade
index b7168840ac..7d26d93bd2 100644
--- a/public/docs/ts/latest/quickstart.jade
+++ b/public/docs/ts/latest/quickstart.jade
@@ -294,15 +294,17 @@ figure.image-display
 :marked
   ## Final structure
   Our final project folder structure looks like this:
-code-example(format="").
-  angular2-quickstart
-    ├── node_modules
-    ├── app
-    │    ├── app.component.ts
-    |    └── boot.ts
-    ├── index.html
-    ├── package.json
-    └── tsconfig.json
+.filetree
+  .file angular2-quickstart
+  .children
+    .file node_modules
+    .file app
+    .children
+      .file app.component.ts
+      .file boot.ts
+    .file index.html
+    .file package.json
+    .file tsconfig.json
 :marked
   And here are the files:
 +makeTabs(`
@@ -479,7 +481,7 @@ code-example(format="").
   With those cautions in mind, what are we doing here?
 +makeExample('quickstart/ts/index.html', 'systemjs', 'index.html (System configuration')(format=".")
 :marked
-  The `packages:` line tells SystemJS what to do when it sees a request for a 
+  The `packages` node tells SystemJS what to do when it sees a request for a 
   module from the `app/` folder. 
   
   Our QuickStart makes such requests when one of its
@@ -512,9 +514,10 @@ code-example(format="").
     
     * pre-compilation fits into a continuous integration process of build, test, deploy.
 :marked
-  The `System.Import` call tells SystemJS to import the `boot` file 
+  The `System.import` call tells SystemJS to import the `boot` file 
   (`boot.js` ... after transpiling `boot.ts`, remember?).
   `boot` is where we tell Angular to launch the application.
+  We also catch and log launch errors to the console. 
   
   All other modules are loaded upon request
   either by an import statement or by Angular itself.