diff --git a/public/_includes/_version-dropdown.jade b/public/_includes/_version-dropdown.jade
index 9ccc4b1cee..b45fb1c61b 100644
--- a/public/_includes/_version-dropdown.jade
+++ b/public/_includes/_version-dropdown.jade
@@ -11,7 +11,7 @@ if current.path[2]
if current.path[3]
- page = current.path[3] + '.html'
+ page = current.path[3]
diff --git a/public/docs/dart/latest/_data.json b/public/docs/dart/latest/_data.json
index 10a40b3ff8..e1d934b395 100644
--- a/public/docs/dart/latest/_data.json
+++ b/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 angulardart.org."
},
-
+
"api": {
"icon": "book",
"title": "API Proposal"
diff --git a/public/docs/dart/latest/guide/_data.json b/public/docs/dart/latest/guide/_data.json
index 3fb2fc9384..2a00b4acf8 100644
--- a/public/docs/dart/latest/guide/_data.json
+++ b/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"
}
}
\ No newline at end of file
diff --git a/public/docs/dart/latest/guide/displaying-data.jade b/public/docs/dart/latest/guide/displaying-data.jade
index 185b1aed4f..4ecd499272 100644
--- a/public/docs/dart/latest/guide/displaying-data.jade
+++ b/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')
- img(src='displaying-data-example1.png')
+ figure.image-display
+ img(src='displaying-data-example1.png')
.l-main-section
h2#section-create-an-entry-point Create an entry point
diff --git a/public/docs/dart/latest/guide.jade b/public/docs/dart/latest/guide/index.jade
similarity index 58%
rename from public/docs/dart/latest/guide.jade
rename to public/docs/dart/latest/guide/index.jade
index eacee6b0d6..66aa7bf4dd 100644
--- a/public/docs/dart/latest/guide.jade
+++ b/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 })
diff --git a/public/docs/dart/latest/guide/making-components.jade b/public/docs/dart/latest/guide/making-components.jade
index 30d2235763..1295bcb8ed 100644
--- a/public/docs/dart/latest/guide/making-components.jade
+++ b/public/docs/dart/latest/guide/making-components.jade
@@ -46,5 +46,5 @@
p.
Notice that in addition to using the <child> element in the parent template, you also need to
add ChildComponent in ParentComponent's list of directives
- p.
+ //p.
[TODO: Motivate communication between components with iterator example that passes index to the child]
diff --git a/public/docs/dart/latest/guide/user-input.jade b/public/docs/dart/latest/guide/user-input.jade
index db83a31230..a32b6b8b9a 100644
--- a/public/docs/dart/latest/guide/user-input.jade
+++ b/public/docs/dart/latest/guide/user-input.jade
@@ -23,8 +23,8 @@
event. And the {{my-name.value}} binds the text node of the <p> 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')
- img(src='user-input-example1.png')
+ figure.image-display
+ img(src='user-input-example1.png')
.l-main-section
diff --git a/public/docs/dart/latest/index.jade b/public/docs/dart/latest/index.jade
index 1c3957198c..1783f89814 100644
--- a/public/docs/dart/latest/index.jade
+++ b/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 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 API Preview
- p.text-body Proposal for v2.0 API
+ h3.text-headline.text-uppercase 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
diff --git a/public/docs/js/latest/guide/_data.json b/public/docs/js/latest/guide/_data.json
index 001d0e6f38..05048ac264 100644
--- a/public/docs/js/latest/guide/_data.json
+++ b/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"
}
}
diff --git a/public/resources/css/module/_side-nav.scss b/public/resources/css/module/_side-nav.scss
index ac5e9fb38c..6f00912885 100644
--- a/public/resources/css/module/_side-nav.scss
+++ b/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;
}
}
}