(airflow-site) branch main updated: refactor: unify section headers in home page layout (#1290)

[potiuk]

This is an automated email from the ASF dual-hosted git repository.

potiuk 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 9fde4b28c0 refactor: unify section headers in home page layout (#1290)
9fde4b28c0 is described below

commit 9fde4b28c082a370a289c0e97e88a47586aa2a39
Author: Yeonguk Choo <choo121...@gmail.com>
AuthorDate: Tue Nov 25 21:21:06 2025 +0900

    refactor: unify section headers in home page layout (#1290)
---
 landing-pages/site/assets/scss/_home-page.scss | 13 +++++--------
 landing-pages/site/layouts/index.html          |  8 ++++----
 2 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/landing-pages/site/assets/scss/_home-page.scss 
b/landing-pages/site/assets/scss/_home-page.scss
index 174110c93b..5b7e2006c3 100644
--- a/landing-pages/site/assets/scss/_home-page.scss
+++ b/landing-pages/site/assets/scss/_home-page.scss
@@ -28,15 +28,12 @@
     }
   }
 }
-.principles-header {
-  margin-top: 20px;
-  margin-bottom: 4px;
-}
-
-.integrations-header {
-  margin-bottom: 60px; // to be changed when searchbox is added
+.home-section-header {
+  margin-top: 80px;
+  margin-bottom: 60px;
 
-  @media (max-width: $mobile)  {
+  @media (max-width: $mobile) {
+    margin-top: 40px;
     margin-bottom: 30px;
   }
 }
diff --git a/landing-pages/site/layouts/index.html 
b/landing-pages/site/layouts/index.html
index 6d6847e95b..01d1fbe931 100644
--- a/landing-pages/site/layouts/index.html
+++ b/landing-pages/site/layouts/index.html
@@ -36,7 +36,7 @@
 
 {{ define "main" }}
     <div>
-        <h4 class="page-header principles-header">Principles</h4>
+        <h4 class="page-header home-section-header">Principles</h4>
         <div class="text-with-icon-list">
             {{ partial "text-with-icon" (dict "logo_path" 
"icons/scalable-icon.svg" "header" "Scalable" "text" "Apache Airflow&#174; has 
a modular architecture and uses a message queue to orchestrate an arbitrary 
number of workers. Airflow™ is ready to scale to infinity.") }}
             {{ partial "text-with-icon" (dict "logo_path" 
"icons/dynamic-icon.svg" "header" "Dynamic" "text" "Apache Airflow&#174; 
pipelines are defined in Python, allowing for dynamic pipeline generation. This 
allows for writing code that instantiates pipelines dynamically.") }}
@@ -45,7 +45,7 @@
         </div>
     </div>
     <div>
-        <h4 class="page-header">Features</h4>
+        <h4 class="page-header home-section-header">Features</h4>
         <div class="features-list">
             {{ partial "feature" (dict "logo_path" 
"icons/pure-python-icon.svg" "header" "Pure Python" "text" "No more 
command-line or XML black-magic! Use standard Python features to create your 
workflows, including date time formats for scheduling and loops to dynamically 
generate tasks. This allows you to maintain full flexibility when building your 
workflows.") }}
             {{ partial "feature" (dict "logo_path" "icons/useful-ui-icon.svg" 
"header" "Useful UI" "text" "Monitor, schedule and manage your workflows via a 
robust and modern web application. No need to learn old, cron-like interfaces. 
You always have full insight into the status and logs of completed and ongoing 
tasks.") }}
@@ -56,7 +56,7 @@
 
     </div>
     <div>
-        <h4 class="page-header integrations-header">Integrations</h4>
+        <h4 class="page-header home-section-header">Integrations</h4>
         <div id="integrations">
             <script type="application/x-template" id="integration-template">
                 <a class="list-item" href="">
@@ -92,7 +92,7 @@
         </div>
     </div>
     <div>
-    <h4 class="page-header">From the Blog</h4>
+    <h4 class="page-header home-section-header">From the Blog</h4>
 
     <div class="blog-snippet-list">
         {{ range first 3 (where .Site.RegularPages "Section" "blog") }}