Add MVP results

Author: ThomasKranitsas

app/my-dashboard/notifications/news.json

@@ -1,17 +1,18 @@
 [
   {
-    "header": "Topcoder MVPs Revealed Live",
-    "details": "Tune in 01/24",
-    "headerExpand": "Topcoder MVPs Revealed Live!",
-    "detailsExpand": "Join your Community Manager, Nick, on January 25th at 01:00 PM EST as he announces your 2018 MVPs.  You can view the show here on your dashboard or on our Youtube Channel!",
-    "backgroundImage": "tc-mvp-announcement.png",
-    "redirectTo": "https://www.topcoder.com/community/member-programs/mvp-program/",
-    "redirectText": "Learn More Here",
-    "live": true,
-    "liveExpand": true,
+    "header": "Topcoder MVP Announcement!",
+    "details": "Check out our first group of MVPs!",
+    "headerExpand": "Topcoder MVP Announcement!",
+    "detailsExpand": "Check out our first group of MVPs! Learn more about who they are and a little bit more about them!",
+    "backgroundImage": "tc-mvps-banner.jpg",
+    "redirectTo": "https://www.topcoder.com/blog/introducing-2018-topcoder-mvp-members/",
+    "redirectText": "Read More Here",
+    "live": false,
+    "liveExpand": false,
     "customTag": {
       "text": "Announcement"
     },
-    "videoCode": "https://www.youtube.com/embed/Two_6AiEHcQ"
+    "videoCode": "",
+    "height": 500
   }
 ]

assets/css/directives/notification.directive.scss

@@ -55,7 +55,8 @@
   }
   .expanded{
     background-color: $tc-black;
-    background-position: 0 20%;
+    background-position: center top;
+    // background-position: 0 20%;
     background-size: cover;
     background-repeat: no-repeat;
     color: $tc-black;
@@ -78,21 +79,22 @@
     .header{
       font-weight: bold;
       font-size: 40px;
-      margin-top: 35px;
+      margin-top: 340px;
       padding-left: 60px;
-      margin-bottom: 20px;
+      margin-bottom: 12px;
       color: #FFF;
     }
     .details{
+      max-width: 50%;
       font-size: 16px;
-      line-height: 26px;
+      line-height: 16px;
       font-weight: 100;
       padding-left: 60px;
       color: #FFF;
     }
     .action{
       position: absolute;
-      bottom: 36px;
+      bottom: 30px;
       left: 60px;
       background-color: white;
       padding: 10px 20px;