diff --git a/public/_data.json b/public/_data.json index de70c1662a..f34f811f46 100644 --- a/public/_data.json +++ b/public/_data.json @@ -14,5 +14,15 @@ "title": "Contribute to Angular", "subtitle": "Help us build the framework of the future!", "autoformat": "true" + }, + + "news": { + "title": "News", + "subtitle": "Check out what we are up to" + }, + + "support": { + "title": "Support", + "subtitle": "Get help from the Angular Community" } -} \ No newline at end of file +} diff --git a/public/news.jade b/public/news.jade index f35011bb4d..f4821c2dc5 100644 --- a/public/news.jade +++ b/public/news.jade @@ -1 +1,15 @@ -include _includes/_util-fns +.grid-fluid.l-space-bottom-8 + .c12.text-center + h3.text-headline.text-uppercase Angular + .c12.text-center + figure + img(src="/resources/images/logos/standard/shield-large.svg" alt="Us" style="width:80px;") + .clear + +.grid-fluid.l-space-bottom-8 + .c12.text-center + h3.text-headline.text-uppercase Angular GDE (Google Developer Expert) + .c12.text-center + figure + img(src="/resources/images/logos/standard/angular-gde-logo@2x.png" alt="Us" style="width:80px;") + .clear diff --git a/public/resources/css/main.scss b/public/resources/css/main.scss index cf74704075..dd33691710 100644 --- a/public/resources/css/main.scss +++ b/public/resources/css/main.scss @@ -46,6 +46,7 @@ @import 'module/api'; @import 'module/cheatsheet'; @import 'module/filetree'; +@import 'module/support'; /* diff --git a/public/resources/css/module/_support.scss b/public/resources/css/module/_support.scss new file mode 100644 index 0000000000..1fb1e1472e --- /dev/null +++ b/public/resources/css/module/_support.scss @@ -0,0 +1,18 @@ +.support-content { + a { + text-decoration: none; + margin: 10px 0px; + } + .c8 { + padding-top: 30px; + } + .grid-fluid { + margin: 20px 0px; + } + hr { + border: 0; + color: #ECEFF1; + background-color: #ECEFF1; + height: 1.5px; + } +} diff --git a/public/resources/images/logos/standard/angular-gde-logo@2x.png b/public/resources/images/logos/standard/angular-gde-logo@2x.png new file mode 100644 index 0000000000..2aaa3a469d Binary files /dev/null and b/public/resources/images/logos/standard/angular-gde-logo@2x.png differ diff --git a/public/resources/images/support/angular-gde-logo.png b/public/resources/images/support/angular-gde-logo.png new file mode 100644 index 0000000000..5702afacab Binary files /dev/null and b/public/resources/images/support/angular-gde-logo.png differ diff --git a/public/resources/images/support/github-logo.png b/public/resources/images/support/github-logo.png new file mode 100644 index 0000000000..5e8932b099 Binary files /dev/null and b/public/resources/images/support/github-logo.png differ diff --git a/public/resources/images/support/gitter-logo.png b/public/resources/images/support/gitter-logo.png new file mode 100644 index 0000000000..b53984ec91 Binary files /dev/null and b/public/resources/images/support/gitter-logo.png differ diff --git a/public/resources/images/support/stackoverflow-logo.png b/public/resources/images/support/stackoverflow-logo.png new file mode 100644 index 0000000000..f10564a8ec Binary files /dev/null and b/public/resources/images/support/stackoverflow-logo.png differ diff --git a/public/support.jade b/public/support.jade index f35011bb4d..dafc4a271f 100644 --- a/public/support.jade +++ b/public/support.jade @@ -1 +1,36 @@ -include _includes/_util-fns +.support-content + .grid-fluid + .c4 + figure + img(src="/resources/images/support/stackoverflow-logo.png" alt="Us" style="width:240px;") + .c8 + p angular2 + p angular2-forms + p angular2-template + + hr + + .grid-fluid + .c4 + figure + img(src="/resources/images/support/gitter-logo.png" alt="Us" style="width:240px;") + .c8 + p Community driven real time chat + + hr + + .grid-fluid + .c4 + figure + img(src="/resources/images/support/angular-gde-logo.png" alt="Us" style="width:240px;") + .c8 + p Are you looking for an Angular expert? Our experts provide various types of consulting, training, and other services. You can find our awesome GDEs on our Angular GDE page. + + hr + + .grid-fluid + .c4 + figure + img(src="/resources/images/support/github-logo.png" alt="Us" style="width:240px;" ) + .c8 + p File Angular 2 issues at our GitHub Repository