Updated version of 5 Weeks to Learn Topcode announcement

- No title nor details text in the expanded state
- Entire banner serves as a redirect button, when expanded

Author: birdofpreyru

app/directives/notification/notification.jade

@@ -6,7 +6,8 @@
     .details {{config.details}}
     i.expand.fa.fa-plus(ng-click="vm.toggle()")
   .expanded(ng-show="vm.expanded", ng-style="{'background-image': 'url('+vm.loadImage(config.backgroundImage)+')'}")
-    .mask
+    a.mask(href="{{config.redirectTo}}")
+       
     .left(ng-style="{'height': (config.height || vm.defaultHeight) + 'px'}")
       .header {{config.headerExpand}}
       .details {{config.detailsExpand}}

app/my-dashboard/notifications/news.json

@@ -2,8 +2,8 @@
   {
     "header": "Five Weeks to Learn Topcoder",
     "details": "Five weeks of learning - we'll be teaching you how to compete at Topcoder! ",
-    "headerExpand": "Five Weeks to Learn Topcoder!",
-    "detailsExpand": "Five weeks of educational content, live videos, interviews, fun challenges, and more. Everything you need to know created for the community by the community.",
+    "headerExpand": "",
+    "detailsExpand": "",
     "backgroundImage": "top-5-weeks.png",
     "redirectTo": "https://www.topcoder.com/community/member-programs/five-weeks-to-learn-topcoder/",
     "redirectText": "Five Weeks to Learn Topcoder!",

assets/css/directives/notification.directive.scss

@@ -68,6 +68,7 @@
       left:0;
       bottom: 0;
       right: 0;
+      z-index: 1;
     }
     .left{
       padding-top: 70px;
@@ -133,6 +134,7 @@
       cursor: pointer;
       font-size: 26px;
       font-weight: 100;
+      z-index: 2;
     }
   }
 }