scaffolding for guide

public/_includes/_docs-nav.jade

@@ -25,7 +25,7 @@ nav.side-nav.l-pinned-left.l-layer-4.l-offset-nav
               ordered = listType == "ordered" ? "is-ordered" : ""
               number = 0
 
-              ul.side-nav-secondary
+              ul(class="side-nav-secondary #{ordered}")
 
                 for page, slug in public.docs[current.path[1]][current.path[2]][current.path[3]]._data
                   name = page.menuTitle || page.title
@@ -34,10 +34,10 @@ nav.side-nav.l-pinned-left.l-layer-4.l-offset-nav
 
                   if slug != "_listtype"
                     if num
-                      li(class="#{selected} #{ordered}") <a href="/docs/#{current.path[1]}/#{current.path[2]}/#{current.path[3]}/#{slug}.html" md-button>#{num}.  #{slug}</a>
+                      li(class="#{selected}") <a href="/docs/#{current.path[1]}/#{current.path[2]}/#{current.path[3]}/#{slug}.html" md-button>#{num}.  #{page.title}</a>
 
                     else
-                      li(class="#{selected} #{ordered}") <a href="/docs/#{current.path[1]}/#{current.path[2]}/#{current.path[3]}/#{slug}.html" md-button>#{slug}</a>
+                      li(class="#{selected}") <a href="/docs/#{current.path[1]}/#{current.path[2]}/#{current.path[3]}/#{slug}.html" md-button>#{slug}</a>
 
 
                   // TERTIARY NAVIGATION

public/_includes/_next-item.jade

@@ -0,0 +1,3 @@
+currentItem = false
+nextItem = false
+

public/docs/js/latest/guide/_data.json

@@ -1,11 +1,35 @@
 {
   "_listtype": "ordered",
 
-  "view": {
+  "setup": {
-    "title": "View Guide"
+    "title": "Setup"
   },
 
-  "zones": {
+  "displaying-data": {
-    "title": "Zone Guide"
+    "title": "Displaying Data"
+  },
+
+  "user-input": {
+    "title": "User Input"
+  },
+
+  "creating-components": {
+    "title": "Creating Components"
+  },
+
+  "talking-to-components": {
+    "title": "Talking to Components"
+  },
+
+  "using-forms": {
+    "title": "Using Forms"
+  },
+
+  "transforming-data": {
+    "title": "Tranforming data (pipes)"
+  },
+
+  "reusing-components": {
+    "title": "Reusing Components"
   }
 }

public/docs/js/latest/guide/_layout.jade

@@ -0,0 +1,19 @@
+doctype
+html(lang="en" ng-app="angularIOApp")
+  head
+    != partial("../../../../_includes/_head-include")
+
+  body(class="l-offset-nav l-offset-side-nav"  ng-controller="AppCtrl")
+    != partial("../../../../_includes/_main-nav")
+    != partial("../../../../_includes/_docs-nav")
+    != partial("../../../../_includes/_hero")
+
+    if banner
+      != partial("../../../../_includes/_banner")
+
+    article.l-content-small.grid-fluid.docs-content
+      != yield
+      != partial("../../../../_includes/_next-item")
+
+    != partial("../../../../_includes/_footer")
+    != partial("../../../../_includes/_scripts-include")

public/docs/js/latest/guide/setup.jade

@@ -0,0 +1,26 @@
+p.
+  <strong>Angular is still unpackaged and in alpha</strong>. This quickstart does not
+  reflect the final build process for Angular. The following setup is for those who
+  want to try out Angular while it is in alpha.
+
+.l-main-section
+  h2#section-create-project 1. Create a project
+
+  p.
+    The goal of this quickstart is to create a component that renders "Hello Alice" to the page.
+    To get started, create a new directory.
+
+
+.l-main-section
+  h2#section-add-es6-shim 2. Clone the quickstart repository
+
+  p Within your project, clone the quickstart repository:
+
+  pre.prettyprint
+    code git clone https://github.com/angular/quickstart.git
+
+
+
+// WHAT'S NEXT... ##########################
+.l-main-section
+  h2#section-transpile Great job! We'll have the next steps out soon.

public/resources/css/module/_side-nav.scss

@@ -107,7 +107,6 @@
         padding: 0px ($unit * 2) 0px ($unit * 6);
         color: $metal;
         font-size: 14px;
-        text-transform: uppercase;
         text-align: left;
         font-weight: 400;
         position: relative;
@@ -141,19 +140,15 @@
     }
 
     &.is-ordered {
-      list-style-type: decimal;
-      list-style: none;
 
       > li {
         line-height: 40px;
         vertical-align: top;
 
         > a {
-          padding: 0px 0px 0px ($unit * 8);
+          padding: 0px ($unit * 2) 0px ($unit * 3);
-          display: block;
+          text-transform: none;
-          box-sizing: normal;
+          font-size: 14px;
-          width: 100%;
-          line-height: 40px;
         }
       }
     }