diff --git a/landing-pages/site/assets/scss/_base-layout.scss b/landing-pages/site/assets/scss/_base-layout.scss index f5c82beb41e..88a1c6905b2 100644 --- a/landing-pages/site/assets/scss/_base-layout.scss +++ b/landing-pages/site/assets/scss/_base-layout.scss @@ -20,7 +20,7 @@ @import "fonts"; .base-layout { - padding: 91px 0 40px; + padding: $landing-page-spacing-y 0; &--scrollButton { position: sticky; @@ -66,8 +66,6 @@ @media (max-width: $tablet) { .base-layout { - padding: 76px 0 60px; - &--scrollButton { margin-top: 20px; margin-left: 0; diff --git a/landing-pages/site/assets/scss/_case-study.scss b/landing-pages/site/assets/scss/_case-study.scss index 6d48ca68d9a..7c91f68497e 100644 --- a/landing-pages/site/assets/scss/_case-study.scss +++ b/landing-pages/site/assets/scss/_case-study.scss @@ -20,11 +20,7 @@ .case-study-page { max-width: 790px !important; - margin: 60px auto 0; - - @media (max-width: $mobile) { - margin-top: 40px; - } + margin: 0 auto; } .case-studies-container { diff --git a/landing-pages/site/assets/scss/_community-page.scss b/landing-pages/site/assets/scss/_community-page.scss index 3402469f365..d556ffd21ae 100644 --- a/landing-pages/site/assets/scss/_community-page.scss +++ b/landing-pages/site/assets/scss/_community-page.scss @@ -38,7 +38,7 @@ } &--accordion-container { - margin: 60px 18px; + margin: 0 18px 60px; } &--accordion-container .dev-list { @@ -94,8 +94,8 @@ overflow-y: auto; height: 100px; padding-left: 30px; - max-height: -webkit-calc(100vh - 91px); - max-height: calc(100vh - 91px); + max-height: -webkit-calc(100vh - #{$navbar-height-desktop}); + max-height: calc(100vh - #{$navbar-height-desktop}); font-size: 14px; line-height: 1.43; } @@ -174,7 +174,7 @@ } &--accordion-container { - margin: 40px 0; + margin-bottom: 40px; } &--committers-header { diff --git a/landing-pages/site/assets/scss/_content-drawer.scss b/landing-pages/site/assets/scss/_content-drawer.scss index 297da40a826..4a10147af7e 100644 --- a/landing-pages/site/assets/scss/_content-drawer.scss +++ b/landing-pages/site/assets/scss/_content-drawer.scss @@ -37,7 +37,7 @@ .content-drawer-container { position: fixed; - top: 77px; + top: $navbar-height-mobile; left: 0; width: 100%; height: 100%; diff --git a/landing-pages/site/assets/scss/_four-oh-four.scss b/landing-pages/site/assets/scss/_four-oh-four.scss index 207099bf369..23abfbd3fb5 100644 --- a/landing-pages/site/assets/scss/_four-oh-four.scss +++ b/landing-pages/site/assets/scss/_four-oh-four.scss @@ -18,7 +18,7 @@ */ .four-oh-four { - height: calc(100vh - 91px); + height: calc(100vh - #{$navbar-height-desktop}); position: relative; &__text-container { diff --git a/landing-pages/site/assets/scss/_header.scss b/landing-pages/site/assets/scss/_header.scss index 5cb022bbb9f..533f2ae54d3 100644 --- a/landing-pages/site/assets/scss/_header.scss +++ b/landing-pages/site/assets/scss/_header.scss @@ -20,8 +20,8 @@ #header { position: relative; - margin: 91px -20px 0; - min-height: calc(100vh - 91px); + margin: 0 -20px; + min-height: calc(100vh - #{$navbar-height-desktop}); // background-color is handled by the canvas animation which draws white/dark background transition: background-color 0.3s ease; } @@ -85,8 +85,8 @@ @media (max-width: $tablet) { #header { - margin: 77px -20px 0; - min-height: calc(100vh - 77px); + margin: 0 -20px; + min-height: calc(100vh - #{$navbar-height-mobile}); } #header-canvas { .text-area { diff --git a/landing-pages/site/assets/scss/_home-page.scss b/landing-pages/site/assets/scss/_home-page.scss index 5e4fb94b23a..97ba14790cf 100644 --- a/landing-pages/site/assets/scss/_home-page.scss +++ b/landing-pages/site/assets/scss/_home-page.scss @@ -18,15 +18,6 @@ */ @import "media"; -.home-page-layout { - &.base-layout { - padding-top: 70px; - - @media (max-width: $mobile) { - padding-top: 80px; - } - } -} .home-section-header { margin-top: 80px; margin-bottom: 60px; diff --git a/landing-pages/site/assets/scss/_navbar.scss b/landing-pages/site/assets/scss/_navbar.scss index 0de6e6f114b..17b63bddfb6 100644 --- a/landing-pages/site/assets/scss/_navbar.scss +++ b/landing-pages/site/assets/scss/_navbar.scss @@ -19,13 +19,17 @@ @import "colors"; @import "media"; -.navbar { - position: fixed; +header { + position: sticky; top: 0; + z-index: 32; +} + +.navbar { + position: static; width: 100%; background-color: white; border-bottom: solid 1px map-get($colors, very-light-pink); - z-index: 32; padding: 14px 60px; flex-wrap: nowrap; align-items: center; @@ -138,10 +142,10 @@ &__drawer { position: fixed; - top: 77px; + top: $navbar-height-mobile; left: 0; width: 100%; - height: calc(100% - 77px); + height: calc(100% - #{$navbar-height-mobile}); background-color: white; transform: translateX(100%); transition: 0.2s ease-out; diff --git a/landing-pages/site/assets/scss/_roadmap.scss b/landing-pages/site/assets/scss/_roadmap.scss index 98bf488af51..440139cb00a 100644 --- a/landing-pages/site/assets/scss/_roadmap.scss +++ b/landing-pages/site/assets/scss/_roadmap.scss @@ -20,8 +20,6 @@ @import "media"; .roadmap { - margin-top: 40px; - main { padding-left: 40px; } @@ -48,9 +46,9 @@ .td-sidebar { position: sticky; - top: 91px; + top: $navbar-height-desktop; height: fit-content; - max-height: calc(100vh - 91px); + max-height: calc(100vh - #{$navbar-height-desktop}); max-width: 270px; min-width: 270px; width: 100%; @@ -202,12 +200,12 @@ .wy-nav-side-toc { position: sticky; - top: 91px; + top: $navbar-height-desktop; overflow-x: hidden; overflow-y: auto; width: 280px; height: fit-content; - max-height: calc(100vh - 91px); + max-height: calc(100vh - #{$navbar-height-desktop}); font-size: 14px; line-height: 1.43; diff --git a/landing-pages/site/assets/scss/_testimonial.scss b/landing-pages/site/assets/scss/_shared.scss similarity index 76% rename from landing-pages/site/assets/scss/_testimonial.scss rename to landing-pages/site/assets/scss/_shared.scss index c106831fabc..9851de3bd1f 100644 --- a/landing-pages/site/assets/scss/_testimonial.scss +++ b/landing-pages/site/assets/scss/_shared.scss @@ -16,19 +16,9 @@ * specific language governing permissions and limitations * under the License. */ - @import "media"; - .case-study-page { - max-width: 790px !important; - margin: 60px auto 0; +@import "media"; - @media (max-width: $mobile) { - margin-top: 40px; - } - } - - #case-studies-container { - display: flex; - justify-content: center; - flex-wrap: wrap; - } +$navbar-height-desktop: 90px; +$navbar-height-mobile: 80px; +$landing-page-spacing-y: 40px; diff --git a/landing-pages/site/assets/scss/main-custom.scss b/landing-pages/site/assets/scss/main-custom.scss index ad0d949ef61..ff0a4e42a25 100644 --- a/landing-pages/site/assets/scss/main-custom.scss +++ b/landing-pages/site/assets/scss/main-custom.scss @@ -21,6 +21,7 @@ @import url('/external/css/Rubik.css'); @import url('/external/css/Roboto.css'); @import url('/external/css/RobotoMono.css'); +@import "shared"; @import "typography"; @import "accordion"; @import "buttons"; @@ -57,7 +58,6 @@ @import "four-oh-four"; @import "docs"; @import "survey"; -@import "testimonial"; @import "suggest-change"; /* Theme toggle pill (sun/moon) */ diff --git a/landing-pages/site/content/en/announcements/_index.md b/landing-pages/site/content/en/announcements/_index.md index 0bafa8f0bde..11039fbaa17 100644 --- a/landing-pages/site/content/en/announcements/_index.md +++ b/landing-pages/site/content/en/announcements/_index.md @@ -8,8 +8,6 @@ menu: --- -  -  # April 24, 2026 diff --git a/landing-pages/site/content/en/ecosystem/_index.md b/landing-pages/site/content/en/ecosystem/_index.md index 7d395f34a85..bf608aff5f8 100644 --- a/landing-pages/site/content/en/ecosystem/_index.md +++ b/landing-pages/site/content/en/ecosystem/_index.md @@ -6,8 +6,6 @@ menu: weight: 30 --- -  -  # Ecosystem