feat(docs landing): new docs landing
This commit is contained in:
parent
80e542cca9
commit
5ce56598f5
|
@ -1,30 +1,35 @@
|
||||||
div.card-row(layout='row')
|
div.card-row(layout='row' layout-align="space-around center"
|
||||||
div(flex)
|
|
||||||
md-card.card
|
class="docs-landing")
|
||||||
md-card-content
|
div(class="card-row-container")
|
||||||
h3.text-headline.text-uppercase <span class="icon-query-builder"></span> Quickstart
|
md-card(class="card")
|
||||||
p.text-body Get Started
|
md-card-content(flex layout="column" layout-align="space-between center")
|
||||||
|
div
|
||||||
|
h2(class="text-headline text-uppercase") 5 Minute Quickstart
|
||||||
|
p A short beginner guide explaining the basic concepts of Angular
|
||||||
|
|
||||||
footer
|
footer
|
||||||
a(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html" class="button" md-button) View Quickstart
|
a(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html" class="button md-button") View Quickstart
|
||||||
|
|
||||||
|
|
||||||
div(flex)
|
div(class="card-row-container")
|
||||||
md-card.card
|
md-card(class="card")
|
||||||
md-card-content
|
md-card-content(flex layout="column" layout-align="space-between center")
|
||||||
h3.text-headline.text-uppercase <span class="icon-list"></span> Guide
|
div
|
||||||
p.text-body Step by Step Guide
|
h2(class="text-headline text-uppercase") Developer Guide
|
||||||
|
p An intermediate development guide covering all major features of Angular
|
||||||
|
|
||||||
footer
|
footer
|
||||||
a(href="/docs/#{current.path[1]}/#{current.path[2]}/guide/" 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(flex)
|
div(class="card-row-container")
|
||||||
md-card.card
|
md-card(class="card")
|
||||||
md-card-content
|
md-card-content(flex layout="column" layout-align="space-between center")
|
||||||
h3.text-headline.text-uppercase <span class="icon-book"></span> API
|
div
|
||||||
p.text-body API 2.0 Preview
|
h2(class="text-headline text-uppercase") API Reference
|
||||||
|
p An advanced reference of all Angular Classes, Methods, etc.
|
||||||
|
|
||||||
footer
|
footer
|
||||||
a(href="/docs/#{current.path[1]}/#{current.path[2]}/api/" class="button" md-button) View API
|
a(href="/docs/#{current.path[1]}/#{current.path[2]}/api/" class="button md-button") View API
|
||||||
|
|
||||||
|
|
|
@ -1,30 +1,35 @@
|
||||||
div.card-row(layout='row')
|
div.card-row(layout='row' layout-align="space-around center"
|
||||||
div(flex)
|
|
||||||
md-card.card
|
class="docs-landing")
|
||||||
md-card-content
|
div(class="card-row-container")
|
||||||
h3.text-headline.text-uppercase <span class="icon-query-builder"></span> Quickstart
|
md-card(class="card")
|
||||||
p.text-body Get Started
|
md-card-content(flex layout="column" layout-align="space-between center")
|
||||||
|
div
|
||||||
|
h2(class="text-headline text-uppercase") 5 Minute Quickstart
|
||||||
|
p A short beginner guide explaining the basic concepts of Angular
|
||||||
|
|
||||||
footer
|
footer
|
||||||
a(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html" class="button" md-button) View Quickstart
|
a(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html" class="button md-button") View Quickstart
|
||||||
|
|
||||||
|
|
||||||
div(flex)
|
div(class="card-row-container")
|
||||||
md-card.card
|
md-card(class="card")
|
||||||
md-card-content
|
md-card-content(flex layout="column" layout-align="space-between center")
|
||||||
h3.text-headline.text-uppercase <span class="icon-list"></span> Guide
|
div
|
||||||
p.text-body Step by Step Guide
|
h2(class="text-headline text-uppercase") Developer Guide
|
||||||
|
p An intermediate development guide covering all major features of Angular
|
||||||
|
|
||||||
footer
|
footer
|
||||||
a(href="/docs/#{current.path[1]}/#{current.path[2]}/guide/" 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(flex)
|
div(class="card-row-container")
|
||||||
md-card.card
|
md-card(class="card")
|
||||||
md-card-content
|
md-card-content(flex layout="column" layout-align="space-between center")
|
||||||
h3.text-headline.text-uppercase <span class="icon-book"></span> API Preview
|
div
|
||||||
p.text-body API 2.0 Preview
|
h2(class="text-headline text-uppercase") API Reference
|
||||||
|
p An advanced reference of all Angular Classes, Methods, etc.
|
||||||
|
|
||||||
footer
|
footer
|
||||||
a(href="/docs/#{current.path[1]}/#{current.path[2]}/api/" class="button" md-button) View API
|
a(href="/docs/#{current.path[1]}/#{current.path[2]}/api/" class="button md-button") View API
|
||||||
|
|
||||||
|
|
|
@ -1,30 +1,35 @@
|
||||||
div.card-row(layout='row')
|
div.card-row(layout='row' layout-align="space-around center"
|
||||||
div(flex)
|
|
||||||
md-card.card
|
class="docs-landing")
|
||||||
md-card-content
|
div(class="card-row-container")
|
||||||
h3.text-headline.text-uppercase <span class="icon-query-builder"></span> Quickstart
|
md-card(class="card")
|
||||||
p.text-body Get Started
|
md-card-content(flex layout="column" layout-align="space-between center")
|
||||||
|
div
|
||||||
|
h2(class="text-headline text-uppercase") 5 Minute Quickstart
|
||||||
|
p A short beginner guide explaining the basic concepts of Angular
|
||||||
|
|
||||||
footer
|
footer
|
||||||
a(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html" class="button" md-button) View Quickstart
|
a(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html" class="button md-button") View Quickstart
|
||||||
|
|
||||||
|
|
||||||
div(flex)
|
div(class="card-row-container")
|
||||||
md-card.card
|
md-card(class="card")
|
||||||
md-card-content
|
md-card-content(flex layout="column" layout-align="space-between center")
|
||||||
h3.text-headline.text-uppercase <span class="icon-list"></span> Guide
|
div
|
||||||
p.text-body Step by Step Guide
|
h2(class="text-headline text-uppercase") Developer Guide
|
||||||
|
p An intermediate development guide covering all major features of Angular
|
||||||
|
|
||||||
footer
|
footer
|
||||||
a(href="/docs/#{current.path[1]}/#{current.path[2]}/guide/" 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(flex)
|
div(class="card-row-container")
|
||||||
md-card.card
|
md-card(class="card")
|
||||||
md-card-content
|
md-card-content(flex layout="column" layout-align="space-between center")
|
||||||
h3.text-headline.text-uppercase <span class="icon-book"></span> API Preview
|
div
|
||||||
p.text-body API 2.0 Preview
|
h2(class="text-headline text-uppercase") API Reference
|
||||||
|
p An advanced reference of all Angular Classes, Methods, etc.
|
||||||
|
|
||||||
footer
|
footer
|
||||||
a(href="/docs/#{current.path[1]}/#{current.path[2]}/api/" class="button" md-button) View API
|
a(href="/docs/#{current.path[1]}/#{current.path[2]}/api/" class="button md-button") View API
|
||||||
|
|
||||||
|
|
|
@ -53,6 +53,7 @@
|
||||||
@import 'module/home-promos';
|
@import 'module/home-promos';
|
||||||
@import 'module/press-kit';
|
@import 'module/press-kit';
|
||||||
@import 'module/features';
|
@import 'module/features';
|
||||||
|
@import 'module/docs-landing';
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* PRINT STYLES
|
* PRINT STYLES
|
||||||
|
|
|
@ -0,0 +1,34 @@
|
||||||
|
.docs-landing {
|
||||||
|
.button {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-row-container {
|
||||||
|
margin: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
margin: 0 !important;
|
||||||
|
padding: 0 !important;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
min-height: 250px;
|
||||||
|
}
|
||||||
|
|
||||||
|
md-card-content {
|
||||||
|
p {
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
a {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue