From 878dfa6b87ba20517710a769ce3c49ec7219ed06 Mon Sep 17 00:00:00 2001 From: Ward Bell Date: Thu, 26 Jan 2017 15:47:34 -0800 Subject: [PATCH] docs(presskit): add branding to presskit per S.Fluin (#3153) --- public/presskit.jade | 93 +++++++++++++++++++ .../logos/angularjs/AngularJS-Shield.svg | 74 +++++++++++++++ 2 files changed, 167 insertions(+) create mode 100644 public/resources/images/logos/angularjs/AngularJS-Shield.svg diff --git a/public/presskit.jade b/public/presskit.jade index b0f2778fb9..e8eb34138d 100644 --- a/public/presskit.jade +++ b/public/presskit.jade @@ -51,3 +51,96 @@ div(class="presskit-container l-space-neg-top-8") p | For inquiries regarding press and media please contact us at | press@angular.io. + + style ul {list-style-type: disc !important; margin-left: 1em !important;} + div(class="presskit-row") + div(class="presskit-inner") + div + h2 BRAND NAMES + :marked + ## Angular + The name **Angular** represents the work and promises provided to you by the Angular team. + + When not specified, Angular is assumed to be referring to the latest and greatest stable version from the Angular Team. + + ### Example + **Version 4.1 Now Available** - We are pleased to announce that the latest release of Angular is now available. Staying up to date is easy! + + ### Example + **Correct** + + >**New *ngIf Capabilities** - New in version 4.0 is the ability to use additional syntax to create local variables. This can be very helpful in cases such as working with observables … + + **Incorrect** + + >**New *ngIf Capabilities In Angular 4** - Angular 4 introduces the ability to use additional syntax to create local variables. This can be very helpful in cases such as working with observables … + + **Reasoning** + + >By not using “Angular 4” in the title, the content still feels applicable and useful after version 5, 6, 7 have been released, as the syntax is unlikely to change in the short and medium term. + + ## AngularJS + + **AngularJS** is the 1.x series of work and promises provided by the Angular team. + + ### Examples + + 1. AngularJS is one of the most used framework on the web today (by number of projects). + 1. Millions of developers are currently building with AngularJS. + 1. Developers are beginning to upgrade from AngularJS to Angular. + 1. I’m upgrading my application from AngularJS to Angular. + 1. I'm using AngularJS Material on this project. + + + AngularJS projects should use the + + original AngularJS logo / icon, and not the Angular icon. + + figure + img(src="/resources/images/logos/angularjs/AngularJS-Shield.svg" alt="AngularJS Logo" style="margin-left:20px;" ) + + :marked + ## Angular Material + + This is the work being performed by the Angular team to provide Material Design components for Angular applications. + + ## AngularJS Material + + This is the work being performed by the Angular team on Material Design components that are compatible with AngularJS. + + ## 3rd Party Projects + + **X for Angular** + 3rd parties should use the terminology “X for Angular” or “ng-X” for software projects. Projects should avoid the use of Angular X (e.g. Angular UI Toolkit), as it could create authorship confusion. This rule does not apply to events or meetup groups. + + Developers should avoid using Angular version numbers in project names, as this will artificially limit their projects by tying them to a point in time of Angular, or will require renaming over time. + + Where a codename or shortname is used, such as on npm or github, some are acceptable, some are not acceptable. + + **Do not use** + - ng2- + - angular2- + + **OK to use** + * ng- + * angular- + + As always, component and directive selectors should not begin with “ng-” selectors as this will conflict with components and directives provided by the Angular team. + + ### Examples + + * The ng-BE team just launched ng-health to help developers track their own health. + * I’m going to use NativeScript for Angular to take advantage of native UI widgets. + * ReallyCoolTool for Angular. + * ReallyCoolTool for AngularJS. + + div(class="presskit-row") + div(class="presskit-inner") + div + h2 TERMS WE USE + :marked + We often use terms that are not part of our brand, + but we want to remain consistent on the styling and use of them to prevent confusion and to appear unified. + + * Ahead of Time Compilation (AOT) + * Just in Time Compilation (JIT) diff --git a/public/resources/images/logos/angularjs/AngularJS-Shield.svg b/public/resources/images/logos/angularjs/AngularJS-Shield.svg new file mode 100644 index 0000000000..db879ab4f7 --- /dev/null +++ b/public/resources/images/logos/angularjs/AngularJS-Shield.svg @@ -0,0 +1,74 @@ + + + +image/svg+xml \ No newline at end of file