diff --git a/app/my-dashboard/notifications/news.json b/app/my-dashboard/notifications/news.json index 9c8d6cc5a..9f150dbb6 100644 --- a/app/my-dashboard/notifications/news.json +++ b/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 } ] diff --git a/assets/css/directives/notification.directive.scss b/assets/css/directives/notification.directive.scss index 6df21be73..42d61b917 100644 --- a/assets/css/directives/notification.directive.scss +++ b/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; diff --git a/assets/images/news/tc-mvps-banner.jpg b/assets/images/news/tc-mvps-banner.jpg new file mode 100644 index 000000000..237274483 Binary files /dev/null and b/assets/images/news/tc-mvps-banner.jpg differ