diff --git a/_data/header_navmenu_datafile.json b/_data/header_navmenu_datafile.json index 025cd3749..105aa4c74 100644 --- a/_data/header_navmenu_datafile.json +++ b/_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" } diff --git a/_data/page_UserGroups_datafile.json b/_data/page_UserGroups_datafile.json new file mode 100644 index 000000000..51c5f2ef1 --- /dev/null +++ b/_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.
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.
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/" + } + ] + + + + } +} + + + + diff --git a/_includes/icons_navbar.html b/_includes/icons_navbar.html index 50c1714f2..889b98179 100644 --- a/_includes/icons_navbar.html +++ b/_includes/icons_navbar.html @@ -236,5 +236,9 @@ - + {% when 'lg-chevron-in-circle' %} + + + + {% endcase %} \ No newline at end of file diff --git a/_sass/_solutionsProviders.scss b/_sass/_solutionsProviders.scss index ffbdc306d..b785bdf78 100644 --- a/_sass/_solutionsProviders.scss +++ b/_sass/_solutionsProviders.scss @@ -159,6 +159,8 @@ $desktop-banner-height: 350px; } } + + .openSearch-banner-dark-bannerText { display: inline; color: $secondary-golden-poppy; diff --git a/_sass/_usergroups.scss b/_sass/_usergroups.scss new file mode 100644 index 000000000..9562acd7a --- /dev/null +++ b/_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; + + +} \ No newline at end of file diff --git a/assets/css/output.scss b/assets/css/output.scss index d96ee6904..fb372b810 100755 --- a/assets/css/output.scss +++ b/assets/css/output.scss @@ -34,3 +34,4 @@ @import "navbar"; @import "main-imports"; @import "common/OpenSearch_typography"; +@import "usergroups"; diff --git a/assets/img/usergroups-assets/AWS-Berlin-UserGroup.png b/assets/img/usergroups-assets/AWS-Berlin-UserGroup.png new file mode 100644 index 000000000..6ea31b50e Binary files /dev/null and b/assets/img/usergroups-assets/AWS-Berlin-UserGroup.png differ diff --git a/assets/img/usergroups-assets/AWS-Bristol-UserGroup.png b/assets/img/usergroups-assets/AWS-Bristol-UserGroup.png new file mode 100644 index 000000000..85d3991cd Binary files /dev/null and b/assets/img/usergroups-assets/AWS-Bristol-UserGroup.png differ diff --git a/assets/img/usergroups-assets/AWS-Chicago-UserGroup.png b/assets/img/usergroups-assets/AWS-Chicago-UserGroup.png new file mode 100644 index 000000000..29ea269dc Binary files /dev/null and b/assets/img/usergroups-assets/AWS-Chicago-UserGroup.png differ diff --git a/assets/img/usergroups-assets/AWS-NYC-UserGroup.png b/assets/img/usergroups-assets/AWS-NYC-UserGroup.png new file mode 100644 index 000000000..afbea0669 Binary files /dev/null and b/assets/img/usergroups-assets/AWS-NYC-UserGroup.png differ diff --git a/assets/img/usergroups-assets/AWS-Seoul-Skyline.png b/assets/img/usergroups-assets/AWS-Seoul-Skyline.png new file mode 100644 index 000000000..8cc102701 Binary files /dev/null and b/assets/img/usergroups-assets/AWS-Seoul-Skyline.png differ diff --git a/assets/img/usergroups-assets/Amsterdam_UserGroup.png b/assets/img/usergroups-assets/Amsterdam_UserGroup.png new file mode 100644 index 000000000..6c34dcfe7 Binary files /dev/null and b/assets/img/usergroups-assets/Amsterdam_UserGroup.png differ diff --git a/assets/img/usergroups-assets/Austin_UserGroup.png b/assets/img/usergroups-assets/Austin_UserGroup.png new file mode 100644 index 000000000..98acaa4ad Binary files /dev/null and b/assets/img/usergroups-assets/Austin_UserGroup.png differ diff --git a/assets/img/usergroups-assets/Dublin_UserGroup.png b/assets/img/usergroups-assets/Dublin_UserGroup.png new file mode 100644 index 000000000..cf2452d5e Binary files /dev/null and b/assets/img/usergroups-assets/Dublin_UserGroup.png differ diff --git a/assets/img/usergroups-assets/London_UserGroup.png b/assets/img/usergroups-assets/London_UserGroup.png new file mode 100644 index 000000000..d3517bca4 Binary files /dev/null and b/assets/img/usergroups-assets/London_UserGroup.png differ diff --git a/assets/img/usergroups-assets/OS-AWS-SF-UserGroup.png b/assets/img/usergroups-assets/OS-AWS-SF-UserGroup.png new file mode 100644 index 000000000..ada5782f5 Binary files /dev/null and b/assets/img/usergroups-assets/OS-AWS-SF-UserGroup.png differ diff --git a/assets/img/usergroups-assets/OpenSearchBuilders.png b/assets/img/usergroups-assets/OpenSearchBuilders.png new file mode 100644 index 000000000..81fc0f200 Binary files /dev/null and b/assets/img/usergroups-assets/OpenSearchBuilders.png differ diff --git a/assets/img/usergroups-assets/OpenSearch_Munich_UserGroup.png b/assets/img/usergroups-assets/OpenSearch_Munich_UserGroup.png new file mode 100644 index 000000000..c81d54e2d Binary files /dev/null and b/assets/img/usergroups-assets/OpenSearch_Munich_UserGroup.png differ diff --git a/assets/img/usergroups-assets/OpenSearch_Seattle_UserGroup.png b/assets/img/usergroups-assets/OpenSearch_Seattle_UserGroup.png new file mode 100644 index 000000000..2f59d4d42 Binary files /dev/null and b/assets/img/usergroups-assets/OpenSearch_Seattle_UserGroup.png differ diff --git a/assets/img/usergroups-assets/OpenSearch_Vancouver_UserGroup.png b/assets/img/usergroups-assets/OpenSearch_Vancouver_UserGroup.png new file mode 100644 index 000000000..ee2365061 Binary files /dev/null and b/assets/img/usergroups-assets/OpenSearch_Vancouver_UserGroup.png differ diff --git a/assets/img/usergroups-assets/OpenSource-general-usergroup.png b/assets/img/usergroups-assets/OpenSource-general-usergroup.png new file mode 100644 index 000000000..f15c72951 Binary files /dev/null and b/assets/img/usergroups-assets/OpenSource-general-usergroup.png differ diff --git a/assets/img/usergroups-assets/Paris_UserGroup.png b/assets/img/usergroups-assets/Paris_UserGroup.png new file mode 100644 index 000000000..5e5be54ab Binary files /dev/null and b/assets/img/usergroups-assets/Paris_UserGroup.png differ diff --git a/assets/img/usergroups-assets/UserGroup_Icon.png b/assets/img/usergroups-assets/UserGroup_Icon.png new file mode 100644 index 000000000..cf7352b41 Binary files /dev/null and b/assets/img/usergroups-assets/UserGroup_Icon.png differ diff --git a/usergroups/index.html b/usergroups/index.html new file mode 100644 index 000000000..da7caba69 --- /dev/null +++ b/usergroups/index.html @@ -0,0 +1,138 @@ +--- +layout: default +title: UserGroups +primary_title: UserGroups +body_class: UserGroups-page +--- + + +
+ + + + {% assign userGroups_pageContent = site.data.page_UserGroups_datafile['UserGroups'] %} + + {% assign data_HeroBanner = userGroups_pageContent['HeroBanner'] %} + {% assign data_Page_Overview = userGroups_pageContent['Content_PageOverview'] %} + {% assign data_UserGroup_Overview = userGroups_pageContent['Content_UserGroups'] %} + {% assign data_GroupCharter_Button = userGroups_pageContent['UserGroups_GroupCharter_Button'] %} + {% assign data_UserGroup_Array = userGroups_pageContent['UserGroup_Array'] %} + + +
+
+ +
+ UserGroup Icon +
+ + +
+
+ +

{{ data_HeroBanner.Title }}

+ {{ data_HeroBanner.SubText }} + +
+
+
+ +
+ + + +
+ +
+ + +
+ +
+ Builders Image +
+ + +
+ + {{ data_Page_Overview.TextContent }} + +
+ +
+ +
+
+ + + + + +
+ + +
+
+

{{ data_UserGroup_Overview.Title }}

+ {{ data_UserGroup_Overview.TextContent }} + +
+
+ + +
+
+
+ + {% for usergroup in data_UserGroup_Array %} +
+ + + {{ usergroup.Name }} + +
+ {{ usergroup.Location }} +
{{ usergroup.Name }}
+
+ +
+
+ + {% endfor %} + +
+
+ + + + + + + +
+ + + +
\ No newline at end of file