machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change sponsor cta on about page

Browse Source
This commit is contained in:
hunicus 2023-11-21 14:56:53 +09:00
parent 894075493b
commit b77a16233b
No known key found for this signature in database
GPG Key ID: 24837C51B6D81FD9
2 changed files with 41 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/app/components/about/about.component.html
View File

@ -33,10 +33,17 @@
</video> </video>
<ng-container *ngIf="officialMempoolSpace"> <ng-container *ngIf="officialMempoolSpace">
<h3 class="mt-5">Sponsor the project</h3> <div id="become-sponsor-container">
<div class="d-flex justify-content-center" style="max-width: 90%; margin: 35px auto 75px auto; column-gap: 15px"> <div class="become-sponsor enterprise">
<a href="/sponsor" class="btn" style="background-color: rgba(152, 88, 255, 0.75); box-shadow: 0px 0px 50px 5px rgba(152, 88, 255, 0.75)" i18n="about.community-sponsor-button">Community</a> <p>If you're a business looking to integrate the Mempool explorer or API into your app—check out Mempool Enterprise®.</p>
<a href="/enterprise" class="btn" style="background-color: rgba(152, 88, 255, 0.75); box-shadow: 0px 0px 50px 5px rgba(152, 88, 255, 0.75)" i18n="about.enterprise-sponsor-button">Enterprise</a> <a href="/enterprise" class="btn" style="background-color: rgba(152, 88, 255, 0.75); box-shadow: 0px 0px 50px 5px rgba(152, 88, 255, 0.75)" i18n="about.enterprise-sponsor-button">Explore Mempool Enterprise®</a>
</div>
<div class="become-sponsor community">
<p>For exclusive swag, your avatar on the mempool.space About page, and more—sign up to be a Community Sponsor.</p>
<a href="/sponsor" class="btn" style="background-color: rgba(152, 88, 255, 0.75); box-shadow: 0px 0px 50px 5px rgba(152, 88, 255, 0.75)" i18n="about.community-sponsor-button">Become a Community Sponsor</a>
<!--<div class="d-flex justify-content-center" style="max-width: 90%; margin: 35px auto 75px auto; column-gap: 15px;">
</div>-->
</div>
</div> </div>
</ng-container> </ng-container>

30
frontend/src/app/components/about/about.component.scss
View File

@ -246,3 +246,33 @@
width: 64px; width: 64px;
height: 64px; height: 64px;
} }
#become-sponsor-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 20px;
margin: 68px auto;
}
.become-sponsor {
background-color: #1d1f31;
border-radius: 16px;
padding: 12px 20px;
width: 400px;
padding: 40px;
}
.become-sponsor a {
margin-top: 10px;
}
@media (max-width: 992px) {
#become-sponsor-container {
flex-wrap: wrap;
}
}