4907d644bb
Previously, each marketing page used a different limit for its content's width (if it had a limit at all) and implemented the width limiting in a different way. Besides resulting in an inconsistent UX, this also made it difficult to apply site-wide layout changes. This commit makes the limit for most marketing pages consistent and uses the same CSS class to make it easier to apply site-wide changes in the future. The chosen limit is slightly larger than that of docs pages (62.5em/1000px vs 50em/800px), because marketing pages have a different type of content and layout (i.e. images, multi-column layout, etc.). Finally, this commit also removes obsolete wrapper elements, CSS classes and CSS styles, that are no longer necessary after the changes. Notably, the homepage (`/`) and the "Contributors" page (`/about`) have remained unchanged, because the former has its own layout that is different from other marketing pages and the latter would offer a worse UX with a small content width limit (as the one used on other marketing pages). The content widths of the rest of the marketing pages change slightly as a result of the changes in this commit, but not in a way that would have a negative impact on UX. More specifically: | Page (URL) | Size before | Size after | |:--------------|------------:|-----------:| | `/contribute` | 880px | 1000px | | `/events` | unlimited | 1000px | | `/features` | 996px | 1000px | | `/presskit` | 800px | 1000px | | `/resources` | 800px | 1000px | PR Close #41051
69 lines
2.0 KiB
HTML
69 lines
2.0 KiB
HTML
<header class="marketing-banner">
|
|
<h1 class="banner-headline no-toc no-anchor">Contribute to Angular</h1>
|
|
</header>
|
|
|
|
<article class="contribute-container center-layout">
|
|
<div>
|
|
|
|
<h2 class="no-anchor">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="card-section">
|
|
<div>
|
|
<h3 class="no-anchor">Angular</h3>
|
|
|
|
Angular is a next generation mobile and desktop application development platform.
|
|
|
|
</div>
|
|
|
|
<a href="https://github.com/angular/angular/blob/master/CONTRIBUTING.md" class="button button-blue" mat-button>
|
|
Contribute
|
|
</a>
|
|
</div>
|
|
|
|
<div class="card-section">
|
|
<div>
|
|
<h3 class="no-anchor">Angular CLI</h3>
|
|
|
|
Angular CLI makes it easy to create an application that already works, right out of the box.
|
|
It already follows our best practices.
|
|
|
|
</div>
|
|
|
|
<a href="https://github.com/angular/angular-cli/blob/master/CONTRIBUTING.md" class="button button-blue" mat-button>
|
|
Contribute
|
|
</a>
|
|
</div>
|
|
|
|
<div class="card-section">
|
|
<div>
|
|
<h3 class="no-anchor">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).
|
|
|
|
</div>
|
|
|
|
<a href="https://github.com/angular/components/blob/master/CONTRIBUTING.md" class="button button-blue" mat-button>
|
|
Contribute
|
|
</a>
|
|
</div>
|
|
|
|
<div class="card-section">
|
|
<div>
|
|
<h3 class="no-anchor">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.
|
|
|
|
</div>
|
|
|
|
<a href="https://github.com/angular/angularfire/blob/master/CONTRIBUTING.md" class="button button-blue" mat-button>
|
|
Contribute
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</article>
|