Custom CTA to other themes

This commit is contained in:
Sodbileg Gansukh
2021-07-12 16:06:14 +08:00
parent f90b6f3189
commit c694aa6b86
4 changed files with 27 additions and 3 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -17,6 +17,11 @@
--head-nav-gap: 3.2rem;
}
.gh-btn {
font-weight: 600;
border-radius: 6px;
}
.tag-template .gh-main,
.author-template .gh-main {
padding-top: 8vmin;
@@ -139,7 +144,6 @@
letter-spacing: -0.02em;
background-color: transparent;
border: 1px solid var(--color-light-gray);
border-radius: 6px;
}
.gh-loadmore:hover {

20
partials/content-cta.hbs Normal file
View File

@@ -0,0 +1,20 @@
{{{html}}}
<section class="gh-cta">
{{#has visibility="paid"}}
<h4 class="gh-cta-title">This post is for paying subscribers only</h4>
{{/has}}
{{#has visibility="members"}}
<h4 class="gh-cta-title">This post is for subscribers only</h4>
{{/has}}
<div class="gh-cta-actions">
{{#if @member}}
<a class="gh-btn gh-primary-btn" href="#/portal/account/plans">Upgrade now</a>
<a class="gh-btn gh-outline-btn" href="#/portal/account">Account</a>
{{else}}
<a class="gh-btn gh-primary-btn" href="#/portal/signup">Subscribe now</a>
<a class="gh-btn gh-outline-btn" href="#/portal/signin">Log in</a>
{{/if}}
</div>
</section>