Pi day banner

Author: ThomasKranitsas

app/my-dashboard/notifications/notifications.jade

@@ -9,6 +9,7 @@
     it will have same width, you can create a new .banner-row if you want place more banners
     in a new row
   .banner-row
-    a.banner.tco18(href="https://tco18.topcoder.com/",target="_blank",rel="noopener noreferrer")
+    // a.banner.tco18(href="https://tco18.topcoder.com/",target="_blank",rel="noopener noreferrer")
+    a.banner.pi-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/my-dashboard/notifications.scss

@@ -43,6 +43,10 @@
       background: url(../../images/banner-tco18-stage-3.jpg) center/cover;
       background-position: center top;
     }
+    &.pi-day{
+      background: url(../../images/pi-day.png) center/cover;
+      background-position: center top;
+    }
     &.watson{
       background: url(../../images/banner-watson.jpg) center/cover;
       padding-left: 64px;
@@ -66,6 +70,14 @@
         background-repeat: no-repeat;
         background-color: #333333;
       }
+      &.pi-day{
+        background-color: #a5a3ae;
+        background-image: url(../../images/pi-day.png);
+        background-size: contain;
+        background-position: center center;
+        background-repeat: no-repeat;
+        height: 250px;
+      }
     }
   }
 }