banner(angularattack): add homepage promo for angular attack

This commit is contained in:
Naomi Black 2016-03-02 14:54:15 -08:00
parent 740e38bdae
commit aac7b43ba0
3 changed files with 20 additions and 15 deletions

View File

@ -4,4 +4,9 @@ header(class="background-sky")
.hero-cta
a(href="/docs/ts/latest/quickstart.html" class="md-raised button button-large button-plain"
md-button) Get Started
md-button) Get Started
.banner.is-centered
.banner-ng-annoucement
h4 Announcing Angular Attack — a 48 hour online hackathon on May 14 - 15th, 2016. 
a(href="https://www.angularattack.com/" target="_blank") Register Today

View File

@ -4,6 +4,18 @@
.clear
.grid-fluid
.c6
.article-card
.date March 2, 2016
.title
a(
target="_blank"
href="http://angularjs.blogspot.com/2016/03/hosting-inclusive-angular-events-ideas.html"
) Hosting Inclusive Angular Events: Ideas from AngularConnect
p We care a lot about making Angular's community inclusive and welcoming for everyone. Guest bloggers Vicky Carmichael and Ruth Yarnit are part of the White October Events team that co-organises AngularConnect...
.author
img(src="/resources/images/bios/naomi.jpg")
.posted Posted by <b>Naomi Black</b>
.c6
.article-card
.date February 3, 2016
@ -16,18 +28,6 @@
.author
img(src="/resources/images/bios/brad-green.jpg")
.posted Posted by <b>Brad Green</b>
.c6
.article-card
.date January 11, 2016
.title
a(
target="_blank"
href="http://angularjs.blogspot.com/2016/01/angular-2-mit-open-source-licensed.html"
) Angular 2: an MIT Open Source Licensed Framework
p As of beta.2 this week, we're moving Angular 2, its related libraries, and any code snippets and examples to the MIT license. Open source licenses are meant to protect developers by making it clear how code can be...
.author
img(src="/resources/images/bios/naomi.jpg")
.posted Posted by <b>Naomi Black</b>
.grid-fluid.l-space-bottom-2.l-space-top-4
.c12.text-center
h3.text-headline.text-uppercase Developer Community

View File

@ -6,8 +6,8 @@
.banner {
background: $mist;
padding: ($unit * 4) ($unit * 6);
min-height: $unit * 6;
padding: ($unit * 2) ($unit * 6);
min-height: $unit * 1;
@media handheld and (max-width: $phone-breakpoint),
screen and (max-device-width: $phone-breakpoint),