Open search user groups

_data/header_navmenu_datafile.json

@@ -311,7 +311,7 @@
                         {
                             "Name": "UserGroups",
                             "SubText": "Join the OpenSearch Project Meetup Network",
-                            "URL": "https://www.meetup.com/pro/opensearchproject/",
+                            "URL": "/usergroups/",
                             "ClassValue" : "drawer-content-subheader-link",
                             "Icon": "OpenSearch-UserGroups-condensedImage"
                         }

_data/page_UserGroups_datafile.json

@@ -0,0 +1,120 @@
+
+
+{
+
+    "UserGroups": {
+
+        "HeroBanner": {
+            "Title": "Community User Groups",
+            "SubText": "A place for local OpenSearch communities to gather worldwide",
+            "PathIconImageDesktop": "/assets/img/usergroups-assets/UserGroup_Icon.png" 
+        },
+        "Content_PageOverview": {
+            "Builders_ImagePath": "/assets/img/usergroups-assets/OpenSearchBuilders.png",
+            "TextContent": "User Groups are community-driven meetups, or recurring gatherings who discuss OpenSearch topics, share knowledge, present related solutions, and network with the wider open source community. <br/> OpenSearch Project User Groups are meant to facilitate in-person collaboration, knowledge sharing, success stories, best practices, and resources."
+        }, 
+        "Content_UserGroups": {
+            "Title": "Participate in a local User Group",
+            "ClassValue": "header--h2",
+            "TextContent": "Anyone interested is welcome to join the OpenSearch Meetup Network. <br/> User Group presentations typically discuss search engineering, open source search technology, search relevancy, observability, log analytics, and other OpenSearch-related topics."
+        },   
+        "UserGroups_GroupCharter_Button": {
+            "Title": "User group charter and guidelines",
+            "ClassValue": "btn-secondary-dark",
+            "Link": "https://github.com/opensearch-project/community/blob/main/user-groups/charter-guidelines.md"
+        },  
+        "UserGroup_Array": [
+            {
+                "Name": "Amsterdam, Neatherlands",
+                "Location": "Europe",
+                "ImagePath": "/assets/img/usergroups-assets/Amsterdam_UserGroup.png",
+                "Link": "https://www.meetup.com/opensearch-project-amsterdam/"
+            }, 
+            {
+                "Name": "Austin, United States",
+                "Location": "North America",
+                "ImagePath": "/assets/img/usergroups-assets/Austin_UserGroup.png",
+                "Link": "https://www.meetup.com/opensearch-project-austin/"
+            }, 
+            {
+                "Name": "Bay Area, United States",
+                "Location": "North America",
+                "ImagePath": "/assets/img/usergroups-assets/OS-AWS-SF-UserGroup.png",
+                "Link": "https://www.meetup.com/opensearch-project-bay-area/"
+            }, 
+            {
+                "Name": "Berlin, Germany",
+                "Location": "Europe",
+                "ImagePath": "/assets/img/usergroups-assets/AWS-Berlin-UserGroup.png",
+                "Link": "https://www.meetup.com/opensearch-project-berlin/"
+            }, 
+            {
+                "Name": "Bristol, United Kingdom",
+                "Location": "Europe",
+                "ImagePath": "/assets/img/usergroups-assets/AWS-Bristol-UserGroup.png",
+                "Link": "https://www.meetup.com/opensearch-project-bristol/"
+            }, 
+            {
+                "Name": "Chicago, United States",
+                "Location": "North America",
+                "ImagePath": "/assets/img/usergroups-assets/AWS-Chicago-UserGroup.png",
+                "Link": "https://www.meetup.com/opensearch-project-chicago/"
+            }, 
+            {
+                "Name": "Dublin, Ireland",
+                "Location": "Europe",
+                "ImagePath": "/assets/img/usergroups-assets/Dublin_UserGroup.png",
+                "Link": "https://www.meetup.com/opensearch-project-dublin/"
+            }, 
+            {
+                "Name": "London, England",
+                "Location": "Europe",
+                "ImagePath": "/assets/img/usergroups-assets/London_UserGroup.png",
+                "Link": "https://www.meetup.com/opensearch-project-london/"
+            }, 
+            {
+                "Name": "Munchen, Germany",
+                "Location": "Europe",
+                "ImagePath": "/assets/img/usergroups-assets/OpenSearch_Munich_UserGroup.png",
+                "Link": "https://www.meetup.com/opensearch-project-munchen/"
+            }, 
+            {
+                "Name": "New York City, United States",
+                "Location": "North America",
+                "ImagePath": "/assets/img/usergroups-assets/AWS-NYC-UserGroup.png",
+                "Link": "https://www.meetup.com/new-york-city-opensearch-user-group/"
+            }, 
+            {
+                "Name": "Paris, France",
+                "Location": "Europe",
+                "ImagePath": "/assets/img/usergroups-assets/Paris_UserGroup.png",
+                "Link": "https://www.meetup.com/opensearch-project-paris/"
+            }, 
+            {
+                "Name": "Seattle, United States",
+                "Location": "North America",
+                "ImagePath": "/assets/img/usergroups-assets/OpenSearch_Seattle_UserGroup.png",
+                "Link": "https://www.meetup.com/opensearch-project-seattle/"
+            }, 
+            {
+                "Name": "Seoul, South Korea",
+                "Location": "Asia",
+                "ImagePath": "/assets/img/usergroups-assets/AWS-Seoul-Skyline.png",
+                "Link": "https://www.meetup.com/opensearch-project-seoul/"
+            }, 
+            {
+                "Name": "Vancouver, Canada",
+                "Location": "North America",
+                "ImagePath": "/assets/img/usergroups-assets/OpenSearch_Vancouver_UserGroup.png",
+                "Link": "https://www.meetup.com/opensearch-project-vancouver-bc/"
+            }
+        ]
+
+
+
+    }
+}
+
+
+
+

_includes/icons_navbar.html

@@ -236,5 +236,9 @@
         <svg width="16" height="16" class="button-content-icon-svg" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
             <path d="M7.828.718c4.143 0 7.5 3.273 7.5 7.313 0 4.04-3.357 7.312-7.5 7.312s-7.5-3.273-7.5-7.312c0-4.04 3.357-7.313 7.5-7.313Zm3.445 6.811L7.175 3.534a.736.736 0 0 0-1.025 0l-.514.501a.692.692 0 0 0 0 1l3.072 2.996-3.072 2.995a.692.692 0 0 0 0 1l.514.501a.736.736 0 0 0 1.025 0l4.098-3.995a.696.696 0 0 0 0-1.003Z"/>
         </svg>
-
+    {% when 'lg-chevron-in-circle' %}
+        <svg width="26" height="26" viewBox="0 0 26 26" class="lg-button-content-icon-svg"  xmlns="http://www.w3.org/2000/svg">
+            <path id="Vector" d="M12.6621 0.783203C19.5674 0.783203 25.1621 6.37796 25.1621 13.2832C25.1621 20.1884 19.5674 25.7832 12.6621 25.7832C5.75687 25.7832 0.162109 20.1884 0.162109 13.2832C0.162109 6.37796 5.75687 0.783203 12.6621 0.783203ZM18.403 12.4263L11.5734 5.59671C11.0996 5.12292 10.3335 5.12292 9.86473 5.59671L9.00788 6.45357C8.53409 6.92736 8.53409 7.69349 9.00788 8.16224L14.1288 13.2832L9.00788 18.4042C8.53409 18.878 8.53409 19.6441 9.00788 20.1128L9.86473 20.9697C10.3385 21.4435 11.1046 21.4435 11.5734 20.9697L18.403 14.1401C18.8768 13.6663 18.8768 12.9001 18.403 12.4263Z"/>
+        </svg>
+
 {% endcase %}

_sass/_solutionsProviders.scss

@@ -159,6 +159,8 @@ $desktop-banner-height: 350px;
     }
 
 }
+
+
 .openSearch-banner-dark-bannerText {
     display: inline;
     color: $secondary-golden-poppy;

_sass/_usergroups.scss

@@ -0,0 +1,197 @@
+
+
+
+
+// HERO BANNER
+$mobile-usergroups-banner-height: 200px;
+$desktop-usergroups-banner-height: 255px;
+$desktop-sidebar-width: 200px;
+$favicon-img-desktop-height: 100px;
+.usergroups-desktopTopBanner-container{
+    position: relative;
+
+    .usergroups-hero-heading-name{
+        color: $primary-open-sky-s2;
+        font-size: 64px;
+        font-family: 'Open Sans Condensed';
+        font-weight: 800;
+        line-height: 72px;
+        text-decoration: none;
+        z-index: 1;
+    }
+    .icon-div-box{
+        margin-left: 0px;
+        width: 30px;
+        height: 30px;
+    }
+
+
+    .usergroups-topBanner-img-wrapper{
+        position: relative;
+        height: $desktop-usergroups-banner-height;
+        overflow: hidden;
+        background-size: cover;
+        background-repeat: no-repeat;
+        .usergroups-topBanner-content-wrapper {
+            height: $desktop-usergroups-banner-height;
+        }
+    }
+
+
+
+    .usergroups-sidebar-favicon-wrapper{
+        // min-width: $desktop-sidebar-width;
+        height: $desktop-usergroups-banner-height;
+        background-color: white;
+
+        .usergroups-favicon-image {
+            min-width: 50px;
+            max-width: 40%;
+            object-fit: contain;
+            display: block;
+        }
+    }
+
+    // Bottom Border
+    &::after {
+        content: "";
+        position: absolute;
+        height: 6px;
+        width: 100%;
+        background-color: $primary-open-sky-s2;
+        bottom: 0px;
+        left: 0;
+    }
+}
+
+$desktop-usergroups-buildersbanner-height: 300px;
+// BUILDERS BANNER
+.Builders-banner-dark-backgroundBanner {
+    position: relative;
+    overflow: hidden;
+    background-color: $primary-pacific-sky-t2;
+
+    .Builders-banner-dark-backgroundBanner-container {
+        position: fluid;
+        height: $desktop-usergroups-buildersbanner-height;
+    }
+
+    .usergroups-builders-image {
+        // max-width: 40%;
+        // max-height: $desktop-usergroups-buildersbanner-height;
+        min-width: 400px;
+        // object-fit: contain;
+        display: block;
+    }
+
+}
+
+
+// FONT
+.usergroup-h2-header {
+    color: $primary-open-sky-s3;
+    font-size: 30px;
+    font-weight: 700px;
+}
+.usergroup-herobanner-subtext {
+    color: $primary-open-sky-s3;
+    font-size: 20px;
+    font-weight: 700px;
+    line-height: 30px;
+}
+.usergroup-body-text {
+    color: black;
+    font-size: 24px;
+    font-weight: 400px;
+    line-height: 48px;
+}
+
+
+
+
+// USERGROUP CARDS
+.card-usergroup-img-top {
+
+    .card-img-top{
+        width: 100%;
+    }
+    .card-title {
+        color: #0085B8;
+        font-size: 21px;
+        font-family: Open Sans;
+        font-weight: 700;
+        line-height: 36px;
+        word-wrap: break-word
+    }
+    .card-text {
+        color: #003551;
+        font-size: 15px;
+        font-family: Open Sans;
+        font-weight: 600;
+        text-transform: uppercase;
+        line-height: 24px;
+        letter-spacing: 4.50px; 
+    }
+    // Bottom Border
+    &::after {
+        content: "";
+        position: absolute;
+        height: 6px;
+        width: 100%;
+        background-color: $primary-open-sky-s2;
+        bottom: 0px;
+        left: 0;
+    }
+}
+
+
+
+// USERGROUP BUTTON
+.btn-secondary-dark {
+
+    --bs-btn-padding-y: 15px;
+    --bs-btn-padding-x: 20px;
+    background-color: $primary-open-sky-s2;
+    border-radius: 0px;
+    color: $secondary-sanfrancisco-fog-t1;
+
+    font-size: 18px;
+    font-weight: 700;
+    line-height: 24px;
+    border-radius: 30px;
+    text-wrap: nowrap;
+
+    > .lg-button-content-icon-svg {
+
+        fill: $secondary-sanfrancisco-fog-t1;
+        margin-bottom: 2px;
+    }
+    &:active {
+        background-color: $primary-open-sky-s3 !important;
+    }
+    &:hover {
+        background-color: $primary-open-sky-s3;
+        color: $secondary-sanfrancisco-fog-t1;
+    }
+    &:active > .button-content {
+
+        > .lg-button-content-icon {
+            > .lg-button-content-icon-svg{
+                fill: $secondary-golden-poppy;
+            }
+        }
+        > .button-content-text {
+            color: $secondary-golden-poppy;
+        }
+
+    }
+    &:visited {
+        color: $secondary-sanfrancisco-fog-t1;
+    }
+}
+.lg-button-content-icon-svg {
+    fill: $secondary-sanfrancisco-fog-t1;
+    margin-bottom: 2px;
+
+
+}

assets/css/output.scss

@@ -34,3 +34,4 @@
 @import "navbar";
 @import "main-imports";
 @import "common/OpenSearch_typography";
+@import "usergroups";