From 9e358990395b21f0e1c7c213459cea91327f7aa3 Mon Sep 17 00:00:00 2001
From: kaimmej <kaimmej@gmail.com>
Date: Fri, 13 Sep 2024 10:48:40 -0700
Subject: [PATCH 1/3] Added blog to mobile nav

Other small styling issues were changed.

Signed-off-by: kaimmej <kaimmej@gmail.com>
---
 _data/header_navmenu_datafile.json |   4 +-
 _includes/navbar.html              |  15 +-
 _layouts/homepage.html             | 306 +++++++++++++++--------------
 _sass/_navbar.scss                 |  25 ++-
 _sass/_opensearch.scss             |  27 +--
 5 files changed, 188 insertions(+), 189 deletions(-)

diff --git a/_data/header_navmenu_datafile.json b/_data/header_navmenu_datafile.json
index 59d877bdb..b007d6023 100644
--- a/_data/header_navmenu_datafile.json
+++ b/_data/header_navmenu_datafile.json
@@ -10,7 +10,7 @@
             "collapse-data-target": "collapse-data-target-platform",
             "SubNav": [
                 {
-                    "Name": "OpenSearch",
+                    "Name": "OpenSearch Core",
                     "URL": "https://opensearch.org/docs/latest/"
                 },
                 {
@@ -246,7 +246,7 @@
                     "ClassValue": "drawer-content-header-link",
                     "URL": "/blog/",
                     "TableHeading": "Most Recent Articles",
-                    "NumberPostsShown": 7
+                    "NumberPostsShown": 10
                 }
             ],
     
diff --git a/_includes/navbar.html b/_includes/navbar.html
index 4e5e682e6..3888fd0a2 100644
--- a/_includes/navbar.html
+++ b/_includes/navbar.html
@@ -50,7 +50,7 @@
 
 
                     <!-- TOP-NAV DROP DOWN  -->
-                    <div class="container mobile-nav-contentSection-accordion accordion accordion-flush" id="mobile-nav-contentSection-accordion">
+                    <div class="container mobile-nav-contentSection-accordion accordion accordion-flush mb-4" id="mobile-nav-contentSection-accordion">
 
 
                         <!-- CONTENT SECTION ACCORDION -->
@@ -58,7 +58,7 @@
                         {% for sub_category in data_mobile_nav %}
                             <div class="accordion-item">
                                 <h2 class="accordion-header row">
-                                    <div class="col-3 px-0 ms-4 me-0 pt-3 icon-div-box-mobile">
+                                    <div class="col-3 px-0 ms-1 me-0 pt-3 icon-div-box-mobile">
                                         {% include icons_navbar.html type=sub_category.Icon %} 
                                     </div>
                                     <div class="col">
@@ -73,7 +73,7 @@ <h2 class="accordion-header row">
 
                                         {% for nav_link in sub_category.SubNav %}
                                             <div class="row">
-                                                <a href='{{ nav_link.URL }}' class="ms-5 mobile-content-text-link">{{ nav_link.Name }}</a>
+                                                <a href='{{ nav_link.URL }}' class="ms-4 pb-3 mobile-content-text-link">{{ nav_link.Name }}</a>
                                             </div>
                                         {% endfor %}
 
@@ -87,6 +87,13 @@ <h2 class="accordion-header row">
 
                     </div>
 
+                    <!-- BLOG BUTTON -->
+                    <div class="row px-4">
+                        <a type="button" href="/blog/" class="btn button-dark rounded-pill mx-auto">
+                            Visit the OpenSearch Blog
+                        </a>
+                    </div>
+
 
 
 
@@ -102,7 +109,7 @@ <h2 class="accordion-header row">
 
 
 <!-- DESKTOP MENU -->
-<div class="nav-drawer accordion mb-5 d-none d-lg-block" id="accordion-megamenu">
+<div class="nav-drawer accordion mb-3 d-none d-lg-block" id="accordion-megamenu">
 
 
     <nav class="navbar top-nav-desktop navbar-expand-lg">
diff --git a/_layouts/homepage.html b/_layouts/homepage.html
index 914125bcf..8e8a1018d 100644
--- a/_layouts/homepage.html
+++ b/_layouts/homepage.html
@@ -3,183 +3,185 @@
 ---
 
 
-<!-- HOMEPAGE -->
-<!-- LOAD THE DATAFILE -->
 
-{% assign homepage_hero_dataObject = site.data.homepage_datafile.Hero  %}
-<!-- DESKTOP HERO -->
-<div class="container-fluid homepage-hero-banner-background-wrapper d-none d-lg-block px-0 mb-5">
-    <div class="container homepage-hero-heading-background-container">
-        <div class="row flex-xl-row align-items-center my-5 py-5">
-            <div class="col-lg-11 col-xl-10 col-xxl-8">
-                <h1 class="homepage-hero-heading display-1 pe-5">{{ homepage_hero_dataObject.Title }}</h1>
-                <p class="homepage-hero-subtext display-5">{{ homepage_hero_dataObject.SubText }}</p>
+
+<div class="main">
+    <!-- HOMEPAGE -->
+    <!-- MAIN DATAFILE -->
+    {% assign homepage_hero_dataObject = site.data.homepage_datafile.Hero  %}
+    <!-- DESKTOP HERO -->
+    <div class="container-fluid homepage-hero-banner-background-wrapper d-none d-lg-block px-0 mb-5">
+        <div class="container homepage-hero-heading-background-container px-5">
+            <div class="row flex-xl-row align-items-center my-5 py-5">
+                <div class="col-lg-11 col-xl-10 col-xxl-8">
+                    <h1 class="homepage-hero-heading display-1 pe-5">{{ homepage_hero_dataObject.Title }}</h1>
+                    <p class="homepage-hero-subtext display-5">{{ homepage_hero_dataObject.SubText }}</p>
+                </div>
             </div>
         </div>
     </div>
-</div>
-<!-- MOBILE HERO -->
-<div class="container-fluid homepage-hero-banner-background-mobile-wrapper d-block d-lg-none mb-5">
-    <div class="container homepage-hero-heading-background-container">
-        <div class="row flex-xl-row align-items-center m-4 py-5">
-            <div class="col">
-                <h1 class="homepage-hero-heading display-1 pe-5">{{ homepage_hero_dataObject.Title }}</h1>
-                <p class="homepage-hero-subtext">{{ homepage_hero_dataObject.SubText }}</p>
+    <!-- MOBILE HERO -->
+    <div class="container-fluid homepage-hero-banner-background-mobile-wrapper d-block d-lg-none mb-5">
+        <div class="container homepage-hero-heading-background-container">
+            <div class="row flex-xl-row align-items-center m-1 m-xs-3 py-4 py-xs-5">
+                <div class="col">
+                    <h1 class="homepage-hero-heading display-1 pe-sm-5">{{ homepage_hero_dataObject.Title }}</h1>
+                    <p class="homepage-hero-subtext">{{ homepage_hero_dataObject.SubText }}</p>
+                </div>
             </div>
         </div>
     </div>
-</div>
-<!-- CAPABILITIES -->
-{% assign homepage_capabilities_dataObject = site.data.homepage_datafile.Capabilities  %}
-<div class="container mb-5 px-3">
-    <h2 class="homepage-section-heading">{{ homepage_capabilities_dataObject.Title }}</h2>
-
-    <div class="row row-cols-1 row-cols-lg-2 g-4"> 
-        {% for capability_card in homepage_capabilities_dataObject.Categories %}
-
-            <div class="col">
-                <div class="card card-horizontallystacked-icon community_icon_left_card_layout rounded-1 ">
-                    <div class="row">
-
 
-                        <div class="col-4 my-auto pe-0">
-                            <div class="div m-3 m-lg-4">
-                                <img src="{{capability_card.Icon }}" class="img-fluid card-icon" alt="{{ capability_card.Name }} icon">
-                            </div>
-                        </div>
-
-
-                        <div class="col-8 d-flex align-items-start flex-column m-0 py-3 ps-0">
-
-                            <a href="{{ capability_card.URL }}" class="stretched-link capability_card_title">{{ capability_card.Name }}</a>
-                            <p class="capability_card_text flex-grow-1 me-2">{{ capability_card.Subtext }}</p>
-                            
-
-                            <div class="row mt-auto">
-                                {% for sub_nav_link in capability_card.SubNav %}
-                                    <div class="col-auto">
-                                        <a href="{{sub_nav_link.URL}}" class="capability_card_link p-1 p-lg-3">{{sub_nav_link.Name}}</a>
-                                    </div>
-                                {% endfor %}
+    <!-- CAPABILITIES -->
+    {% assign homepage_capabilities_dataObject = site.data.homepage_datafile.Capabilities  %}
+    <div class="container mb-5 px-5">
+        <h2 class="homepage-section-heading">{{ homepage_capabilities_dataObject.Title }}</h2>
+    
+        <div class="row row-cols-1 row-cols-lg-2 g-4"> 
+            {% for capability_card in homepage_capabilities_dataObject.Categories %}
+    
+                <div class="col">
+                    <div class="card card-horizontallystacked-icon community_icon_left_card_layout">
+                        <div class="row">
+    
+    
+                            <div class="col-4 my-auto pe-0">
+                                <div class="div m-3 m-lg-4">
+                                    <img src="{{capability_card.Icon }}" class="img-fluid card-icon" alt="{{ capability_card.Name }} icon">
+                                </div>
                             </div>
-
+    
+    
+                            <div class="col-8 d-flex align-items-start flex-column m-0 py-3 ps-0">
+    
+                                <a href="{{ capability_card.URL }}" class="stretched-link capability_card_title">{{ capability_card.Name }}</a>
+                                <p class="capability_card_text flex-grow-1 me-2">{{ capability_card.Subtext }}</p>
                                 
-
+    
+                                <div class="row mt-auto">
+                                    {% for sub_nav_link in capability_card.SubNav %}
+                                        <div class="col-auto">
+                                            <a href="{{sub_nav_link.URL}}" class="capability_card_link p-1 p-lg-3">{{sub_nav_link.Name}}</a>
+                                        </div>
+                                    {% endfor %}
+                                </div>
+    
+                                    
+    
+                            </div>
                         </div>
+    
+    
                     </div>
-
-
                 </div>
-            </div>
-
-
-
-
-        {% endfor %}
-    </div>
-</div>
-
-<!-- PLATFORM -->
-{% assign homepage_platform_dataObject = site.data.homepage_datafile.Platform  %}
-<div class="container mb-5 px-3">
-
-
-
-
-    <div class="mb-3">
-        <a href="{{ homepage_platform_dataObject.URL }}" class="homepage-section-heading-link">{{ homepage_platform_dataObject.Title }}</a>
-    </div>
     
-    <!-- ICON AND SUBHEADING -->
-    <div class="row mb-3">
-        <div class="col d-flex align-items-start">
-
-            <img src="{{homepage_platform_dataObject.IconPath}}" alt="OpenSearch {{homepage_platform_dataObject.Title}}" class="iconography icon-div-box me-3 d-none d-lg-block">
-            <span class="homepage-section-subheading my-auto">{{ homepage_platform_dataObject.SubHeader }}</span>
-
+    
+    
+    
+            {% endfor %}
         </div>
     </div>
-    <!-- BANNER -->
-    <div class="d-none d-lg-block mb-5">
-        <img src="{{ homepage_platform_dataObject.PathPlatformImageDesktop}}" class="homepage-banner" alt="Platform banner">
-    </div>
-    <div class="d-block d-lg-none mb-5">
-        <img src="{{ homepage_platform_dataObject.PathPlatformImageMobile}}" class="homepage-banner" alt="Platform banner">
-    </div>
-
-
-
-
-
-</div>
-
-
-<!-- COMMUNITY -->
-{% assign homepage_community_dataObject = site.data.homepage_datafile.Community  %}
-<div class="container-fluid homepage-community-section-wrapper py-3 mb-5">
-    <div class="container px-3">
-
-        <div class="row row-cols-1 row-cols-md-2 align-items-md-center g-5">
-
-            <!-- LEFT -->
-            <div class="col d-flex flex-column align-items-start gap-2">
-                <h2 class="homepage-section-heading">{{ homepage_community_dataObject.Title }}</h2>
-                <p class="homepage-section-subtext">{{ homepage_community_dataObject.SubText }}</p>
+    
+    <!-- PLATFORM -->
+    {% assign homepage_platform_dataObject = site.data.homepage_datafile.Platform  %}
+    <div class="container mb-5 px-5">
+    
+        <div class="mb-3">
+            <a href="{{ homepage_platform_dataObject.URL }}" class="homepage-section-heading-link">{{ homepage_platform_dataObject.Title }}</a>
+        </div>
+        
+        <!-- ICON AND SUBHEADING -->
+        <div class="row mb-3">
+            <div class="col d-flex align-items-start">
+    
+                <img src="{{homepage_platform_dataObject.IconPath}}" alt="OpenSearch {{homepage_platform_dataObject.Title}}" class="iconography icon-div-box me-3 d-none d-lg-block">
+                <span class="homepage-section-subheading my-auto">{{ homepage_platform_dataObject.SubHeader }}</span>
+    
             </div>
-
-            <!-- RIGHT -->
-            <div class="col mx-0">
-
-                <div class="row row-cols-2 row-cols-lg-3 g-3 g-lg-5">
-
-                    {% for community_icon in homepage_community_dataObject.SubNav %}
-                        <div class="col d-flex flex-column align-items-center gap-2">
-                            <div class="card card-verticallystacked-icon homepage-community-icon-card">
- 
-                                <img src="{{community_icon.IconPath}}" alt="OpenSearch {{community_icon.Name}}" class="iconography card-icon {{community_icon.ClassValue}}">
-                                <span class="card-title">{{ community_icon.Name }}</span>
-                                <a href="{{ community_icon.URL }}" class="stretched-link"></a>
-
+        </div>
+        <!-- BANNER -->
+        <div class="d-none d-lg-block mb-5">
+            <img src="{{ homepage_platform_dataObject.PathPlatformImageDesktop}}" class="homepage-banner" alt="Platform banner">
+        </div>
+        <div class="d-block d-lg-none mb-5">
+            <img src="{{ homepage_platform_dataObject.PathPlatformImageMobile}}" class="homepage-banner" alt="Platform banner">
+        </div>
+    
+    
+    
+    
+    
+    </div>
+    
+    
+    <!-- COMMUNITY -->
+    {% assign homepage_community_dataObject = site.data.homepage_datafile.Community  %}
+    <div class="container-fluid homepage-community-section-wrapper py-3 mb-5 px-5">
+        <div class="container px-3">
+    
+            <div class="row row-cols-1 row-cols-md-2 align-items-md-center g-5">
+    
+                <!-- LEFT -->
+                <div class="col d-flex flex-column align-items-start gap-2">
+                    <h2 class="homepage-section-heading">{{ homepage_community_dataObject.Title }}</h2>
+                    <p class="homepage-section-subtext">{{ homepage_community_dataObject.SubText }}</p>
+                </div>
+    
+                <!-- RIGHT -->
+                <div class="col mx-0">
+    
+                    <div class="row row-cols-2 row-cols-lg-3 g-3 g-lg-5">
+    
+                        {% for community_icon in homepage_community_dataObject.SubNav %}
+                            <div class="col d-flex flex-column align-items-center gap-2">
+                                <div class="card card-verticallystacked-icon homepage-community-icon-card">
+     
+                                    <img src="{{community_icon.IconPath}}" alt="OpenSearch {{community_icon.Name}}" class="iconography card-icon {{community_icon.ClassValue}}">
+                                    <span class="card-title">{{ community_icon.Name }}</span>
+                                    <a href="{{ community_icon.URL }}" class="stretched-link"></a>
+    
+                                </div>
                             </div>
-                        </div>
-                    {% endfor %}
-
+                        {% endfor %}
+    
+                    </div>
+    
                 </div>
-
+    
             </div>
-
+    
         </div>
-
     </div>
-</div>
-
-
-
-
-
-<!-- OPEN SEARCH CONS -->
-{% assign homepage_OSC_dataObject = site.data.homepage_datafile.OpenSearchCon  %}
-<div class="container mb-5 px-3">
-    <h2 class="homepage-section-heading ">{{ homepage_OSC_dataObject.Title }}</h2>
-    <p class="homepage-section-subtext">{{ homepage_OSC_dataObject.SubText }}</p>
     
     
-    <div class="row row-cols-1 row-cols-lg-3 align-items-stretch g-5 py-5">
-        {% for OSC_card in homepage_OSC_dataObject.Conferences %}
-            <div class="col">
-                <div class="card homepage-opensearchcon-gallary-card card-fullimageoverlay rounded-1">
-
-                    <img src="{{ OSC_card.Image }}" class="rounded-1" alt="{{ OSC_card.Title }}">
-                    <a href="{{ OSC_card.URL }}" class="stretched-link"></a>
-
+    
+    
+    
+    <!-- OPEN SEARCH CONS -->
+    {% assign homepage_OSC_dataObject = site.data.homepage_datafile.OpenSearchCon  %}
+    <div class="container mb-5 px-5">
+        <h2 class="homepage-section-heading ">{{ homepage_OSC_dataObject.Title }}</h2>
+        <p class="homepage-section-subtext">{{ homepage_OSC_dataObject.SubText }}</p>
+        
+        
+        <div class="row row-cols-1 row-cols-lg-3 align-items-stretch g-5 py-5">
+            {% for OSC_card in homepage_OSC_dataObject.Conferences %}
+                <div class="col">
+                    <div class="card homepage-opensearchcon-gallary-card rounded-1 card-fullimageoverlay">
+    
+                        <img src="{{ OSC_card.Image }}" class="" alt="{{ OSC_card.Title }}">
+                        <a href="{{ OSC_card.URL }}" class="stretched-link"></a>
+    
+                    </div>
                 </div>
-            </div>
-        {% endfor %}
-
-
-
+            {% endfor %}
+    
+    
+    
+        </div>
+    
+    
     </div>
-
-
 </div>
 
+
diff --git a/_sass/_navbar.scss b/_sass/_navbar.scss
index 7e4b87732..26d170113 100644
--- a/_sass/_navbar.scss
+++ b/_sass/_navbar.scss
@@ -1,7 +1,7 @@
 // Navbar
 
 .mobile-nav-topLevel-wrapper {
-
+    overflow-x: hidden;
 
     .mobile-nav-topLevel-accordion {
 
@@ -33,7 +33,8 @@
     } 
 }
 .mobile-nav-contentSection-accordion {
-
+    overflow-x: hidden;
+    
     --bs-accordion-btn-bg: #003551;                   // (BUTTON) Background color of the top accordion header
     --bs-accordion-active-bg: #003551;                // (BUTTON) (When active) Background color of the top accordion header
     --bs-accordion-btn-focus-box-shadow: none;
@@ -72,9 +73,9 @@
     }
     .mobile-content-text-link {
         color: $primary-open-sky-t3;
-        font-size: 24px;
+        font-size: 18px;
         font-weight: 400;
-        line-height: 48px;
+        line-height: 27px;
         text-decoration: none;
     }
 
@@ -82,18 +83,22 @@
 
 
 .button-dark {
-    background-color: #F4F8FB;
-    border-radius: 6px;
-    border-color: #B9D9EB;
-    color: #006D97;
-    font-size: 15px;
+    // --bs-btn-color: $secondary-sanfrancisco-fog-t1;
+    --bs-btn-padding-y: 15px;
+    --bs-btn-padding-x: 15px;
+    background-color: $primary-open-sky-s2;
+    border-radius: 0px;
+    border-color: $secondary-sanfrancisco-fog-t1;
+    color: $secondary-sanfrancisco-fog-t1 !important;
+    
+    font-size: 18px;
     font-weight: 700;
     line-height: 24px;
 
     &:hover {
         border-color: #006D97;
         color: #003551; 
-        background-color: #C7DFEE;
+        // background-color: #C7DFEE;
     }  
 }
 
diff --git a/_sass/_opensearch.scss b/_sass/_opensearch.scss
index e0b35ac05..09eb66af6 100644
--- a/_sass/_opensearch.scss
+++ b/_sass/_opensearch.scss
@@ -582,12 +582,14 @@
     font-family: "Open Sans condensed";
     font-weight: 700;
     margin-bottom: 30px;
-    text-decoration: none;
-
+    text-decoration: underline;
+    &:visited {
+        color: inherit;
+    }
     &:hover {
         color: $primary-open-sky;
-        text-decoration: underline;
     }
+
 }
 .homepage-section-subheading {
     color: $primary-open-sky-s2;
@@ -625,7 +627,7 @@
 .community_icon_left_card_layout {
     max-width: 800px;
     position: relative;
-    border-top-left-radius: 25px;
+    // border-top-left-radius: 25px;
 
     &::after {
         content: "";
@@ -678,9 +680,6 @@
 
         }
     }
-    .card-icon {
-        border-top-left-radius: 10px;
-    } 
 }
 
 
@@ -694,8 +693,6 @@
 // COMMUNITY 
 .homepage-community-section-wrapper {
     background-color: $primary-pacific-sky-t3;
-    // background-image: linear-gradient(180deg, var(--bs-secondary-bg), var(--bs-body-bg) 100px, var(--bs-body-bg));
-
 
     .homepage-section-subtext {
         line-height: 44px;
@@ -731,19 +728,12 @@
 }
 
 
-
-
-
-
-
 // OPEN SEARCH CON
 .homepage-opensearchcon-gallary-card {
     object-fit: cover;
 }
 
 
-
-
 // COMPONENTS
 .card-verticallystacked-icon {
     background-color: inherit;
@@ -780,8 +770,3 @@
         box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
     } 
 }
-
-// COLORS
-// $primary-open-sky-s1: #0085B8;
-// $primary-open-sky-s2: #006D97;
-// $primary-open-sky-s3: #003551;
\ No newline at end of file

From a3d7a2424ba2faf9c74ccdb9e67186fd9ceff77e Mon Sep 17 00:00:00 2001
From: kaimmej <kaimmej@gmail.com>
Date: Mon, 16 Sep 2024 11:26:41 -0700
Subject: [PATCH 2/3] Added foundation section to homepage

Signed-off-by: kaimmej <kaimmej@gmail.com>
---
 Gemfile                      |  2 +-
 _config.yml                  |  2 +-
 _data/homepage_datafile.json | 12 +++++++++-
 _layouts/homepage.html       | 41 +++++++++++++++++++++++++++++----
 _sass/_opensearch.scss       | 44 +++++++++++++++++++++++++++++++++---
 5 files changed, 91 insertions(+), 10 deletions(-)

diff --git a/Gemfile b/Gemfile
index 489b65fed..36ba6daaa 100644
--- a/Gemfile
+++ b/Gemfile
@@ -19,7 +19,7 @@ group :jekyll_plugins do
   gem "jekyll-feed", "~> 0.12"
   gem "jekyll-paginate"
   gem "jekyll-last-modified-at"
-  gem "jekyll-sitemap"
+  # gem "jekyll-sitemap"
 end
 
 # Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
diff --git a/_config.yml b/_config.yml
index b7969336d..543022077 100644
--- a/_config.yml
+++ b/_config.yml
@@ -17,7 +17,7 @@ plugins:
   - jekyll-feed
   - jekyll-paginate
   - jekyll-last-modified-at
-  - jekyll-sitemap
+  # - jekyll-sitemap
 exclude:
   - Gemfile
   - Gemfile.lock
diff --git a/_data/homepage_datafile.json b/_data/homepage_datafile.json
index 388c42b88..d339f66ae 100644
--- a/_data/homepage_datafile.json
+++ b/_data/homepage_datafile.json
@@ -148,6 +148,16 @@
             }
         ]
     },
-    "F": {}
+    "Foundation": {
+        "Title": "OpenSearch Software Foundation",
+        "SubHeader": "The OpenSearch Software Foundation is the exciting next chapter for the OpenSearch Project, formed in September 2024.",
+        "SubText_Line1": "As a new project of the Linux Foundation we're more excited than ever to open this project up to the community.",
+        "SubText_Line2": "Learn more about the OpenSearch Software Foundation to help us build the next great innovations in search together.",
+        "BtnText": "Visit foundation.opensearch.org",
+        "BtnURL": "https://foundation.opensearch.org",
+        "FoundationLogoImagePath": "/assets/img/homepage-assets/Banner_Logo_Foundation.png"
+
+
+    }
 
 }
diff --git a/_layouts/homepage.html b/_layouts/homepage.html
index 8e8a1018d..7fe835457 100644
--- a/_layouts/homepage.html
+++ b/_layouts/homepage.html
@@ -153,10 +153,7 @@ <h2 class="homepage-section-heading">{{ homepage_community_dataObject.Title }}</
         </div>
     </div>
     
-    
-    
-    
-    
+
     <!-- OPEN SEARCH CONS -->
     {% assign homepage_OSC_dataObject = site.data.homepage_datafile.OpenSearchCon  %}
     <div class="container mb-5 px-5">
@@ -182,6 +179,42 @@ <h2 class="homepage-section-heading ">{{ homepage_OSC_dataObject.Title }}</h2>
     
     
     </div>
+
+    <!-- FOUNDATION -->
+    {% assign homepage_foundation_dataObject = site.data.homepage_datafile.Foundation  %}
+    <div class="container-fluid homepage-foundation-section-wrapper py-3 px-5">
+        <div class="container homepage-foundation-content-container py-5 px-3">
+
+            <div class="mb-3 px-3 pt-3">
+                <h2 class="homepage-section-heading">{{ homepage_foundation_dataObject.Title }}</h2>
+            </div>
+
+            <div class="row row-cols-1 row-cols-lg-2 align-items-lg-center g-5">
+
+                <!-- LEFT -->
+                <div class="col mx-auto">
+        
+                    <img src="{{ homepage_foundation_dataObject.FoundationLogoImagePath }}" class="homepage-foundation-image" alt="OpenSearch Foundation">
+
+                </div>
+
+                <!-- RIGHT -->
+                <div class="col d-flex flex-column align-items-start gap-3">
+                    <span class="homepage-section-subheading">{{ homepage_foundation_dataObject.SubHeader }}</span>
+                    <p class="homepage-section-subtext my-0">{{ homepage_foundation_dataObject.SubText_Line1 }}</p>
+                    <p class="homepage-section-subtext mt-0">{{ homepage_foundation_dataObject.SubText_Line2 }}</p>
+                    <!-- FOUNDATION BUTTON -->
+                    <div class="row mt-4">
+                        <a type="button" href="{{ homepage_foundation_dataObject.BtnURL }}" class="btn button-primary rounded-pill shadow mx-auto my-3">
+                            {{ homepage_foundation_dataObject.BtnText }}
+                        </a>
+                    </div>
+                </div>
+
+
+            </div>
+        </div>
+    </div>
 </div>
 
 
diff --git a/_sass/_opensearch.scss b/_sass/_opensearch.scss
index 09eb66af6..283e647d8 100644
--- a/_sass/_opensearch.scss
+++ b/_sass/_opensearch.scss
@@ -593,19 +593,21 @@
 }
 .homepage-section-subheading {
     color: $primary-open-sky-s2;
-    font-size: 21px;
+    font-size: 24px;
     font-family: "Open Sans";
     font-weight: 700;
     text-decoration: none;
     margin-bottom: 30px;
+    line-height: 36px;
 }
 .homepage-section-subheading-link {
     color: $primary-open-sky-s2;
-    font-size: 21px;
+    font-size: 24px;
     font-family: "Open Sans";
     font-weight: 700;
     text-decoration: none;
     margin-bottom: 30px;
+    line-height: 36px;
 
     &:hover {
         text-decoration: underline;
@@ -616,7 +618,7 @@
     font-size: 21px;
     font-family: "Open Sans";
     font-weight: 400;
-    line-height: 36px;
+    line-height: 32px;
     word-wrap: break-word; 
 }
 
@@ -690,6 +692,7 @@
 }
 
 
+
 // COMMUNITY 
 .homepage-community-section-wrapper {
     background-color: $primary-pacific-sky-t3;
@@ -733,6 +736,41 @@
     object-fit: cover;
 }
 
+// FOUNDATION
+.homepage-foundation-section-wrapper {
+    position: relative;
+    width: 100%;
+    overflow: hidden;
+    background-image: url(/assets/img/homepage-assets/Banner_Foundation_Background.png);
+    background-size: cover;
+    background-repeat: no-repeat;
+}
+.homepage-foundation-image {
+    width: 100%;
+}
+// Textoverlay for the hero
+.homepage-foundation-content-container {
+    position: fluid;
+}
+.button-primary {
+    background-color: $primary-open-sky;
+    border-radius: 2px;
+    border-color: $secondary-sanfrancisco-fog-t1;
+    color: $secondary-sanfrancisco-fog-t1;
+    --bs-btn-padding-y: 15px;
+    --bs-btn-padding-x: 25px;
+
+    font-size: 18px;
+    font-weight: 700;
+    line-height: 24px;
+
+    &:hover {
+        border-color: $primary-open-sky;
+        color: $primary-open-sky; 
+        background-color: $secondary-sanfrancisco-fog-t1;
+    }  
+}
+
 
 // COMPONENTS
 .card-verticallystacked-icon {

From d87e2e0d9d72a7403d8bf6840b1d01e2e57d5768 Mon Sep 17 00:00:00 2001
From: kaimmej <kaimmej@gmail.com>
Date: Mon, 16 Sep 2024 11:44:14 -0700
Subject: [PATCH 3/3] uncomment the sitemaps

Signed-off-by: kaimmej <kaimmej@gmail.com>
---
 Gemfile     | 2 +-
 _config.yml | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/Gemfile b/Gemfile
index 36ba6daaa..489b65fed 100644
--- a/Gemfile
+++ b/Gemfile
@@ -19,7 +19,7 @@ group :jekyll_plugins do
   gem "jekyll-feed", "~> 0.12"
   gem "jekyll-paginate"
   gem "jekyll-last-modified-at"
-  # gem "jekyll-sitemap"
+  gem "jekyll-sitemap"
 end
 
 # Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
diff --git a/_config.yml b/_config.yml
index 543022077..b7969336d 100644
--- a/_config.yml
+++ b/_config.yml
@@ -17,7 +17,7 @@ plugins:
   - jekyll-feed
   - jekyll-paginate
   - jekyll-last-modified-at
-  # - jekyll-sitemap
+  - jekyll-sitemap
 exclude:
   - Gemfile
   - Gemfile.lock