scaffolding for guide
This commit is contained in:
parent
1f950dc225
commit
9eef5a660a
|
@ -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
|
||||
|
|
|
@ -0,0 +1,3 @@
|
|||
currentItem = false
|
||||
nextItem = false
|
||||
|
|
@ -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"
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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")
|
|
@ -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.
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue