Skip to content
This repository was archived by the owner on Dec 4, 2017. It is now read-only.

Commit 5ce5659

Browse files
Eric Jimeneznaomiblack
Eric Jimenez
authored and
naomiblack
committed
feat(docs landing): new docs landing
1 parent 80e542c commit 5ce5659

File tree

5 files changed

+107
-57
lines changed

5 files changed

+107
-57
lines changed

‎public/docs/dart/latest/index.jade

Lines changed: 24 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,35 @@
1-
div.card-row(layout='row')
2-
div(flex)
3-
md-card.card
4-
md-card-content
5-
h3.text-headline.text-uppercase <span class="icon-query-builder"></span> Quickstart
6-
p.text-body Get Started
1+
div.card-row(layout='row' layout-align="space-around center"
2+
3+
class="docs-landing")
4+
div(class="card-row-container")
5+
md-card(class="card")
6+
md-card-content(flex layout="column" layout-align="space-between center")
7+
div
8+
h2(class="text-headline text-uppercase") 5 Minute Quickstart
9+
p A short beginner guide explaining the basic concepts of Angular
710

811
footer
9-
a(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html" class="button" md-button) View Quickstart
12+
a(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html" class="button md-button") View Quickstart
1013

1114

12-
div(flex)
13-
md-card.card
14-
md-card-content
15-
h3.text-headline.text-uppercase <span class="icon-list"></span> Guide
16-
p.text-body Step by Step Guide
15+
div(class="card-row-container")
16+
md-card(class="card")
17+
md-card-content(flex layout="column" layout-align="space-between center")
18+
div
19+
h2(class="text-headline text-uppercase") Developer Guide
20+
p An intermediate development guide covering all major features of Angular
1721

1822
footer
19-
a(href="/docs/#{current.path[1]}/#{current.path[2]}/guide/" class="button button-primary" md-button) View Guide
23+
a(href="/docs/#{current.path[1]}/#{current.path[2]}/guide/" class="button button-primary md-button") View Guide
2024

2125

22-
div(flex)
23-
md-card.card
24-
md-card-content
25-
h3.text-headline.text-uppercase <span class="icon-book"></span> API
26-
p.text-body API 2.0 Preview
26+
div(class="card-row-container")
27+
md-card(class="card")
28+
md-card-content(flex layout="column" layout-align="space-between center")
29+
div
30+
h2(class="text-headline text-uppercase") API Reference
31+
p An advanced reference of all Angular Classes, Methods, etc.
2732

2833
footer
29-
a(href="/docs/#{current.path[1]}/#{current.path[2]}/api/" class="button" md-button) View API
34+
a(href="/docs/#{current.path[1]}/#{current.path[2]}/api/" class="button md-button") View API
3035

‎public/docs/js/latest/index.jade

Lines changed: 24 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,35 @@
1-
div.card-row(layout='row')
2-
div(flex)
3-
md-card.card
4-
md-card-content
5-
h3.text-headline.text-uppercase <span class="icon-query-builder"></span> Quickstart
6-
p.text-body Get Started
1+
div.card-row(layout='row' layout-align="space-around center"
2+
3+
class="docs-landing")
4+
div(class="card-row-container")
5+
md-card(class="card")
6+
md-card-content(flex layout="column" layout-align="space-between center")
7+
div
8+
h2(class="text-headline text-uppercase") 5 Minute Quickstart
9+
p A short beginner guide explaining the basic concepts of Angular
710

811
footer
9-
a(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html" class="button" md-button) View Quickstart
12+
a(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html" class="button md-button") View Quickstart
1013

1114

12-
div(flex)
13-
md-card.card
14-
md-card-content
15-
h3.text-headline.text-uppercase <span class="icon-list"></span> Guide
16-
p.text-body Step by Step Guide
15+
div(class="card-row-container")
16+
md-card(class="card")
17+
md-card-content(flex layout="column" layout-align="space-between center")
18+
div
19+
h2(class="text-headline text-uppercase") Developer Guide
20+
p An intermediate development guide covering all major features of Angular
1721

1822
footer
19-
a(href="/docs/#{current.path[1]}/#{current.path[2]}/guide/" class="button button-primary" md-button) View Guide
23+
a(href="/docs/#{current.path[1]}/#{current.path[2]}/guide/" class="button button-primary md-button") View Guide
2024

2125

22-
div(flex)
23-
md-card.card
24-
md-card-content
25-
h3.text-headline.text-uppercase <span class="icon-book"></span> API Preview
26-
p.text-body API 2.0 Preview
26+
div(class="card-row-container")
27+
md-card(class="card")
28+
md-card-content(flex layout="column" layout-align="space-between center")
29+
div
30+
h2(class="text-headline text-uppercase") API Reference
31+
p An advanced reference of all Angular Classes, Methods, etc.
2732

2833
footer
29-
a(href="/docs/#{current.path[1]}/#{current.path[2]}/api/" class="button" md-button) View API
34+
a(href="/docs/#{current.path[1]}/#{current.path[2]}/api/" class="button md-button") View API
3035

‎public/docs/ts/latest/index.jade

Lines changed: 24 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,35 @@
1-
div.card-row(layout='row')
2-
div(flex)
3-
md-card.card
4-
md-card-content
5-
h3.text-headline.text-uppercase <span class="icon-query-builder"></span> Quickstart
6-
p.text-body Get Started
1+
div.card-row(layout='row' layout-align="space-around center"
2+
3+
class="docs-landing")
4+
div(class="card-row-container")
5+
md-card(class="card")
6+
md-card-content(flex layout="column" layout-align="space-between center")
7+
div
8+
h2(class="text-headline text-uppercase") 5 Minute Quickstart
9+
p A short beginner guide explaining the basic concepts of Angular
710

811
footer
9-
a(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html" class="button" md-button) View Quickstart
12+
a(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html" class="button md-button") View Quickstart
1013

1114

12-
div(flex)
13-
md-card.card
14-
md-card-content
15-
h3.text-headline.text-uppercase <span class="icon-list"></span> Guide
16-
p.text-body Step by Step Guide
15+
div(class="card-row-container")
16+
md-card(class="card")
17+
md-card-content(flex layout="column" layout-align="space-between center")
18+
div
19+
h2(class="text-headline text-uppercase") Developer Guide
20+
p An intermediate development guide covering all major features of Angular
1721

1822
footer
19-
a(href="/docs/#{current.path[1]}/#{current.path[2]}/guide/" class="button button-primary" md-button) View Guide
23+
a(href="/docs/#{current.path[1]}/#{current.path[2]}/guide/" class="button button-primary md-button") View Guide
2024

2125

22-
div(flex)
23-
md-card.card
24-
md-card-content
25-
h3.text-headline.text-uppercase <span class="icon-book"></span> API Preview
26-
p.text-body API 2.0 Preview
26+
div(class="card-row-container")
27+
md-card(class="card")
28+
md-card-content(flex layout="column" layout-align="space-between center")
29+
div
30+
h2(class="text-headline text-uppercase") API Reference
31+
p An advanced reference of all Angular Classes, Methods, etc.
2732

2833
footer
29-
a(href="/docs/#{current.path[1]}/#{current.path[2]}/api/" class="button" md-button) View API
34+
a(href="/docs/#{current.path[1]}/#{current.path[2]}/api/" class="button md-button") View API
3035

‎public/resources/css/main.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,7 @@
5353
@import 'module/home-promos';
5454
@import 'module/press-kit';
5555
@import 'module/features';
56+
@import 'module/docs-landing';
5657

5758
/*
5859
* PRINT STYLES

‎public/resources/css/module/_docs-landing.scss

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
.docs-landing {
2+
.button {
3+
margin: 0;
4+
padding: 0;
5+
width: 100%;
6+
}
7+
8+
.card-row-container {
9+
margin: 20px;
10+
}
11+
12+
.card {
13+
margin: 0 !important;
14+
padding: 0 !important;
15+
width: 100%;
16+
height: 100%;
17+
min-height: 250px;
18+
}
19+
20+
md-card-content {
21+
p {
22+
font-size: 14px;
23+
padding: 0;
24+
}
25+
}
26+
27+
footer {
28+
width: 100%;
29+
30+
a {
31+
width: 100%;
32+
}
33+
}
34+
}

0 commit comments

Comments
 (0)