update conference links - add AngularConnect; remove ng-conf

Author: petebacondarwin

public/_includes/_hero-home.jade

@@ -10,9 +10,9 @@ header(class="background-sky")
 
 
 .banner.is-centered
-  .banner-ng-annoucement
-    h3.text-display-1 NG-CONF 2015
-    h4.text-subhead The Official Angular Conference
 
-  a(href="https://www.youtube.com/watch?v=QHulaj5ZxbI&index=1&list=PLOETEcp3DkCoNnlhE-7fovYvqwVPrRiY7"
-    class="button button-large button-banner"  md-button) Watch ng-conf
+  a(href="http://angularconnect.com/?utm_source=angular-io&utm_medium=angular-io&utm_campaign=angular-io" class="button button-large"  md-button)
+    .banner-ng-annoucement.angularconnect-logo
+      h3.text-display-1 AngularConnect 2015
+      h4.text-subhead The European Angular Conference
+

public/resources/css/module/_banner.scss

@@ -17,6 +17,7 @@
 
   &.is-centered {
     text-align: center;
+    padding-left: ($unit*4);
   }
 
   .button {
@@ -27,18 +28,27 @@
     }
   }
 
+  .ng-conf-logo {
+    background: url('/resources/images/logos/ng-conf/ng-conf-shield.png') left no-repeat;
+    padding: $unit 68px;
+  }
+
+  .angularconnect-logo {
+    background: url('/resources/images/logos/angularconnect/angularconnect-logo-med.png') left no-repeat;
+    padding: $unit 0 $unit 108px;
+  }
+
   .banner-ng-annoucement {
-    background: url('/resources/images/logos/ng-conf/ng-conf-shield.png') 0px 0px no-repeat;
-    padding-left: 68px;
-    margin-right: $unit * 3;
     display: inline-block;
+    text-align: left;
 
     @media handheld and (max-width: $phone-breakpoint),
     screen and (max-device-width: $phone-breakpoint),
     screen and (max-width: $tablet-breakpoint) {
       background: none;
       padding-left: 0px;
       margin: 0px 0px $unit 0px;
+      text-align: center;
     }
   }