Added blog post to Dashboard

This commit is contained in:
Peter Zimon 2021-03-10 20:12:21 +01:00
parent 7b2d8b1929
commit 413b000d7f
3 changed files with 22 additions and 0 deletions

View File

@ -174,6 +174,7 @@
grid-template-columns: 1fr 1fr;
grid-gap: 32px;
align-items: center;
overflow: hidden;
}
.gh-dashboard-box.blogpost .content {
@ -200,10 +201,19 @@
color: var(--green);
}
.gh-dashboard-box .content h2 a {
color: var(--black);
}
.gh-dashboard-box .content a:hover {
color: var(--green-d2);
}
.gh-dashboard-box .content .read-time {
font-size: 1.3rem;
color: var(--midgrey);
}
/* Charts */
.gh-dashboard-area.charts {
display: grid;
@ -781,10 +791,12 @@
.gh-dashboard-box.blogpost .thumbnail {
min-height: 220px;
grid-row: 1 / 2;
}
.gh-dashboard-box.blogpost .content {
padding-top: 0;
grid-row: 2 / 3;
}
}

View File

@ -157,6 +157,16 @@
</div>
</div>
</div>
<div class="gh-dashboard-container">
<div class="gh-dashboard-box blogpost thebrowser">
<div class="content">
<h2><a href="https://ghost.org/blog/membership-business-small-audience/" target="_blank" rel="noopener noreferrer">How to start a successful membership business without a huge audience</a></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">9 MIN READ</div>
</div>
<div class="thumbnail" style="background-image: url(assets/img/dashboard/start-membership.jpg);"></div>
</div>
</div>
<div class="gh-dashboard-container">
<div class="gh-dashboard-box blogpost thebrowser">
<div class="thumbnail" style="background-image: url(assets/img/dashboard/the-browser.png);"></div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 77 KiB