diff --git a/app/controllers/dashboard.js b/app/controllers/dashboard.js index dec3a71..e8f49d6 100644 --- a/app/controllers/dashboard.js +++ b/app/controllers/dashboard.js @@ -33,6 +33,10 @@ export default Controller.extend({ showQuickFilterUnconfirmed: false, showQuickFilterConfirmed: false, + showIntroText: computed('kredits.{hasAccounts,currentUser}', function(){ + return (!this.kredits.hasAccounts || !this.kredits.currentUser); + }), + actions: { vetoContribution (contributionId) { diff --git a/app/styles/_colors.scss b/app/styles/_colors.scss index 848f77b..4898458 100644 --- a/app/styles/_colors.scss +++ b/app/styles/_colors.scss @@ -8,8 +8,3 @@ $red: #fb6868; $primary-color: $blue; $body-text-color: #fff; - -#topbar { - background-color: rgba(255, 0, 255, .2); -} - diff --git a/app/styles/_layout.scss b/app/styles/_layout.scss index bd95fe8..23be5fa 100644 --- a/app/styles/_layout.scss +++ b/app/styles/_layout.scss @@ -61,6 +61,40 @@ main { } } +#intro { + padding: 2rem; + background-color: rgba(0,0,0,.2); + font-size: 1.6rem; + + @include media-max(small) { + padding: 2rem 1rem; + font-size: 1.4rem; + } + + h2 { + font-size: inherit; + margin-bottom: 1em; + } + + p { + margin-bottom: 1em; + line-height: 1.5em; + font-size: 1.2rem; + + &:last-child { + margin-bottom: 0; + } + } + + a { + text-decoration: none; + + &:hover, &:active { + text-decoration: underline; + } + } +} + @media (min-width: 550px) { main { dashboard { diff --git a/app/templates/dashboard.hbs b/app/templates/dashboard.hbs index e0adc59..4aba212 100644 --- a/app/templates/dashboard.hbs +++ b/app/templates/dashboard.hbs @@ -1,3 +1,19 @@ +{{#if showIntroText}} +
+ If you want to learn more about what the numbers mean and how this works, + check out the + Kredits documentation. + If you want to start earning kredits for your contributions, + {{link-to "create a contributor profile" "signup"}}. +
+