diff --git a/public/_includes/_docs-nav.jade b/public/_includes/_docs-nav.jade
index 8f48f9dbce..1a15864da9 100644
--- a/public/_includes/_docs-nav.jade
+++ b/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}") #{num}. #{slug}
+ li(class="#{selected}") #{num}. #{page.title}
else
- li(class="#{selected} #{ordered}") #{slug}
+ li(class="#{selected}") #{slug}
// TERTIARY NAVIGATION
diff --git a/public/_includes/_next-item.jade b/public/_includes/_next-item.jade
new file mode 100644
index 0000000000..afe998f903
--- /dev/null
+++ b/public/_includes/_next-item.jade
@@ -0,0 +1,3 @@
+currentItem = false
+nextItem = false
+
diff --git a/public/docs/js/latest/guide/_data.json b/public/docs/js/latest/guide/_data.json
index 14d52efcb0..4aab0348ed 100644
--- a/public/docs/js/latest/guide/_data.json
+++ b/public/docs/js/latest/guide/_data.json
@@ -1,11 +1,35 @@
{
"_listtype": "ordered",
- "view": {
- "title": "View Guide"
+ "setup": {
+ "title": "Setup"
},
- "zones": {
- "title": "Zone Guide"
+ "displaying-data": {
+ "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"
}
}
diff --git a/public/docs/js/latest/guide/_layout.jade b/public/docs/js/latest/guide/_layout.jade
new file mode 100644
index 0000000000..576e452481
--- /dev/null
+++ b/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")
\ No newline at end of file
diff --git a/public/docs/js/latest/guide/view.jade b/public/docs/js/latest/guide/creating-components.jade
similarity index 100%
rename from public/docs/js/latest/guide/view.jade
rename to public/docs/js/latest/guide/creating-components.jade
diff --git a/public/docs/js/latest/guide/zones.jade b/public/docs/js/latest/guide/displaying-data.jade
similarity index 100%
rename from public/docs/js/latest/guide/zones.jade
rename to public/docs/js/latest/guide/displaying-data.jade
diff --git a/public/docs/js/latest/guide/reusing-components.jade b/public/docs/js/latest/guide/reusing-components.jade
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/public/docs/js/latest/guide/setup.jade b/public/docs/js/latest/guide/setup.jade
new file mode 100644
index 0000000000..1f3ff1cc71
--- /dev/null
+++ b/public/docs/js/latest/guide/setup.jade
@@ -0,0 +1,26 @@
+p.
+ Angular is still unpackaged and in alpha. 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.
diff --git a/public/docs/js/latest/guide/talking-to-components.jade b/public/docs/js/latest/guide/talking-to-components.jade
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/public/docs/js/latest/guide/transforming-data.jade b/public/docs/js/latest/guide/transforming-data.jade
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/public/docs/js/latest/guide/user-input.jade b/public/docs/js/latest/guide/user-input.jade
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/public/docs/js/latest/guide/using-forms.jade b/public/docs/js/latest/guide/using-forms.jade
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/public/resources/css/module/_side-nav.scss b/public/resources/css/module/_side-nav.scss
index c33d71d6c0..e2dc0cda9b 100644
--- a/public/resources/css/module/_side-nav.scss
+++ b/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);
- display: block;
- box-sizing: normal;
- width: 100%;
- line-height: 40px;
+ padding: 0px ($unit * 2) 0px ($unit * 3);
+ text-transform: none;
+ font-size: 14px;
}
}
}