feat(docs landing): new docs landing

This commit is contained in:
Eric Jimenez 2016-05-02 17:43:16 -04:00 committed by Naomi Black
parent 80e542cca9
commit 5ce56598f5
5 changed files with 107 additions and 57 deletions

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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%;
}
}
}