From 0447c2c934d7a2a4643115b47bbf734b857674f6 Mon Sep 17 00:00:00 2001 From: kaimmej Date: Wed, 31 Jul 2024 17:08:30 -0700 Subject: [PATCH 1/9] Footer redesign _sass/redesign_pallette.scss Added an array of gray to our color palette. This just explicitly allows us the lighter grays and puts them in context. These are used in the font coloring of the footer. _sass/footer.scss removed much of the old styling as it was not needed anymore. Much of it was there to support the rendering on mobile devices, which bootstrap now handles. Also i renamed categories to make it more clear which styles applied to what elements. _includes/footer.html total rip and replace. Its still a three column layout but it now uses bootstrap to render it. _Data/footer_social_links.yml Im not sure this will end up working, but I wanted to be able to iterate over all of the social links and be able to render them element by element. This will be used to create the array of social icons at the bottom of hte footer. Currently not working. _data/footer.yml changed the footer categories. Signed-off-by: kaimmej --- _data/footer.yml | 109 ++++++++++++++++++------------ _data/footer_social_links.yml | 37 +++++++++++ _includes/footer.html | 121 +++++++++++++++++++++++++--------- _sass/_footer.scss | 60 ++++++++++++++--- _sass/_redesign-palette.scss | 16 +++++ 5 files changed, 261 insertions(+), 82 deletions(-) create mode 100644 _data/footer_social_links.yml diff --git a/_data/footer.yml b/_data/footer.yml index ac728cfa74..e86a10e240 100644 --- a/_data/footer.yml +++ b/_data/footer.yml @@ -1,61 +1,88 @@ columns: - - title: 'Get Involved' + title: Participate links: - title: Code of Conduct - url: '/codeofconduct.html' + url: /codeofconduct.html - - title: 'Forum' - url: 'https://forum.opensearch.org/' + title: Forum + url: https://forum.opensearch.org/ - - title: 'Github' - url: 'https://github.com/opensearch-project' + title: Project Repo + url: https://github.com/opensearch-project - - title: 'Slack' - url: '/slack.html' + title: Community Repo + url: https://github.com/opensearch-project/community + - + title: Slack + url: /slack.html + - + title: Connect + url: /connect.html + - + title: Meetup + url: https://www.meetup.com/pro/opensearchproject/ + + - + title: Partners + links: + - + title: Become a Partner + url: https://github.com/opensearch-project/project-website/issues/new?assignees=&labels=enhancement%2C+untriaged&projects=opensearch-project%2FWebsite+Update+Project%2Copensearch-project%2FPartner+Updates+and+Additions&template=partner_add_new_partner.yml&title=%5BPARTNER%5D+%7B%7B+Company+name+%7D%7D+ + - + title: Find a Partner + url: https://opensearch.org/partners/ + - - title: 'Resources' + title: Resources links: - title: About - url: '/about.html' + url: /about.html + - + title: FAQ + url: /faq/ - title: Release Schedule - url: '/releases.html' + url: /releases.html - title: Maintenance Policy - url: '/releases.html#maintenance-policy' + url: /releases.html#maintenance-policy - - title: FAQ - url: '/faq/' - - - title: 'Testimonials' - url: '/testimonials/' - - - title: 'Trademark and Brand Policy' - url: '/trademark-brand-policy.html' - - - title: 'Privacy' - url: 'https://aws.amazon.com/privacy/' - - - title: 'Contact Us' - links: - - - title: 'Connect' - url: '/connect.html' - - - title: 'Twitter' - url: 'https://twitter.com/OpenSearchProj' - - - title: 'LinkedIn' - url: 'https://www.linkedin.com/company/opensearch-project/' + title: Documentation + url: /docs/latest/about/ + - + title: Getting Started + url: /docs/latest/getting-started/ - - title: 'YouTube' - url: 'https://www.youtube.com/c/OpenSearchProject' + title: Testimonials + url: /testimonials/ - - title: 'Meetup' - url: 'https://www.meetup.com/pro/opensearchproject/' + title: Brand Guidelines + url: /trademark-brand-policy.html - - title: 'Facebook' - url: 'https://www.facebook.com/OpenSearchProject/' + title: Privacy + url: https://aws.amazon.com/privacy/ + + # - + # title: 'Contact Us' + # links: + # - + # title: 'Connect' + # url: '/connect.html' + # - + # title: 'Twitter' + # url: 'https://twitter.com/OpenSearchProj' + # - + # title: 'LinkedIn' + # url: 'https://www.linkedin.com/company/opensearch-project/' + # - + # title: 'YouTube' + # url: 'https://www.youtube.com/c/OpenSearchProject' + # - + # title: 'Meetup' + # url: 'https://www.meetup.com/pro/opensearchproject/' + # - + # title: 'Facebook' + # url: 'https://www.facebook.com/OpenSearchProject/' \ No newline at end of file diff --git a/_data/footer_social_links.yml b/_data/footer_social_links.yml new file mode 100644 index 0000000000..6546f6e7e7 --- /dev/null +++ b/_data/footer_social_links.yml @@ -0,0 +1,37 @@ +socialLinks: + - + name: twitter + icon: partner_social_links_twitter_tpl + url: 'https://twitter.com/OpenSearchProj' + - + name: linkedin + icon: partner_social_links_linkedin_tpl + url: 'https://www.linkedin.com/company/opensearch-project/' + - + name: youtube + icon: partner_social_links_youtube_tpl + url: 'https://www.youtube.com/c/OpenSearchProject' + - + name: meetup + icon: partner_social_links_meetup_tpl + url: 'https://www.meetup.com/pro/opensearchproject/' + - + name: facebook + icon: partner_social_links_facebook_tpl + url: 'https://www.facebook.com/OpenSearchProject/' + - + name: github + icon: partner_social_links_github_tpl + url: 'https://www.github.com/OpenSearchProject/' + - + name: slack + icon: partner_social_links_slack_tpl + url: 'https://www.opensearch.org/slack.html' + - + name: forum + icon: partner_social_links_forum_tpl + url: 'https://forum.opensearch.org/' + # - + # name: email + # icon: partner_social_links_email_tpl + # url: 'mailto:'' diff --git a/_includes/footer.html b/_includes/footer.html index c7130b05db..f9e356784b 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -1,42 +1,99 @@ -