angular-cn/aio/content/marketing/contribute.html

69 lines
2.0 KiB
HTML
Raw Normal View History

<header class="marketing-banner">
<h1 class="banner-headline no-toc no-anchor">Contribute to Angular</h1>
</header>
refactor(docs-infra): use more consistent content width on marketing pages (#41051) 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
2021-03-09 07:15:47 -05:00
<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>