Updated dashboard content and news

ghost/admin/app/styles/layouts/dashboard.css

@@ -215,29 +215,14 @@
     color: var(--midgrey);
 }
 
+a.gh-dashboard-container {
+    color: currentColor;
+}
+
 .gh-dashboard-container.crunched .gh-dashboard-box{
     padding: 28px;
 }
 
-.gh-dashboard-container.crunched .chart {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    padding: 28px 16px 28px 32px;
-    height: 100%;
-}
-
-.gh-dashboard-container.crunched .chart .bar {
-    width: 100%;
-    height: 8px;
-    border-radius: 999px;
-    background: var(--lightgrey);
-}
-
-.gh-dashboard-container.crunched .chart .bar.green {
-    background: var(--green);
-}
-
 .gh-dashboard-container.start-contents .gh-dashboard-box {
     grid-row-gap: 0;
     align-items: flex-start;
@@ -467,6 +452,23 @@
     transform-origin: top right;
 }
 
+.gh-dashboard-careers {
+    display: grid;
+    justify-content: space-between;
+    grid-gap: 30px;
+    grid-template-columns: 3fr 1fr;
+}
+
+.gh-dashboard-careers p {
+    margin-bottom: 0;
+}
+
+.gh-dashboard-careers-cta {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
 .gh-dashboard-join-community {
     display: flex;
     flex-direction: column;
@@ -926,7 +928,7 @@
     .gh-dashboard-join-community .footer-link {
         margin-bottom: -24px;
     }
-    
+
     .gh-dashboard-container.start-contents .gh-dashboard-box {
         grid-template-columns: 1fr;
         grid-template-rows: auto;

ghost/admin/app/templates/dashboard.hbs

@@ -184,64 +184,37 @@
                 </div>
             </div>
 
-            <a class="gh-dashboard-container" href="https://ghost.org/blog/membership-business-small-audience/" target="_blank" rel="noopener noreferrer">
-                <div class="gh-dashboard-box blogpost thebrowser">
-                    <div class="content">
-                        <h2>How to start a successful membership business without a huge audience</h2>
-                        <p>You can gain serious momentum with your membership business—even with a smaller audience. Find your first 100 true fans, cultivate them, and build a fulfilling and thriving premium community.</p>
-                        <div class="read-time">8 MIN READ</div>
-                    </div>
-                    <div class="thumbnail" style="background-image: url(assets/img/dashboard/start-membership.jpg);"></div>
-                </div>
-            </a>
-
-            <a class="gh-dashboard-container" href="https://thebrowser.com/" target="_blank" rel="noopener noreferrer">
-                <div class="gh-dashboard-box blogpost thebrowser">
-                    <div class="thumbnail" style="background-image: url(assets/img/dashboard/the-browser.png);"></div>
-                    <div class="content">
-                        <h2>Discover writing worth reading.</h2>
-                        <p>Looking for inspiration to build a paid publication and newsletter with tens of thousands of subscribers?</p>
-                        <p><strong>The Browser</strong> is one of the most successful sites running on Ghost, giving people interesting things to ponder and fascinating ideas to discuss at dinner.</p>
-                        <span class="green">Check it out &rarr;</span>
-                    </div>
-                </div>
-            </a>
-
-            <div class="gh-dashboard-container crunched">
-                <div class="gh-dashboard-box blogpost grey">
-                    <div class="summary">
-                        <h1>Listen, we’ve crunched  the numbers & the data is clear.</h1>
-                        <p>People who publish new content for their audience on a consistent schedule grow up to 5x faster than others.</p>
-
-                        <p>In many cases, the single most valuable thing you can do is make a content calendar that you can stick to consistently. Be reliable. Build trust.</p>
-                    </div>
-                    <div class="chart">
-                        <div>
-                            <div class="bar green"></div>
-                            <div class="flex justify-between fw6 black">
-                                <span>At least 1 post per week</span>
-                                <span class="f3">5x</span>
-                            </div>
-                        </div>
-                        <div>
-                            <div class="bar grey" style="width: 50%;"></div>
-                            1 post per month
-                        </div>
-                        <div>
-                            <div class="bar grey" style="width: 20%;"></div>
-                            Sporadically
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <a class="gh-dashboard-container reverse" href="https://ghost.org/blog/find-your-niche-creator-economy/" target="_blank" rel="noopener noreferrer">
+            <a class="gh-dashboard-container" href="https://ghost.org/blog/types-of-newsletters/?utm_source=dashboard" target="_blank" rel="noopener noreferrer">
                 <div class="gh-dashboard-box blogpost">
-                    <div class="thumbnail" style="background-image: url(assets/img/dashboard/find-niche.jpg);"></div>
                     <div class="content">
-                        <h2>The unexpected (but proven) way to find your niche in the creator economy</h2>
-                        <p>Niche = focus. If you’re struggling to find your angle, chances are you’re closer than you think. When you do find your niche, it will practically feel like cheating.</p>
-                        <p class="green">Here’s how to figure out yours &rarr;</p>
+                        <h2>6 types of newsletters you can start today</h2>
+                        <p>Choosing one of these newsletter types for your publication will help you create better content at a faster pace with less work.</p>
+                        <p class="green">Get some inspiration &rarr;</p>
+                        <div class="read-time">5 MIN READ</div>
+                    </div>
+                    <div class="thumbnail" style="background-image: url(assets/img/dashboard/bp1.jpg);"></div>
+                </div>
+            </a>
+
+            <a class="gh-dashboard-container" href="https://careers.ghost.org?utm_source=dashboard" target="_blank" rel="noopener">
+                <div class="gh-dashboard-box grey gh-dashboard-careers">
+                    <div class="summary">
+                        <h2>We're hiring! Join the team that makes Ghost.</h2>
+                        <p>The creator economy is growing faster than ever, and so are we! 📈 Join a team that's determined to make decentralised, open technology the heart and soul of new media 🌺</p>
+                    </div>
+                    <div class="gh-dashboard-careers-cta">
+                        <span class="gh-btn gh-btn-primary"><span>See open roles &rarr;</span></span>
+                    </div>
+                </div>
+            </a>
+
+            <a class="gh-dashboard-container reverse" href="https://ghost.org/blog/content-strategy-creator-funnel/?utm_source=dashboard" target="_blank" rel="noopener noreferrer">
+                <div class="gh-dashboard-box blogpost">
+                    <div class="thumbnail" style="background-image: url(assets/img/dashboard/bp2.jpg);"></div>
+                    <div class="content">
+                        <h2>How to grow your audience, starting from 0</h2>
+                        <p>Starting from zero is hard. Thankfully, successful creators have given us clues on how to grow an audience by using something called a content funnel.</p>
+                        <p class="green">Here's how it works &rarr;</p>
                         <div class="read-time">9 MIN READ</div>
                     </div>
                 </div>