From d52c72a73a885631b10fc006d67744a203f79a70 Mon Sep 17 00:00:00 2001 From: Naomi Black Date: Mon, 29 Feb 2016 22:51:13 -0800 Subject: [PATCH] chore(news): update posts and add twitter feed --- public/_includes/_scripts-include.jade | 5 +- public/news.jade | 73 ++++++++++++------- .../resources/css/module/_article-card.scss | 2 +- 3 files changed, 52 insertions(+), 28 deletions(-) diff --git a/public/_includes/_scripts-include.jade b/public/_includes/_scripts-include.jade index 2449222ad0..c7fa5c3527 100644 --- a/public/_includes/_scripts-include.jade +++ b/public/_includes/_scripts-include.jade @@ -28,7 +28,6 @@ script(src="/resources/js/directives/code-pane.js") script(src="/resources/js/directives/code-example.js") script(src="/resources/js/directives/scroll-y-offset-element.js") - script. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ @@ -52,3 +51,7 @@ if current.path[0] == "docs" script(src="//www.gstatic.com/feedback/api.js" type="text/javascript") + + +script. + (function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}})(document,"script","twitter-wjs"); \ No newline at end of file diff --git a/public/news.jade b/public/news.jade index 206ea57af0..ecc3ad42a5 100644 --- a/public/news.jade +++ b/public/news.jade @@ -1,6 +1,6 @@ -.grid-fluid.l-space-bottom-4 +.grid-fluid.l-space-bottom-2 .c12.text-center - h3.text-headline.text-uppercase From the Core Team + h3.text-headline.text-uppercase Core Team .clear .grid-fluid @@ -28,12 +28,37 @@ .author img(src="/resources/images/bios/naomi.jpg") .posted Posted by Naomi Black -.grid-fluid.l-space-top-6 +.grid-fluid.l-space-bottom-2.l-space-top-4 .c12.text-center - h3.text-headline.text-uppercase From Our Developer Community + h3.text-headline.text-uppercase Developer Community .clear +.grid-fluid + .c6 + .article-card + .date February 19, 2016 + .title + a( + target="_blank" + href="https://medium.com/google-developer-experts/angular-2-unit-testing-with-jasmine-defe20421584#.ptfd1gd5j" + ) Angular 2 — Unit Testing recipes + p Angular 2 was designed with testability in mind as its predecessor and it provides multiple options to support Unit Testing. In this article we will show you how to setup Jasmine and write some common unit tests... + .author + img(src="/resources/images/bios/angular-gde-bio-placeholder.png") + .posted Posted by Gerard Sans + .c6 + .article-card + .date February 18, 2016 + .title + a( + target="_blank" + href="http://www.yearofmoo.com/2016/02/rendering-in-angular2.html" + ) Rendering in Angular2 + p Get an idea of how Angular2 internal rendering system works With the new design decisions that Angular2 has brought forth, the possibility of setting up a custom renderer to take on the UI responsibilities is... + .author + img(src="/resources/images/bios/matias.jpg") + .posted Posted by Matias Niemela - .grid-fluid.l-space-bottom-2.l-space-top-4 + .grid-fluid .c6 .article-card .date February 3, 2016 @@ -58,28 +83,24 @@ .author img(src="/resources/images/bios/angular-gde-bio-placeholder.png") .posted Posted by Pascal Precht -.grid-fluid.l-space-bottom-4 +.grid-fluid.l-space-bottom-2.l-space-top-4 + .c12.text-center + h3.text-headline.text-uppercase Twitter + .clear + .grid-fluid + .c3 + p + .c6 + .article-card - .date January 6, 2016 .title a( - target="_blank" - href="http://blog.thoughtram.io/angular/2016/01/06/taking-advantage-of-observables-in-angular2.html" - ) Taking advantage of Observables in Angular 2 - p Some people seem to be confused why Angular 2 seems to favor the Observable abstraction over the Promise abstraction when it comes to dealing with async behavior. There are pretty good resources about the difference... - .author - img(src="/resources/images/bios/shield-bio-placeholder.png") - .posted Posted by Christoph Burgdorf - .c6 - .article-card - .date December 30, 2015 - .title - a( - target="_blank" - href="https://medium.com/google-developer-experts/angular-2-introduction-to-redux-1cf18af27e6e#.fs370dms1" - ) Angular 2 — Introduction to Redux - p How to use Redux in Angular 2 Applications. Redux, now in version 3, has been around less than a year but it has proved very successful. Inspired by Flux and Elm, is used to handle Application state and bind it to... - .author - img(src="/resources/images/bios/angular-gde-bio-placeholder.png") - .posted Posted by Gerard Sans \ No newline at end of file + href="http://twitter.com/angularjs" + class="twitter-follow-button" + data-show-count="false" + ) Follow @angularjs + p. + + diff --git a/public/resources/css/module/_article-card.scss b/public/resources/css/module/_article-card.scss index c119ffe9f6..439f605f3e 100644 --- a/public/resources/css/module/_article-card.scss +++ b/public/resources/css/module/_article-card.scss @@ -3,7 +3,7 @@ padding: ($unit * 2); background: lighten($mist, 3%); border-radius: ($unit / 2); - min-height: 330px; + min-height: 200px; position: relative; @media handheld and (max-width: $phone-breakpoint), screen and (max-device-width: $phone-breakpoint),