build(aio): migrate contribute page to html

This commit is contained in:
Jesus Rodriguez 2017-06-06 13:41:30 +02:00 committed by Pete Bacon Darwin
parent c06f4fc702
commit 3a121a621f
5 changed files with 52 additions and 40 deletions

View File

@ -0,0 +1,34 @@
<header class="marketing-banner">
<div class="banner-headline no-toc">Contribute to Angular</div>
</header>
<article class="contribute-container">
<h2>Angular Projects</h2>
<p>We'd love for you to contribute to our source code and to make Angular projects even better.</p>
<div class="l-sub-section">
<h3>Angular</h3>
Angular is a next generation mobile and desktop application development platform.
<a href="https://github.com/angular/angular/blob/master/CONTRIBUTING.md" class="button" md-button>Contribute to Angular</a>
</div>
<div class="l-sub-section">
<h3>Angular Material</h3>
Our goal is to deliver a lean, lightweight set of Angular-based UI elements that implement the material design specification for use in Angular single-page applications (SPAs).
<a href="https://github.com/angular/material2/blob/master/CONTRIBUTING.md" class="button" md-button>Contribute to Angular Material</a>
</div>
<div class="l-sub-section">
<h3>AngularFire</h3>
AngularFire is the officially supported Angular binding for Firebase. Firebase is a full backend so you don't need servers to build your Angular app.
<a href="https://github.com/angular/angularfire2" class="button" md-button> Contribute to AngularFire</a>
</div>
</article>

View File

@ -1,37 +0,0 @@
<h1 class="no-toc">Contribute to Angular</h1>
Help us build the framework of the future!
## Angular Projects
We'd love for you to contribute to our source code and to make Angular projects even better.
~~~ {.l-sub-section}
### Angular
Angular is a next generation mobile and desktop application development platform.
<a href="https://github.com/angular/angular/blob/master/CONTRIBUTING.md" class="button" md-button>Contribute to Angular</a>
~~~
~~~ {.l-sub-section}
### Angular Material
Our goal is to deliver a lean, lightweight set of Angular-based UI elements that implement the material design specification for use in Angular single-page applications (SPAs).
<a href="https://github.com/angular/material/blob/master/.github/CONTRIBUTING.md" class="button" md-button>Contribute to Angular Material</a>
~~~
~~~ {.l-sub-section}
### AngularFire
AngularFire is the officially supported Angular binding for Firebase. Firebase is a full backend so you don't need servers to build your Angular app.
<a href="https://github.com/firebase/angularFire" class="button" md-button> Contribute to AngularFire</a>
~~~

View File

@ -263,7 +263,7 @@ button.hero-cta {
}
aio-shell {
&.page-resources, &.page-events {
&.page-resources, &.page-events, &.page-contribute {
section {
padding: 0rem 0rem 3rem;
}
@ -275,7 +275,7 @@ aio-shell {
}
}
&.page-home, &.page-resources, &.page-events {
&.page-home, &.page-resources, &.page-events, &.page-contribute {
article {
padding: 32px;
@ -455,4 +455,4 @@ header.bckground-sky.l-relative {
display: none;
}
}
}
}

View File

@ -0,0 +1,14 @@
.contribute-container {
h2 {
margin: 0;
}
.l-sub-section {
width: 90%;
margin-bottom: 20px;
&:last-child {
margin-bottom: 0;
}
}
}

View File

@ -10,6 +10,7 @@
@import 'callout';
@import 'card';
@import 'code';
@import 'contribute';
@import 'contributor';
@import 'edit-page-cta';
@import 'features';