From e70771dde3b80e6f10628337a4b907c28d4de1b0 Mon Sep 17 00:00:00 2001 From: trean Date: Thu, 30 May 2024 19:00:38 +0200 Subject: [PATCH] Some fixes for new site (#929) * menu fix * hybrid cloud partners overlay fix * pricing adjustment * email form error message fix * marketplaces overlay fix * body's scroll over the mobile menu fix * pricing fix * benchmarks plot labels fix --- .../content/pricing/qdrant-pricing-doors-b.md | 7 ++-- .../themes/qdrant-2024/assets/css/base.scss | 6 +++ .../qdrant-2024/assets/css/benchmarks.scss | 42 +++++++++++++++++++ .../assets/css/mixins/_marketplaces.scss | 2 - .../assets/css/partials/_hero.scss | 2 +- .../css/partials/_hybrid-cloud-partners.scss | 3 -- .../css/partials/_qdrant-pricing-doors-b.scss | 1 - .../assets/css/partials/_subscribe-form.scss | 12 +++++- .../themes/qdrant-2024/assets/js/index.js | 35 ++++++++++++++++ .../layouts/partials/benchmark_chart.html | 15 +++---- .../partials/benchmark_filter_chart.html | 8 ++-- .../partials/hybrid-cloud-partners.html | 4 +- .../layouts/partials/marketplaces.html | 2 +- .../layouts/partials/menu-mobile.html | 22 +--------- 14 files changed, 114 insertions(+), 47 deletions(-) diff --git a/qdrant-landing/content/pricing/qdrant-pricing-doors-b.md b/qdrant-landing/content/pricing/qdrant-pricing-doors-b.md index 0e6ca6d5c..f4d742388 100644 --- a/qdrant-landing/content/pricing/qdrant-pricing-doors-b.md +++ b/qdrant-landing/content/pricing/qdrant-pricing-doors-b.md @@ -3,11 +3,12 @@ cards: - id: 0 popular: true title: Qdrant Cloud - price: $0 + price: Starting at $0 description: Starts with 1GB free cluster, no credit card required. button: text: Start Free url: https://cloud.qdrant.io + contained: true featureDescription: Scale your production solutions without deployment and upkeep. featureLink: text: Calculate your usage. @@ -39,7 +40,7 @@ cards: popular: false title: Hybrid Cloud price: $0.014 - description: Starting price per hour*. + description: Starting price per hour. button: text: Get Started url: https://cloud.qdrant.io @@ -56,7 +57,7 @@ cards: content: Standard support plan - id: 4 content: Can be upgraded to premium support plan - minPrice: *Min $99 / month +# minPrice: *Min $99 / month - id: 2 popular: false title: Private Cloud diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/base.scss b/qdrant-landing/themes/qdrant-2024/assets/css/base.scss index 24b772a35..82c2929ef 100644 --- a/qdrant-landing/themes/qdrant-2024/assets/css/base.scss +++ b/qdrant-landing/themes/qdrant-2024/assets/css/base.scss @@ -43,6 +43,12 @@ html { } } +body { + &.no-scroll { + overflow: hidden; + } +} + @import 'components'; @import 'syntax-highlight'; @import 'mathjax'; diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/benchmarks.scss b/qdrant-landing/themes/qdrant-2024/assets/css/benchmarks.scss index ca6ed911d..6ea21ab92 100644 --- a/qdrant-landing/themes/qdrant-2024/assets/css/benchmarks.scss +++ b/qdrant-landing/themes/qdrant-2024/assets/css/benchmarks.scss @@ -12,6 +12,48 @@ &__plot-wrapper { margin-bottom: $spacer * 2; } + &__plot-labels { + display: flex; + border-left: 1px solid $neutral-80; + border-right: 1px solid $neutral-80; + @include media-breakpoint-up(lg) { + border-left: 0; + border-right: 0; + } + &_stretch { + justify-content: space-between; + + & .benchmark__plot-label { + flex-grow: 1; + } + } + } + &__plot-label { + display: flex; + flex-direction: column; + align-items: center; + padding-right: $spacer; + &:first-of-type { + padding-left: $spacer; + } + &:not(:last-of-type) { + margin-right: $spacer; + border-right: 1px solid $neutral-80; + } + + @include media-breakpoint-up(lg) { + flex-direction: row; + &:first-of-type { + padding-left: 0; + } + &:not(:last-of-type) { + margin-right: $spacer; + } + input { + margin-right: $spacer * 0.5; + } + } + } .table-striped { th, td { diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/mixins/_marketplaces.scss b/qdrant-landing/themes/qdrant-2024/assets/css/mixins/_marketplaces.scss index c5b009688..4beff976c 100644 --- a/qdrant-landing/themes/qdrant-2024/assets/css/mixins/_marketplaces.scss +++ b/qdrant-landing/themes/qdrant-2024/assets/css/mixins/_marketplaces.scss @@ -30,7 +30,6 @@ flex-direction: column; gap: rem(32); position: relative; - z-index: 2; } &__card { @@ -92,7 +91,6 @@ background-size: contain; background-repeat: no-repeat; background-position: center; - z-index: 1; } } } diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_hero.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_hero.scss index d1ce24cac..b5f03fec3 100644 --- a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_hero.scss +++ b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_hero.scss @@ -88,7 +88,6 @@ background-color: $neutral-10; transition: bottom 1s ease-in-out; - z-index: 2; } &__stars svg { @@ -157,6 +156,7 @@ right: $spacer * 1.5; bottom: $spacer * 1.5; transition: background-color 0.2s; + z-index: 2; &:hover { background-color: $neutral-100; diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_hybrid-cloud-partners.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_hybrid-cloud-partners.scss index b22bbb105..a16a5b9c5 100644 --- a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_hybrid-cloud-partners.scss +++ b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_hybrid-cloud-partners.scss @@ -21,14 +21,12 @@ flex-direction: column; gap: $spacer * 1.5; padding: rem(92) 0; - z-index: 2; } &__cards { @include marquee.base(96px, 264px, 20, 20, 12px, $neutral-94, false, 50s, none); &__container { - z-index: 2; } &__item { @@ -62,7 +60,6 @@ background-size: cover; background-repeat: no-repeat; background-position: center; - z-index: 1; } @include media-breakpoint-up(xl) { diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_qdrant-pricing-doors-b.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_qdrant-pricing-doors-b.scss index 80202b97b..52b03c641 100644 --- a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_qdrant-pricing-doors-b.scss +++ b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_qdrant-pricing-doors-b.scss @@ -23,7 +23,6 @@ &__door { width: calc((100% / 3) - 20px); - height: rem(896); .pricing-door__description { height: rem(42); diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_subscribe-form.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_subscribe-form.scss index 0aaa41886..0dceef212 100644 --- a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_subscribe-form.scss +++ b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_subscribe-form.scss @@ -4,10 +4,10 @@ display: flex; justify-content: flex-end; gap: calc($spacer / 2); + position: relative; .hs_email { width: 100%; - position: relative; @include media-breakpoint-up(lg) { max-width: rem(414); } @@ -43,4 +43,14 @@ } } } + .hs_error_rollup { + position: absolute; + width: 100%; + top: rem(-30); + right: 0; + text-align: right; + .hs-error-msgs { + position: static; + } + } } diff --git a/qdrant-landing/themes/qdrant-2024/assets/js/index.js b/qdrant-landing/themes/qdrant-2024/assets/js/index.js index b30a9a5ba..f6e2c6f48 100644 --- a/qdrant-landing/themes/qdrant-2024/assets/js/index.js +++ b/qdrant-landing/themes/qdrant-2024/assets/js/index.js @@ -40,4 +40,39 @@ document.addEventListener('DOMContentLoaded', function () { removeScrollStateFromPage(); } }); + + // Mobile menu + + const closeBtn = document.querySelector('.menu-mobile__close'); + const menuTrigger = document.querySelector('.main-menu__trigger'); + const menu = document.querySelector('.menu-mobile'); + menuTrigger.addEventListener('click', () => { + menu.classList.add('menu-mobile--visible'); + body.classList.add('no-scroll'); + }); + closeBtn.addEventListener('click', () => { + menu.classList.remove('menu-mobile--visible'); + body.classList.remove('no-scroll'); + }); + function toggleMenu(id) { + const menuItem = document.querySelector(`[data-path=${id}]`); + if (menuItem) { + menuItem.classList.toggle('menu-mobile__item--active'); + } + } + + document.querySelectorAll('.menu-mobile__item').forEach((item) => { + item.addEventListener('click', () => { + console.log(item.dataset.path); + toggleMenu(item.dataset.path); + }); + }); + + // close mobile menu on resize + window.addEventListener('resize', () => { + if (window.innerWidth >= XXL_BREAKPOINT) { + menu.classList.remove('menu-mobile--visible'); + } + }); + }); diff --git a/qdrant-landing/themes/qdrant-2024/layouts/partials/benchmark_chart.html b/qdrant-landing/themes/qdrant-2024/layouts/partials/benchmark_chart.html index 99bcf8a27..31ff5b0b6 100644 --- a/qdrant-landing/themes/qdrant-2024/layouts/partials/benchmark_chart.html +++ b/qdrant-landing/themes/qdrant-2024/layouts/partials/benchmark_chart.html @@ -19,12 +19,12 @@ onchange="renderSelected('{{ .Params.id }}')" > -
+
-
-
- {{ end }}