diff --git a/app/styles/layouts/dashboard.css b/app/styles/layouts/dashboard.css index 6d7f32f46..6e0dd8562 100644 --- a/app/styles/layouts/dashboard.css +++ b/app/styles/layouts/dashboard.css @@ -65,7 +65,7 @@ justify-content: space-between; border: 1px solid var(--whitegrey); border-radius: 3px; - padding: 24px; + padding: 28px; margin-bottom: var(--dashboard-gap); } @@ -140,6 +140,52 @@ justify-content: flex-start; } +.gh-dashboard-area.lw-banner { + grid-column: 1 / 3; +} + +/* Launch Wizard Banner */ +.gh-lw-banner { + border-radius: 3px; + background: #15171A; + padding: 28px; + color: #fff; + background-repeat: no-repeat; + background-position: right bottom; + background-size: 35vw; +} + +.gh-lw-banner h1 { + font-size: 2.5rem; + letter-spacing: -0.1px; + color: #fff; +} + +.gh-lw-banner p { + font-size: 1.5rem; + color: #C5D2D9; + max-width: 480px; +} + +.gh-dashboard-box.blogpost { + flex-direction: row; + align-items: center; +} + +.gh-dashboard-box.blogpost h2 { + font-size: 2.4rem; + line-height: 1.2em; +} + +.gh-dashboard-box.blogpost p { + margin-bottom: 8px; +} + +.gh-dashboard-box.blogpost img { + max-width: 200px; + margin-right: 32px; +} + /* Charts */ .gh-dashboard-area.charts { display: grid; @@ -156,7 +202,7 @@ .gh-dashboard-area.charts .gh-dashboard-box { border: none; border-radius: 0; - padding: 16px 0 0 24px; + padding: 16px 0 0 28px; margin: 0; } @@ -173,27 +219,27 @@ .gh-dashboard-area.charts .mrr { grid-column: 1 / 2; grid-row: 1 / 4; - padding: 0 0 0 24px; + padding: 0 0 0 28px; } .gh-dashboard-area.charts .total-members { grid-column: 2 / 3; grid-row: 1 / 2; - padding: 0 24px 0 24px; + padding: 0 28px 0 28px; height: 75px; } .gh-dashboard-area.charts .paid-members { grid-column: 2 / 3; grid-row: 2 / 3; - padding: 0 24px 0 24px; + padding: 0 28px 0 28px; height: 75px; } .gh-dashboard-area.charts .newsletter-open-rate { grid-column: 2 / 3; grid-row: 3 / 4; - padding: 0 24px 0 24px; + padding: 0 28px 0 28px; height: 75px; } @@ -687,7 +733,7 @@ } .gh-dashboard-area.charts .mrr { - padding: 0 24px; + padding: 0 28px; } .gh-dashboard-area.charts .total-members, @@ -697,7 +743,7 @@ } .gh-dashboard-chart-box { - padding: 24px 0; + padding: 28px 0; } .gh-dashboard-summary:not(.small) { diff --git a/app/templates/dashboard.hbs b/app/templates/dashboard.hbs index d6350e8c0..da62b4cc4 100644 --- a/app/templates/dashboard.hbs +++ b/app/templates/dashboard.hbs @@ -6,86 +6,85 @@
-
-
-
-

MRR

-

30 days

-
-
-
- {{#if this.mrrStatsData}} -
{{this.mrrStatsData.current}}
-
{{this.mrrStatsData.percentGrowth}}%
- {{else}} -
$0
-
0.0%
- {{/if}} -
- {{#if this.mrrStatsData}} -
- -
- {{/if}} -
-
-
-
-
-

Total members

-
-
{{this.memberCountStatsData.all.total}}
-
{{this.memberCountStatsData.all.percentGrowth}}%
-
-
-
- -
-
-
- - -
-
- {{#if (and this.session.user.isOwner (not this.feature.launchComplete))}} -
-
-

Launch your site

-

You are just a few steps away from launching your membership Ghost site.

-
- - {{/if}} +
+ {{else}} +
+
+
+

MRR

+

30 days

+
+
+
+ {{#if this.mrrStatsData}} +
{{this.mrrStatsData.current}}
+
{{this.mrrStatsData.percentGrowth}}%
+ {{else}} +
$0
+
0.0%
+ {{/if}} +
+ {{#if this.mrrStatsData}} +
+ +
+ {{/if}} +
+
+
+
+
+

Total members

+
+
{{this.memberCountStatsData.all.total}}
+
{{this.memberCountStatsData.all.percentGrowth}}%
+
+
+
+ +
+
+
+ + +
+ {{/if}} +
@@ -108,9 +107,12 @@
-
+
+
-

...

+

Should you launch a newsletter referral program?

+

Plus some actionable ideas to create a sustainable growth machine for your newsletter business!

+ Read article
@@ -152,23 +154,27 @@
{{/if}} -
-

Activity feed

-
- {{#if this.eventsLoading}} - Loading... - {{else}} - {{#if this.eventsError}} -

- There was an error loading events - {{this.eventsError.message}} -

+ + {{#unless (and this.session.user.isOwner (not this.feature.launchComplete))}} +
+

Activity feed

+
+ {{#if this.eventsLoading}} + Loading... {{else}} - + {{#if this.eventsError}} +

+ There was an error loading events + {{this.eventsError.message}} +

+ {{else}} + + {{/if}} {{/if}} - {{/if}} +
-
+ {{/unless}} +

What's new?

diff --git a/public/assets/img/dashboard-feature-image.jpeg b/public/assets/img/dashboard-feature-image.jpeg new file mode 100644 index 000000000..8a2c00b64 Binary files /dev/null and b/public/assets/img/dashboard-feature-image.jpeg differ diff --git a/public/assets/img/launch-wizard-bg.png b/public/assets/img/launch-wizard-bg.png new file mode 100644 index 000000000..6288f3d75 Binary files /dev/null and b/public/assets/img/launch-wizard-bg.png differ