diff --git a/app/my-dashboard/my-dashboard.jade b/app/my-dashboard/my-dashboard.jade index 43c19350f..7c173aa8e 100644 --- a/app/my-dashboard/my-dashboard.jade +++ b/app/my-dashboard/my-dashboard.jade @@ -9,6 +9,14 @@ //- tc-banner(theme="black", banner-name="ttl") .one-million tc-banner(theme="black", banner-name="1million") + .social-sharing + span #TC1MILLION on + a.twitter(href="//twitter.com/home?status=Topcoder%20has%20reached%20an%20epic%20milestone%20and%20is%20now%20over%201%20Million%20Strong!%20https%3A//www.topcoder.com/blog/1-million-members-strong/%20%23TC1MILLION") + img(src="//topcoder.com/wp-content/uploads/2016/05/btn-social-twitter.png") + + a.facebook(href="http://www.facebook.com/sharer/sharer.php?s=100&p[url]=https://www.topcoder.com/blog/1-million-members-strong/&p[images][0]=https://www.topcoder.com/wp-content/uploads/2016/05/Blog_banner_1mil.png&p[title]=1 Million Members Strong&p[summary]=1+Million+Members+Strong%0A") + img(src="//topcoder.com/wp-content/uploads/2016/05/btn-social-fb.png") + .tco tc-banner(theme="black", banner-name="tco16") diff --git a/assets/css/my-dashboard/my-dashboard.scss b/assets/css/my-dashboard/my-dashboard.scss index fea5f1ddb..d65fb666d 100644 --- a/assets/css/my-dashboard/my-dashboard.scss +++ b/assets/css/my-dashboard/my-dashboard.scss @@ -37,12 +37,32 @@ .one-million { .tc-banner-placeholder { background: none $tc-gray-90; + .image { img { width: auto; } } + .content { + margin-top: 0px; + } + + .social-sharing { + margin-bottom: 20px; + span { + color: $white; + @include sofia-pro-bold; + margin-right: 10px; + } + + img { + height: 40px; + padding: 0 10px 0 0px; + vertical-align: middle; + } + } + .ctas { // specific css override to reduce the gap between image and ctas // ideally we should have separate title, image and description