From 9eef5a660a1207a1e05dcd66d0fd4dd36c7c6010 Mon Sep 17 00:00:00 2001 From: Alex Wolfe Date: Sat, 18 Apr 2015 09:12:05 -0700 Subject: [PATCH] scaffolding for guide --- public/_includes/_docs-nav.jade | 6 ++-- public/_includes/_next-item.jade | 3 ++ public/docs/js/latest/guide/_data.json | 32 ++++++++++++++++--- public/docs/js/latest/guide/_layout.jade | 19 +++++++++++ .../{view.jade => creating-components.jade} | 0 .../{zones.jade => displaying-data.jade} | 0 .../js/latest/guide/reusing-components.jade | 0 public/docs/js/latest/guide/setup.jade | 26 +++++++++++++++ .../latest/guide/talking-to-components.jade | 0 .../js/latest/guide/transforming-data.jade | 0 public/docs/js/latest/guide/user-input.jade | 0 public/docs/js/latest/guide/using-forms.jade | 0 public/resources/css/module/_side-nav.scss | 11 ++----- 13 files changed, 82 insertions(+), 15 deletions(-) create mode 100644 public/_includes/_next-item.jade create mode 100644 public/docs/js/latest/guide/_layout.jade rename public/docs/js/latest/guide/{view.jade => creating-components.jade} (100%) rename public/docs/js/latest/guide/{zones.jade => displaying-data.jade} (100%) create mode 100644 public/docs/js/latest/guide/reusing-components.jade create mode 100644 public/docs/js/latest/guide/setup.jade create mode 100644 public/docs/js/latest/guide/talking-to-components.jade create mode 100644 public/docs/js/latest/guide/transforming-data.jade create mode 100644 public/docs/js/latest/guide/user-input.jade create mode 100644 public/docs/js/latest/guide/using-forms.jade 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; } } }