diff --git a/app/controllers/top.coffee b/app/controllers/top.coffee index 614d18ea..7758ccf9 100644 --- a/app/controllers/top.coffee +++ b/app/controllers/top.coffee @@ -18,4 +18,8 @@ Controller = Ember.Controller.extend return false } + showCta: (-> + !@get('auth.signedIn') && !@get('config.pro') + ).property('auth.signedIn') + `export default Controller` diff --git a/app/styles/app/landing.sass b/app/styles/app/landing.sass index a7b46824..7267ef9b 100644 --- a/app/styles/app/landing.sass +++ b/app/styles/app/landing.sass @@ -1,5 +1,7 @@ .top.landing-page .topbar, -.wrapper.centered .topbar +.wrapper.centered .topbar, +.wrapper.centered #top .cta, +.top.landing-page .cta p margin: 0 auto max-width: 1024px diff --git a/app/styles/app/layouts/top.sass b/app/styles/app/layouts/top.sass index d4df65c5..645bf9b4 100644 --- a/app/styles/app/layouts/top.sass +++ b/app/styles/app/layouts/top.sass @@ -1,5 +1,27 @@ $top-height: 55px +#top .cta + border-bottom: 2px solid #E4E4E4 + border-top: 2px solid #E4E4E4 + line-height: 2.7em + font-size: 16px + color: #71AE76 + text-align: right + padding-right: 20px + + p + position: relative + + .arrow + display: block + position: absolute + top: -11px + right: 66px + background-image: inline-image('cta-arrow.svg') + background-repeat: no-repeat + width: 20px + height: 12px + .logo position: relative margin: 0 1.5rem 0 1.3rem @@ -39,7 +61,7 @@ $top-height: 55px .topbar font-size: $font-size-m - background-color: #eff0ec + background-color: #eff0ec color: $grey1 a @@ -84,7 +106,7 @@ $top-height: 55px height: $top-height > li display: inline-block - margin-right: 1rem + margin-right: 1rem a height: $top-height line-height: $top-height + 2px diff --git a/app/templates/top.hbs b/app/templates/top.hbs index 741760d1..aeb14e4a 100644 --- a/app/templates/top.hbs +++ b/app/templates/top.hbs @@ -70,4 +70,13 @@ {{/if}} - \ No newline at end of file + + +{{#if showCta}} +
+ + Help make Open Source a better place and start building better software today! +
+