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(flex)
|
||||
md-card.card
|
||||
md-card-content
|
||||
h3.text-headline.text-uppercase <span class="icon-query-builder"></span> Quickstart
|
||||
p.text-body Get Started
|
||||
div.card-row(layout='row' layout-align="space-around center"
|
||||
|
||||
class="docs-landing")
|
||||
div(class="card-row-container")
|
||||
md-card(class="card")
|
||||
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
|
||||
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)
|
||||
md-card.card
|
||||
md-card-content
|
||||
h3.text-headline.text-uppercase <span class="icon-list"></span> Guide
|
||||
p.text-body Step by Step Guide
|
||||
div(class="card-row-container")
|
||||
md-card(class="card")
|
||||
md-card-content(flex layout="column" layout-align="space-between center")
|
||||
div
|
||||
h2(class="text-headline text-uppercase") Developer Guide
|
||||
p An intermediate development guide covering all major features of Angular
|
||||
|
||||
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)
|
||||
md-card.card
|
||||
md-card-content
|
||||
h3.text-headline.text-uppercase <span class="icon-book"></span> API
|
||||
p.text-body API 2.0 Preview
|
||||
div(class="card-row-container")
|
||||
md-card(class="card")
|
||||
md-card-content(flex layout="column" layout-align="space-between center")
|
||||
div
|
||||
h2(class="text-headline text-uppercase") API Reference
|
||||
p An advanced reference of all Angular Classes, Methods, etc.
|
||||
|
||||
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(flex)
|
||||
md-card.card
|
||||
md-card-content
|
||||
h3.text-headline.text-uppercase <span class="icon-query-builder"></span> Quickstart
|
||||
p.text-body Get Started
|
||||
div.card-row(layout='row' layout-align="space-around center"
|
||||
|
||||
class="docs-landing")
|
||||
div(class="card-row-container")
|
||||
md-card(class="card")
|
||||
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
|
||||
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)
|
||||
md-card.card
|
||||
md-card-content
|
||||
h3.text-headline.text-uppercase <span class="icon-list"></span> Guide
|
||||
p.text-body Step by Step Guide
|
||||
div(class="card-row-container")
|
||||
md-card(class="card")
|
||||
md-card-content(flex layout="column" layout-align="space-between center")
|
||||
div
|
||||
h2(class="text-headline text-uppercase") Developer Guide
|
||||
p An intermediate development guide covering all major features of Angular
|
||||
|
||||
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)
|
||||
md-card.card
|
||||
md-card-content
|
||||
h3.text-headline.text-uppercase <span class="icon-book"></span> API Preview
|
||||
p.text-body API 2.0 Preview
|
||||
div(class="card-row-container")
|
||||
md-card(class="card")
|
||||
md-card-content(flex layout="column" layout-align="space-between center")
|
||||
div
|
||||
h2(class="text-headline text-uppercase") API Reference
|
||||
p An advanced reference of all Angular Classes, Methods, etc.
|
||||
|
||||
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(flex)
|
||||
md-card.card
|
||||
md-card-content
|
||||
h3.text-headline.text-uppercase <span class="icon-query-builder"></span> Quickstart
|
||||
p.text-body Get Started
|
||||
div.card-row(layout='row' layout-align="space-around center"
|
||||
|
||||
class="docs-landing")
|
||||
div(class="card-row-container")
|
||||
md-card(class="card")
|
||||
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
|
||||
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)
|
||||
md-card.card
|
||||
md-card-content
|
||||
h3.text-headline.text-uppercase <span class="icon-list"></span> Guide
|
||||
p.text-body Step by Step Guide
|
||||
div(class="card-row-container")
|
||||
md-card(class="card")
|
||||
md-card-content(flex layout="column" layout-align="space-between center")
|
||||
div
|
||||
h2(class="text-headline text-uppercase") Developer Guide
|
||||
p An intermediate development guide covering all major features of Angular
|
||||
|
||||
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)
|
||||
md-card.card
|
||||
md-card-content
|
||||
h3.text-headline.text-uppercase <span class="icon-book"></span> API Preview
|
||||
p.text-body API 2.0 Preview
|
||||
div(class="card-row-container")
|
||||
md-card(class="card")
|
||||
md-card-content(flex layout="column" layout-align="space-between center")
|
||||
div
|
||||
h2(class="text-headline text-uppercase") API Reference
|
||||
p An advanced reference of all Angular Classes, Methods, etc.
|
||||
|
||||
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/press-kit';
|
||||
@import 'module/features';
|
||||
@import 'module/docs-landing';
|
||||
|
||||
/*
|
||||
* 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