This is an automated email from the ASF dual-hosted git repository.
choo121600 pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/airflow-site.git
The following commit(s) were added to refs/heads/main by this push:
new 1203e2168c Normalize landing page vertical spacing (#1524)
1203e2168c is described below
commit 1203e2168c051b30339c7f447ce3b7d16a3c38c4
Author: hojeong park <[email protected]>
AuthorDate: Mon May 18 05:41:04 2026 +0900
Normalize landing page vertical spacing (#1524)
---
landing-pages/site/assets/scss/_base-layout.scss | 12 +++++++++---
landing-pages/site/assets/scss/_case-study.scss | 6 +-----
landing-pages/site/assets/scss/_community-page.scss | 8 ++++----
landing-pages/site/assets/scss/_content-drawer.scss | 2 +-
landing-pages/site/assets/scss/_four-oh-four.scss | 2 +-
landing-pages/site/assets/scss/_header.scss | 8 ++++----
landing-pages/site/assets/scss/_home-page.scss | 9 ---------
landing-pages/site/assets/scss/_navbar.scss | 4 ++--
landing-pages/site/assets/scss/_roadmap.scss | 10 ++++------
.../assets/scss/{_testimonial.scss => _shared.scss} | 18 ++++--------------
landing-pages/site/assets/scss/main-custom.scss | 2 +-
landing-pages/site/content/en/announcements/_index.md | 2 --
landing-pages/site/content/en/ecosystem/_index.md | 2 --
13 files changed, 31 insertions(+), 54 deletions(-)
diff --git a/landing-pages/site/assets/scss/_base-layout.scss
b/landing-pages/site/assets/scss/_base-layout.scss
index f5c82beb41..d5b07e7d1c 100644
--- a/landing-pages/site/assets/scss/_base-layout.scss
+++ b/landing-pages/site/assets/scss/_base-layout.scss
@@ -19,8 +19,16 @@
@import "media";
@import "fonts";
+body {
+ padding-top: $fixed-header-offset-desktop;
+
+ @media (max-width: $tablet) {
+ padding-top: $fixed-header-offset-mobile;
+ }
+}
+
.base-layout {
- padding: 91px 0 40px;
+ padding: $landing-page-spacing-y 0;
&--scrollButton {
position: sticky;
@@ -66,8 +74,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 6d48ca68d9..7c91f68497 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 3402469f36..0952360b3b 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 - #{$fixed-header-offset-desktop});
+ max-height: calc(100vh - #{$fixed-header-offset-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 297da40a82..e053e80f52 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: $fixed-header-offset-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 207099bf36..c46e0cf798 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 - #{$fixed-header-offset-desktop});
position: relative;
&__text-container {
diff --git a/landing-pages/site/assets/scss/_header.scss
b/landing-pages/site/assets/scss/_header.scss
index 5cb022bbb9..bf4d92c419 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 - #{$fixed-header-offset-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 - #{$fixed-header-offset-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 5e4fb94b23..97ba14790c 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 0de6e6f114..d72c1a9a31 100644
--- a/landing-pages/site/assets/scss/_navbar.scss
+++ b/landing-pages/site/assets/scss/_navbar.scss
@@ -138,10 +138,10 @@
&__drawer {
position: fixed;
- top: 77px;
+ top: $fixed-header-offset-mobile;
left: 0;
width: 100%;
- height: calc(100% - 77px);
+ height: calc(100% - #{$fixed-header-offset-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 98bf488af5..9eddf6541b 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: $fixed-header-offset-desktop;
height: fit-content;
- max-height: calc(100vh - 91px);
+ max-height: calc(100vh - #{$fixed-header-offset-desktop});
max-width: 270px;
min-width: 270px;
width: 100%;
@@ -202,12 +200,12 @@
.wy-nav-side-toc {
position: sticky;
- top: 91px;
+ top: $fixed-header-offset-desktop;
overflow-x: hidden;
overflow-y: auto;
width: 280px;
height: fit-content;
- max-height: calc(100vh - 91px);
+ max-height: calc(100vh - #{$fixed-header-offset-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 c106831fab..65a81a1e0b 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;
- }
+$fixed-header-offset-desktop: 90px;
+$fixed-header-offset-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 ad0d949ef6..ff0a4e42a2 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 0bafa8f0bd..11039fbaa1 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 7d395f34a8..bf608aff5f 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
