From 209ad2ff60778cb6bf93d67a0754384d00999580 Mon Sep 17 00:00:00 2001 From: southafricanrob Date: Thu, 7 Mar 2024 17:48:46 +0200 Subject: [PATCH] Add files via upload Remove A/B test and other UI changes --- css/proof-of-position-protocol.webflow.css | 71 ++- css/webflow.css | 3 + feedback.html | 4 +- index.html | 609 ++++++++++++++++++++- js/webflow.js | 32 +- legal-privacy.html | 2 +- pricing.html | 129 +---- 7 files changed, 692 insertions(+), 158 deletions(-) diff --git a/css/proof-of-position-protocol.webflow.css b/css/proof-of-position-protocol.webflow.css index 6d424c2..9875d76 100644 --- a/css/proof-of-position-protocol.webflow.css +++ b/css/proof-of-position-protocol.webflow.css @@ -1418,6 +1418,11 @@ color: var(--spark-library-foreground-interactive); } +.cross.spark-primary-color.plus { + width: 24px; + padding: 1px 1px 1px 2px; +} + .cross.spark-foreground-disabled { width: 24px; color: var(--spark-library-foreground-disabled); @@ -1433,6 +1438,11 @@ display: flex; } +.spark-checked-item-2.plus-more { + height: 24px; + font-weight: 500; +} + .spark-features-included { grid-row-gap: 16px; border-bottom: 1px solid var(--spark-library-border-default); @@ -1508,6 +1518,7 @@ } .spark-flexed-price.spark-left-aligned { + min-height: 40px; grid-column-gap: 8px; justify-content: flex-start; align-items: flex-end; @@ -1543,7 +1554,7 @@ width: 100%; grid-column-gap: 32px; grid-row-gap: 32px; - justify-content: space-between; + justify-content: center; align-items: center; margin-top: 100px; display: flex; @@ -1590,7 +1601,7 @@ .spark-section-3 { width: 100%; - padding: 176px 64px; + padding: 100px 64px 176px; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif; position: relative; } @@ -1894,6 +1905,7 @@ } .bullet-text.varb { + margin-left: 0; font-size: 18px; font-weight: 500; line-height: 24px; @@ -2468,6 +2480,10 @@ font-family: Poppins, sans-serif; } +.pricing-bullet.plplus-more-text { + color: var(--spark-library-black); +} + .bold-text-2 { font-size: 3.1rem; line-height: 1.2; @@ -3246,12 +3262,17 @@ } .plan { + opacity: 1; color: #2b64ec; margin-bottom: .4rem; font-size: 1.25rem; font-weight: 600; } +.plan.free { + opacity: 0; +} + .text-block-11 { letter-spacing: 0; font-family: Poppins, sans-serif; @@ -4208,6 +4229,27 @@ padding: 12px; } +.hero-subtext { + width: 100%; + grid-column-gap: 16px; + color: var(--spark-library-foreground-secondary); + justify-content: flex-start; + align-items: center; + display: flex; +} + +.feature-text { + max-width: 380px; + margin-top: 20px; + font-size: 22px; + font-weight: 500; + line-height: 2rem; +} + +.text-span-2 { + font-weight: 700; +} + @media screen and (max-width: 991px) { .spark-line-3.spark-simple-line { width: 12.75px; @@ -4391,11 +4433,11 @@ } .spark-absolute-dark-background.spark-top-aligned { - height: 230px; + height: 692px; } .spark-section-3 { - padding-top: 104px; + padding-top: 68px; padding-left: 32px; padding-right: 32px; } @@ -4659,6 +4701,10 @@ padding-left: 32px; padding-right: 32px; } + + .feature-text { + max-width: none; + } } @media screen and (max-width: 767px) { @@ -4888,7 +4934,7 @@ } .spark-absolute-dark-background.spark-top-aligned { - height: 270px; + height: 710px; } .spark-section-3 { @@ -5653,6 +5699,10 @@ grid-column-gap: 8px; } + .spark-checked-item-2.plus-more { + height: 28px; + } + .spark-features-included { padding-left: 20px; padding-right: 20px; @@ -5664,7 +5714,7 @@ } .spark-absolute-dark-background.spark-top-aligned { - height: 256px; + height: 730px; } .spark-section-3 { @@ -6099,6 +6149,15 @@ .bold-text-15 { font-size: 16px; } + + .hero-subtext { + grid-column-gap: 8px; + } + + .feature-text { + text-align: left; + font-size: 20px; + } } #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d901c-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d901f-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d9020-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d9023-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d9024-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d9027-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d9028-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d902b-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d906b-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d906e-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d906f-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d9072-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d9073-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d9076-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d9077-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d907a-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d90ac-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d90af-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d90b0-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d90b3-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d90b4-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d90b7-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d90b8-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d90bb-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d90f0-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d90f3-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d90f4-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d90f7-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d90f8-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d90fb-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d90fc-3b40b2ac, #w-node-_99d19e71-031c-21ed-c7db-2cd1b94d90ff-3b40b2ac { diff --git a/css/webflow.css b/css/webflow.css index fa41700..8a8831e 100644 --- a/css/webflow.css +++ b/css/webflow.css @@ -104,6 +104,9 @@ html[data-w-dynpage] [data-w-cloak] { .w-code-block { margin: unset; } +pre.w-code-block code { + all: inherit; +} .w-webflow-badge, .w-webflow-badge * { position: static; diff --git a/feedback.html b/feedback.html index c0acda1..79037d3 100644 --- a/feedback.html +++ b/feedback.html @@ -1,5 +1,5 @@ - + @@ -37,7 +37,7 @@