Merge branch 'dev'

Author: birdofpreyru

app/my-dashboard/notifications/news.json

@@ -1,12 +1,12 @@
 [
   {
-    "header": "TCO18",
-    "details": "Congratulations to all Stage 1 Winners!!",
-    "headerExpand": "TCO18",
-    "detailsExpand": "Congratulations to all of our Stage 1 Winners in every track!  These members have earned an all-expense paid trip to the TCO18 finals.  There are 3 more stages to go, so get competing!",
-    "backgroundImage": "stage1-winners.png",
-    "redirectTo": "https://tco18.topcoder.com",
-    "redirectText": "TCO18 Homepage",
+    "header": "Announcing the MVP Program",
+    "details": "Nominate Yourself or Someone Else Today!",
+    "headerExpand": "Topcoder MVP Program",
+    "detailsExpand": "The Topcoder MVP program is a prestigious group of elite Topcoder members who represent our community. The program provides our MVPs opportunities to enjoy special perks, help improve the community, and grow professionally.",
+    "backgroundImage": "tc-mvp-announcement.png",
+    "redirectTo": "https://www.topcoder.com/community/member-programs/mvp-program/",
+    "redirectText": "Learn More Here",
     "live": false,
     "liveExpand": false,
     "customTag": {

app/my-dashboard/notifications/notifications.jade

@@ -9,6 +9,6 @@
     it will have same width, you can create a new .banner-row if you want place more banners
     in a new row
   .banner-row
-    span.banner.tco17
+    a.banner.tco18(href="http://tco18.topcoder.com/",target="_blank",rel="noopener noreferrer")
     a.banner.watson(href="https://cognitive.topcoder.com/")
       img(src=require("../../../assets/images/logo_white.png"), alt="TCO17")

assets/css/directives/notification.directive.scss

@@ -93,7 +93,7 @@
     .action{
       position: absolute;
       bottom: 36px;
-      left: 36px;
+      left: 60px;
       background-color: white;
       padding: 10px 20px;
       border-radius: 26px;

assets/css/my-dashboard/notifications.scss

@@ -39,13 +39,8 @@
     &:last-child{
       margin-right: 0;
     }
-    &.tco17{
-      background: url(../../images/happy-holidays.png) center/cover;
-      img{
-        width: 150px;
-        margin: 120px auto 0;
-        display: block;
-      }
+    &.tco18{
+      background: url(../../images/banner-tco18-stage-2.jpg) center/cover;
     }
     &.watson{
       background: url(../../images/banner-watson.jpg) center/cover;