Merge pull request #1255 from appirio-tech/change-announcement

Remove announcement for the live video and bring back MVP announcement

Author: ThomasKranitsas

app/my-dashboard/notifications/news.json

@@ -1,12 +1,17 @@
 [
   {
-    "header": "MVP Program Explained w/ Jessie Ford",
-    "details": "Tune in now!",
+    "header": "Announcing the MVP Program",
+    "details": "Nominate Yourself or Someone Else Today!",
     "headerExpand": "Topcoder MVP Program",
-    "detailsExpand": "Tune in as Jessie and Nick dive a little deeper into what the MVP Program is and how to apply!  Broadcast starts at 11:00 AM EST.",
+    "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",
-    "live": true,
-    "liveExpand": true,
-    "videoCode": "https://www.youtube.com/embed/qciS6yC3_Zc"
+    "redirectTo": "https://www.topcoder.com/community/member-programs/mvp-program/",
+    "redirectText": "Learn More Here",
+    "customTag": {
+      "text": "Announcement"
+    },
+    "videoHeight": 480,
+    "liveExpand": false,
+    "videoCode": ""
   }
 ]

assets/css/directives/notification.directive.scss

@@ -73,7 +73,6 @@
       flex: 1;
       height: 100%;
       position: relative;
-      margin-top: 2%;
     }
     .header{
       font-weight: bold;
@@ -88,6 +87,7 @@
       line-height: 26px;
       font-weight: 100;
       padding-left: 60px;
+      max-width: 40%;
       color: #FFF;
     }
     .action{
@@ -105,7 +105,7 @@
       display: flex;
       align-items: center;
       justify-content: space-around;
-      margin: 55px;
+      margin-top: 80px;
       width: 50%;
       @media screen and (max-width: 768px) {
         margin-top: 0;