From b77a16233b32ef7b45dd77d643850831b96233c5 Mon Sep 17 00:00:00 2001 From: hunicus <93150691+hunicus@users.noreply.github.com> Date: Tue, 21 Nov 2023 14:56:53 +0900 Subject: [PATCH 1/4] Change sponsor cta on about page --- .../app/components/about/about.component.html | 15 +++++++--- .../app/components/about/about.component.scss | 30 +++++++++++++++++++ 2 files changed, 41 insertions(+), 4 deletions(-) diff --git a/frontend/src/app/components/about/about.component.html b/frontend/src/app/components/about/about.component.html index c3f516fc7..c49ed8679 100644 --- a/frontend/src/app/components/about/about.component.html +++ b/frontend/src/app/components/about/about.component.html @@ -33,11 +33,18 @@ -

Sponsor the project

-
- Community - Enterprise +
+
+

If you're a business looking to integrate the Mempool explorer or API into your app—check out Mempool Enterprise®.

+ Explore Mempool Enterprise®
+
+

For exclusive swag, your avatar on the mempool.space About page, and more—sign up to be a Community Sponsor.

+ Become a Community Sponsor + +
+
diff --git a/frontend/src/app/components/about/about.component.scss b/frontend/src/app/components/about/about.component.scss index f7aa0b965..5b94bd0c6 100644 --- a/frontend/src/app/components/about/about.component.scss +++ b/frontend/src/app/components/about/about.component.scss @@ -246,3 +246,33 @@ width: 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; + } + +} From 9b8f70a0ae64d1d6346078214a8c89f14fe54a9b Mon Sep 17 00:00:00 2001 From: hunicus <93150691+hunicus@users.noreply.github.com> Date: Tue, 21 Nov 2023 16:42:21 +0900 Subject: [PATCH 2/4] Change alignment and copy --- .../app/components/about/about.component.html | 24 +++++++++++-------- .../app/components/about/about.component.scss | 17 ++++++++++++- frontend/src/app/shared/shared.module.ts | 3 ++- 3 files changed, 32 insertions(+), 12 deletions(-) diff --git a/frontend/src/app/components/about/about.component.html b/frontend/src/app/components/about/about.component.html index c49ed8679..7354db6c7 100644 --- a/frontend/src/app/components/about/about.component.html +++ b/frontend/src/app/components/about/about.component.html @@ -33,18 +33,22 @@ -
-
-

If you're a business looking to integrate the Mempool explorer or API into your app—check out Mempool Enterprise®.

- Explore Mempool Enterprise® -
-
-

For exclusive swag, your avatar on the mempool.space About page, and more—sign up to be a Community Sponsor.

+
+
+

If you're an individual...

Become a Community Sponsor - + + + +
+
+

If you're a business...

+ Become an Enterprise Sponsor + + + +
-
diff --git a/frontend/src/app/components/about/about.component.scss b/frontend/src/app/components/about/about.component.scss index 5b94bd0c6..54dc38a27 100644 --- a/frontend/src/app/components/about/about.component.scss +++ b/frontend/src/app/components/about/about.component.scss @@ -262,13 +262,28 @@ border-radius: 16px; padding: 12px 20px; width: 400px; - padding: 40px; + padding: 40px 20px; } .become-sponsor a { margin-top: 10px; } +#become-sponsor-container .btn { + margin-bottom: 24px; +} + +#become-sponsor-container .ng-fa-icon { + color: #2ecc71; + margin-right: 5px; +} + +#become-sponsor-container .sponsor-feature { + text-align: left; + width: 250px; + margin: 12px auto; +} + @media (max-width: 992px) { #become-sponsor-container { diff --git a/frontend/src/app/shared/shared.module.ts b/frontend/src/app/shared/shared.module.ts index 76dbc65f1..0b4464727 100644 --- a/frontend/src/app/shared/shared.module.ts +++ b/frontend/src/app/shared/shared.module.ts @@ -4,7 +4,7 @@ import { NgbCollapseModule, NgbTypeaheadModule } from '@ng-bootstrap/ng-bootstra import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome'; import { faFilter, faAngleDown, faAngleUp, faAngleRight, faAngleLeft, faBolt, faChartArea, faCogs, faCubes, faHammer, faDatabase, faExchangeAlt, faInfoCircle, faLink, faList, faSearch, faCaretUp, faCaretDown, faTachometerAlt, faThList, faTint, faTv, faClock, faAngleDoubleDown, faSortUp, faAngleDoubleUp, faChevronDown, - faFileAlt, faRedoAlt, faArrowAltCircleRight, faExternalLinkAlt, faBook, faListUl, faDownload, faQrcode, faArrowRightArrowLeft, faArrowsRotate, faCircleLeft, faFastForward, faWallet, faUserClock, faWrench, faUserFriends, faQuestionCircle, faHistory, faSignOutAlt, faKey, faSuitcase, faIdCardAlt, faNetworkWired, faUserCheck, faCircleCheck, faUserCircle } from '@fortawesome/free-solid-svg-icons'; + faFileAlt, faRedoAlt, faArrowAltCircleRight, faExternalLinkAlt, faBook, faListUl, faDownload, faQrcode, faArrowRightArrowLeft, faArrowsRotate, faCircleLeft, faFastForward, faWallet, faUserClock, faWrench, faUserFriends, faQuestionCircle, faHistory, faSignOutAlt, faKey, faSuitcase, faIdCardAlt, faNetworkWired, faUserCheck, faCircleCheck, faUserCircle, faCheck } from '@fortawesome/free-solid-svg-icons'; import { InfiniteScrollModule } from 'ngx-infinite-scroll'; import { MenuComponent } from '../components/menu/menu.component'; import { PreviewTitleComponent } from '../components/master-page-preview/preview-title.component'; @@ -364,5 +364,6 @@ export class SharedModule { library.addIcons(faUserCheck); library.addIcons(faCircleCheck); library.addIcons(faUserCircle); + library.addIcons(faCheck); } } From a3f2c42b8ef21113407640853640d8817b53f47f Mon Sep 17 00:00:00 2001 From: hunicus <93150691+hunicus@users.noreply.github.com> Date: Wed, 22 Nov 2023 16:31:24 +0900 Subject: [PATCH 3/4] Replace vip events with early accelerator --- frontend/src/app/components/about/about.component.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/app/components/about/about.component.html b/frontend/src/app/components/about/about.component.html index 7354db6c7..c1f74ae31 100644 --- a/frontend/src/app/components/about/about.component.html +++ b/frontend/src/app/components/about/about.component.html @@ -39,7 +39,7 @@ Become a Community Sponsor - +

If you're a business...

From a76a600d3f2868aba91925862c9e57588aac8042 Mon Sep 17 00:00:00 2001 From: wiz Date: Wed, 22 Nov 2023 17:06:02 +0900 Subject: [PATCH 4/4] Tweak community sponsor word --- frontend/src/app/components/about/about.component.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/app/components/about/about.component.html b/frontend/src/app/components/about/about.component.html index c1f74ae31..391de5ce9 100644 --- a/frontend/src/app/components/about/about.component.html +++ b/frontend/src/app/components/about/about.component.html @@ -39,7 +39,7 @@ Become a Community Sponsor - +

If you're a business...