banner and announcement changes

app/my-dashboard/notifications/news.json

@@ -1,15 +1,18 @@
 [
   {
-    "header": "There are no announcements",
-    "details": "You are all caught up!",
-    "headerExpand": "",
-    "detailsExpand": "",
-    "backgroundImageDesktop": "",
-    "backgroundImageTablet": "",
-    "backgroundImageMobile": "",
+    "header": "Algorithm, Marathon, Regionals, & More!",
+    "details": "TCO18 news is here! Find out the details for Algorith & Marathon Competitions, regional events, and more!",
+    "headerExpand": "TCO18 News - Algorithm, Marathon, Regionals, & More!",
+    "detailsExpand": "TCO18 news is here! Find out the details for Algorith & Marathon Competitions, regional events, and more!",
+    "backgroundImageDesktop": "tco18news-desktop.jpg",
+    "backgroundImageTablet": "tco18news-tablet.jpg",
+    "backgroundImageMobile": "tco18news-mobile.jpg",
+    "customTag": {
+      "text": "TCO18 News"
+    },
     "live": false,
     "liveExpand": false,
     "videoCode": "",
-    "isEmpty": true
+    "isEmpty": false
   }
 ]

app/my-dashboard/notifications/notifications.jade

@@ -10,6 +10,6 @@
     in a new row
   .banner-row
     // a.banner.tco18(href="https://tco18.topcoder.com/",target="_blank",rel="noopener noreferrer")
-    a.banner.happy-holi(href="https://topcoder.com/",target="_blank",rel="noopener noreferrer")
+    a.banner.womens-day(href="https://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

@@ -85,7 +85,6 @@ $desktop-width: 1024px;
     ======*/
     @include mobile {
       flex-direction: column;
-      padding: 20px;
       align-items: center;
     }
 
@@ -146,6 +145,7 @@ $desktop-width: 1024px;
         flex-direction: column;
         padding: 14px;
         padding-top: 0;
+        padding-bottom: 10px;
         margin-top: 0;
       }
     }
@@ -155,7 +155,7 @@ $desktop-width: 1024px;
       margin-bottom: 14px;
       color: #FFF;
       @include desktop {
-        margin-top: 75px;
+        margin-top: 0;
         width: 100%;
         padding: 20px 0 13px 44px;
       }
@@ -166,10 +166,7 @@ $desktop-width: 1024px;
         ======
         With Video
         ======*/
-        flex: 1;
         text-align: center;
-        margin-top:50px;
-        margin-bottom:20px;
 
         /*
         ======
@@ -183,8 +180,8 @@ $desktop-width: 1024px;
       @include mobile {
         font-size: 24px;
         text-align: center;
-        padding-top: 20px;
-        padding-bottom: 20px;
+        padding-top: 10px;
+        flex: 1;
         /*
         ======
         With Logo
@@ -225,7 +222,6 @@ $desktop-width: 1024px;
       @include mobile {
         font-size: 18px;
         line-height: 26px;
-        margin-bottom: 25px;
         text-align: center;
         /*
         ======

assets/css/my-dashboard/notifications.scss

@@ -43,8 +43,8 @@
       background: url(../../images/banner-tco18-stage-3.jpg) center/cover;
       background-position: center top;
     }
-    &.happy-holi{
-      background: url(../../images/happy-holi.png) center/cover;
+    &.womens-day{
+      background: url(../../images/womens-day.png) center/cover;
       background-position: center top;
     }
     &.watson{
@@ -70,6 +70,11 @@
         background-repeat: no-repeat;
         background-color: #333333;
       }
+      &.womens-day{
+        background: url(../../images/womens-day.png) center/cover;
+        background-position: left top;
+        height: 60vw;
+      }
     }
   }
 }