dart updates

public/_includes/_version-dropdown.jade

@@ -11,7 +11,7 @@ if current.path[2]
 
 <!-- Replace _ undscores with . dots -->
 if current.path[3]
-  page = current.path[3] + '.html'
+  page = current.path[3]
 
 
 <!-- VERSION TREE CREATOR MIXIN -->

public/docs/dart/latest/_data.json

@@ -16,7 +16,7 @@
     "title": "Step By Step Guide",
     "banner": "Angular 2 is currently in Alpha Preview. For AngularDart 1.X resources, visit <a href='https://angulardart.org/'>angulardart.org</a>."
   },
-  
+
   "api": {
     "icon": "book",
     "title": "API Proposal"

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

@@ -3,6 +3,11 @@
   "setup": {
     "title": "Getting Started"
   },
+
+  "index": {
+    "title": "Step By Step Guide"
+  },
+
   "displaying-data": {
     "title": "Displaying Data"
   },
@@ -11,8 +16,5 @@
   },
   "making-components": {
     "title": "Making Components"
-  },
-  "talking-to-components": {
-    "title": "Talking to Components"
   }
 }

public/docs/dart/latest/guide/displaying-data.jade

@@ -7,8 +7,8 @@
       based on state.
   p.
       We'll end up with a UI that looks like this:
-  div(align='center')
+  figure.image-display
-      img(src='displaying-data-example1.png')
+    img(src='displaying-data-example1.png')
 
 .l-main-section
   h2#section-create-an-entry-point Create an entry point

public/docs/dart/latest/guide/index.jade

@@ -2,9 +2,9 @@ number = 1;
 ul
   for page, slug in public.docs[current.path[1]][current.path[2]].guide._data
 
-    if slug != '_listtype'
+    if slug != '_listtype' && slug != 'index'
       url = "/docs/" + current.path[1] + "/" + current.path[2] + "/" + current.path[3] + "/" + slug + ".html"
       num = number++
 
       li.c8
-        != partial("../../../_includes/_hover-card", { number: num, name: page.title, url: url })
+        != partial("../../../../_includes/_hover-card", { icon: "icon-number", number: num, name: page.title, url: url })

public/docs/dart/latest/guide/making-components.jade

@@ -46,5 +46,5 @@
   p.
     Notice that in addition to using the <code>&lt;child&gt;</code> element in the parent template, you also need to
     add <code>ChildComponent</code> in <code>ParentComponent</code>'s list of directives
-  p.
+  //p.
     [TODO: Motivate communication between components with iterator example that passes index to the child]

public/docs/dart/latest/guide/user-input.jade

@@ -23,8 +23,8 @@
     event.  And the <code>{{my-name.value}}</code> binds the text node of the  <code>&lt;p&gt;</code> element to the
     input's value property.
   p Let's do something a little more complex where users enter items and add them to a list like this:
-  div(align='center')
+  figure.image-display
-      img(src='user-input-example1.png')
+    img(src='user-input-example1.png')
 
 
 .l-main-section

public/docs/dart/latest/index.jade

@@ -1,6 +1,6 @@
 
 div.c4
-  md-card
+  md-card.card
     md-card-content
       h3.text-headline.text-uppercase <span class="icon-query-builder"></span> Quickstart
       p.text-body Learn in 5 minutes
@@ -16,16 +16,15 @@ div.c4
       p.text-body Step by Step Guide
 
       footer
-        a(href="/docs/#{current.path[1]}/#{current.path[2]}/guide.html" class="button button-primary" md-button) View Guide
+        a(href="/docs/#{current.path[1]}/#{current.path[2]}/guide/" class="button button-primary" md-button) View Guide
-
 
 
 div.c4
-  md-card
+  md-card.card
     md-card-content
-      h3.text-headline.text-uppercase <span class="icon-book"></span> API Preview
+      h3.text-headline.text-uppercase <span class="icon-book"></span> API
-      p.text-body Proposal for v2.0 API
+      p.text-body API 2.0 Preview
 
       footer
-        a(href="/docs/#{current.path[1]}/#{current.path[2]}/api.html" class="button" md-button) View API
+        a(href="/docs/#{current.path[1]}/#{current.path[2]}/api/" class="button" md-button) View API
 

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

@@ -22,9 +22,5 @@
   "making-components": {
     "title": "Making Components",
     "intro": "Angular applications are a tree of nested components. You always begin with a top-level component. You add child components by including them in the parent's template."
-  },
-
-  "talking-to-components": {
-    "title": "Talking to Components"
   }
 }

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

@@ -206,6 +206,10 @@
         overflow: hidden;
         text-overflow: ellipsis;
         display: block;
+        text-decoration: none;
+        font-weight: 400;
+        padding: 0px $unit;
+        line-height: 34px;
       }
     }
   }