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

View File

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

View File

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

View File

@ -53,6 +53,7 @@
@import 'module/home-promos';
@import 'module/press-kit';
@import 'module/features';
@import 'module/docs-landing';
/*
* 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%;
}
}
}