From 767d04a57c1e05da619fc9fbe8d7861a34da6d35 Mon Sep 17 00:00:00 2001 From: Peter Shine Date: Mon, 4 Dec 2023 16:54:41 -0600 Subject: [PATCH 1/4] Adding europe asia button section to osf homepage --- .python-version | 1 + env.template | 14 - src/components/HomeV2/EuropeAsiaBtnSection.js | 46 + src/content/settings.json | 2 +- src/pages/ptg/index.md | 2 +- src/style/modules/_homeV2sections.scss | 2991 +++++++++-------- src/templates/index-page.js | 85 +- src/templates/ptg-page.js | 334 +- .../homeV2/eurasia-btn-images/logo asia.png | Bin 0 -> 16758 bytes .../homeV2/eurasia-btn-images/logo europe.png | Bin 0 -> 16256 bytes 10 files changed, 1874 insertions(+), 1601 deletions(-) create mode 100644 .python-version delete mode 100644 env.template create mode 100644 src/components/HomeV2/EuropeAsiaBtnSection.js create mode 100644 static/img/homeV2/eurasia-btn-images/logo asia.png create mode 100644 static/img/homeV2/eurasia-btn-images/logo europe.png diff --git a/.python-version b/.python-version new file mode 100644 index 000000000..a61649269 --- /dev/null +++ b/.python-version @@ -0,0 +1 @@ +2.7.18 diff --git a/env.template b/env.template deleted file mode 100644 index 7d1790a9b..000000000 --- a/env.template +++ /dev/null @@ -1,14 +0,0 @@ -GATSBY_IDP_BASE_URL= -GATSBY_OAUTH2_CLIENT_ID= -GATSBY_API_BASE_URL= -GATSBY_SCOPES= -GATSBY_SPONSORED_PROJECT_ID= -GATSBY_BUILD_SCOPES= -GATSBY_OAUTH2_CLIENT_ID_BUILD= -GATSBY_OAUTH2_CLIENT_SECRET_BUILD= -GATSBY_OAUTH_TOKEN_PATH= -GATSBY_SF_OID= -GATSBY_FRIENDLY_CAPTCHA_SITE_KEY= -GATSBY_FRIENDLY_CAPTCHA_API_KEY= -GATSBY_ELECTION_SINCE_YEAR= -GATSBY_ELECTION_TO_SHOW= \ No newline at end of file diff --git a/src/components/HomeV2/EuropeAsiaBtnSection.js b/src/components/HomeV2/EuropeAsiaBtnSection.js new file mode 100644 index 000000000..a490ad03d --- /dev/null +++ b/src/components/HomeV2/EuropeAsiaBtnSection.js @@ -0,0 +1,46 @@ +import React from "react"; +import AsiaBtnImg from "../../../static/img/homeV2/eurasia-btn-images/logo asia.png"; +import EurBtnImg from "../../../static/img/homeV2/eurasia-btn-images/logo europe.png"; + +const EuropeAsiaBtnSection = class extends React.Component { + render() { + return ( +
+
+

+ OPENINFRA{" "} + ASIA AND EUROPE:
A + REGIONAL HUB TO PROMOTE, PROTECT
+ OPEN SOURCE INFRASTRUCTURE +

+
+
+
+ {" "} + {"OpenInfra + + → openinfraasia.org + +
+
+ {" "} + {"OpenInfra + + → openinfraeurope.org + +
+
+
+ ); + } +}; + +export default EuropeAsiaBtnSection; diff --git a/src/content/settings.json b/src/content/settings.json index 333d4ed15..a3ef022a8 100644 --- a/src/content/settings.json +++ b/src/content/settings.json @@ -1 +1 @@ -{"lastBuild":1697727997236} \ No newline at end of file +{"lastBuild":1701627528441} \ No newline at end of file diff --git a/src/pages/ptg/index.md b/src/pages/ptg/index.md index 7052f3c7b..8e128c2aa 100644 --- a/src/pages/ptg/index.md +++ b/src/pages/ptg/index.md @@ -18,7 +18,7 @@ header: location: icon: /img/summit/Vector-world.svg text: Virtual - buttons: + button: - text: Register Now link: https://ptg2023.openinfra.dev/ image: /img/ptg-page/hero-image.png diff --git a/src/style/modules/_homeV2sections.scss b/src/style/modules/_homeV2sections.scss index fadac68d3..079629c18 100644 --- a/src/style/modules/_homeV2sections.scss +++ b/src/style/modules/_homeV2sections.scss @@ -1,1470 +1,1582 @@ .home-v2-body-wrapper { - overflow: hidden; + overflow: hidden; } .home-v2-outer-container-dark { - background-color: #161616; - overflow: hidden; - background-image: url('/img/homeV2/background-images/news-background-1.svg'); - background-position: center; - background-size: contain; - background-repeat: no-repeat; - .news-article-button-container { - display: flex; - margin-bottom: 30px; - @media screen and (min-width: 768px) { - margin-bottom: 80px; - } + background-color: #161616; + overflow: hidden; + background-image: url("/img/homeV2/background-images/news-background-1.svg"); + background-position: center; + background-size: contain; + background-repeat: no-repeat; + .news-article-button-container { + display: flex; + margin-bottom: 30px; + @media screen and (min-width: 768px) { + margin-bottom: 80px; } - .news-article-button { - height: 56px; - width: 56px; - border-radius: 50%; - background-color: #fff; - color: #111C3C; - margin: 20px; - &.news-article-button-inactive { - opacity: 0.5; - } - &:hover { - cursor: pointer; - box-shadow: 0px 4px 4px rgba(0,0,0,.25); - } - img { - margin: 0 auto; - display: block; - height: 15px; - width: 15px; - top: calc(50% - 7px); - position: relative; - } + } + .news-article-button { + height: 56px; + width: 56px; + border-radius: 50%; + background-color: #fff; + color: #111c3c; + margin: 20px; + &.news-article-button-inactive { + opacity: 0.5; } + &:hover { + cursor: pointer; + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + } + img { + margin: 0 auto; + display: block; + height: 15px; + width: 15px; + top: calc(50% - 7px); + position: relative; + } + } } -.news-article-container { - margin-top: 20px; - display: flex; - justify-content: space-between; - width: fit-content; - position: relative; - transition: all 0.5s ease-out; - .news-article-inner-container { - width: 380px; - margin: 0 15px; - img { - margin-bottom: 30px; - height: 237px; - width: 100%; - border-radius: 15px; - } - @media screen and (max-width: 420px) { - width: 300px; - img { - height: 195px; - } - } - .news-article-intro-text { - font-family: 'Jura', sans-serif; - text-transform: uppercase; - color: #D9D9D9; - } - h3 { - margin-top: 10px; - font-family: 'Roboto Condensed', sans-serif; - text-transform: uppercase; - padding-bottom: 10px; - color: #fff; - font-size: 22px; - &:hover { - text-decoration: underline; - } - } - .news-article-content { - color: #AFAFAF; - font-family: 'Roboto Flex', sans-serif; - font-size: 14px; - } - .news-article-link { - font-family: 'Jura', sans-serif; - text-transform: uppercase; - color: #FFFFFF; - font-weight: 700; - } - } +//EUROPE ASIA BUTTON SECTION STYLES + +.eurasia-flex { + display: flex; + justify-content: center; } -h2.home-v2-header { - font-family: 'Roboto Condensed', sans-serif; - color: #000; - font-size: 42px; - text-transform: uppercase; - font-weight: 700; - &.home-v2-header-white { - color: #fff; +.eurasia-btn-flex { + display: flex; + align-items: center; + justify-content: space-around; + margin: 100px; + @media screen and (max-width: 1000px) { + display: grid; + gap: 30px; + margin: 30px; + } +} + +.home-v2-eurasia-btn-section { + display: inline-block; + text-align: center; +} + +.home-v2-eurasia-text-container { + margin: 60px 15px 80px; + @media screen and (min-width: 768px) { + margin: 120px 15px 80px; + } +} + +.eurasia-btn { + display: flex; + flex-direction: column; + justify-content: center; + background-color: transparent; + border-radius: 20px; + padding: 80px 80px 40px 80px; + &.asia { + color: #ffb325; + border: 2px solid #ffb325; + } + &.eur { + color: #2cb4e2; + border: 2px solid #2cb4e2; + } + @media screen and (max-width: 1450px) { + padding: 60px 60px 20px 60px; + } + @media screen and (max-width: 1200px) { + padding: 45px 45px 15px 45px; + } +} + +.eurasia-btn img { + width: 423px; + height: 99px; + @media screen and (max-width: 1450px) { + width: 350px; + height: 80px; + } + @media screen and (max-width: 1200px) { + width: 280px; + height: 60px; + } +} + +.eurasia-btn-link { + color: inherit; + margin-top: 50px; + font-family: "Jura", sans-serif; + font-size: 24px; + font-weight: 600; + text-align: center; +} + +.eurasia-btn-link:hover { + color: inherit; + text-decoration: underline; +} +.eurasia-btn-link:visited, +.eurasia-btn-link:active { + color: inherit; +} + +//NEWS SECTION STYLES + +.news-article-container { + margin-top: 20px; + display: flex; + justify-content: space-between; + width: fit-content; + position: relative; + transition: all 0.5s ease-out; + .news-article-inner-container { + width: 380px; + margin: 0 15px; + img { + margin-bottom: 30px; + height: 237px; + width: 100%; + border-radius: 15px; + } + @media screen and (max-width: 420px) { + width: 300px; + img { + height: 195px; + } } - .home-v2-header-yellow { - color: #F4A93A; + .news-article-intro-text { + font-family: "Jura", sans-serif; + text-transform: uppercase; + color: #d9d9d9; + } + h3 { + margin-top: 10px; + font-family: "Roboto Condensed", sans-serif; + text-transform: uppercase; + padding-bottom: 10px; + color: #fff; + font-size: 22px; + &:hover { + text-decoration: underline; + } } - .home-v2-header-red { - color: #E61E24; + .news-article-content { + color: #afafaf; + font-family: "Roboto Flex", sans-serif; + font-size: 14px; } + .news-article-link { + font-family: "Jura", sans-serif; + text-transform: uppercase; + color: #ffffff; + font-weight: 700; + } + } +} + +h2.home-v2-header { + font-family: "Roboto Condensed", sans-serif; + color: #000; + font-size: 42px; + text-transform: uppercase; + font-weight: 700; + &.home-v2-header-white { + color: #fff; + } + .home-v2-header-yellow { + color: #f4a93a; + } + .home-v2-header-red { + color: #e61e24; + } } .home-v2-text-container { - margin: 80px 15px 80px; - @media screen and (min-width: 768px) { - margin: 180px 15px 80px; - } + margin: 80px 15px 80px; + @media screen and (min-width: 768px) { + margin: 180px 15px 80px; + } } .home-v2-paragraph { - font: 'Roboto Flex', sans-serif; - &.home-v2-paragraph-white { - color: #fff; - } + font: "Roboto Flex", sans-serif; + &.home-v2-paragraph-white { + color: #fff; + } } .home-v2-newsletter-section { - @media screen and (min-width: 1000px) { - display: flex; - justify-content: space-between; - gap: 20px; - background: linear-gradient(180deg, rgba(22,22,22,1) 0%, rgba(39,39,39,1) 100%); - .home-v2-newsletter-box { - width: 60%; - border-top-right-radius: 25px; - border-bottom-right-radius: 25px; - } - .home-v2-newsletter-image { - width: 40%; - background-image: url('/img/homeV2/community-img.jpg'); - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-top-left-radius: 25px; - border-bottom-left-radius: 25px; - } - .home-v2-newsletter-list { - display: flex; - flex-wrap: wrap; - margin-top: 50px; - li { - width: 50%; - margin-top: 0; - &:last-of-type { - width: 100%; - } - } - } + @media screen and (min-width: 1000px) { + display: flex; + justify-content: space-between; + gap: 20px; + background: linear-gradient( + 180deg, + rgba(22, 22, 22, 1) 0%, + rgba(39, 39, 39, 1) 100% + ); + .home-v2-newsletter-box { + width: 60%; + border-top-right-radius: 25px; + border-bottom-right-radius: 25px; } - @media screen and (min-width: 1200px) { - .home-v2-newsletter-box-inner { - max-width: 600px; - margin-left: auto; - margin-right: 20px; - } + .home-v2-newsletter-image { + width: 40%; + background-image: url("/img/homeV2/community-img.jpg"); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-top-left-radius: 25px; + border-bottom-left-radius: 25px; } - @media screen and (min-width: 1400px) { - .home-v2-newsletter-box-inner { - max-width: 600px; - margin-left: auto; - margin-right: 50px; + .home-v2-newsletter-list { + display: flex; + flex-wrap: wrap; + margin-top: 50px; + li { + width: 50%; + margin-top: 0; + &:last-of-type { + width: 100%; } + } + } + } + @media screen and (min-width: 1200px) { + .home-v2-newsletter-box-inner { + max-width: 600px; + margin-left: auto; + margin-right: 20px; } + } + @media screen and (min-width: 1400px) { + .home-v2-newsletter-box-inner { + max-width: 600px; + margin-left: auto; + margin-right: 50px; + } + } } .home-v2-newsletter-box { - background-color: #fff; - width: 100%; - padding: 25px; - @media screen and (min-width: 576px) { - padding: 50px; + background-color: #fff; + width: 100%; + padding: 25px; + @media screen and (min-width: 576px) { + padding: 50px; + } + .home-v2-newsletter-list { + padding-left: 0; + margin-left: 15px; + list-style-type: none; + li { + color: #888; + position: relative; + padding-left: 20px; + margin-bottom: 20px; + &:before { + position: absolute; + content: ""; + background-image: url("/img/homeV2/newsletter-checkmark.svg"); + background-repeat: no-repeat; + background-size: 100%; + height: 25px; + width: 25px; + left: 0; + top: -2px; + } } - .home-v2-newsletter-list { - padding-left: 0; - margin-left: 15px; - list-style-type: none; - li { - color: #888; - position: relative; - padding-left: 20px; - margin-bottom: 20px; - &:before { - position: absolute; - content: ''; - background-image: url('/img/homeV2/newsletter-checkmark.svg'); - background-repeat: no-repeat; - background-size: 100%; - height: 25px; - width: 25px; - left: 0; - top: -2px; - } - } + } + .home-v2-newsletter-form { + margin-top: 30px; + input { + background-color: #e0e0df; + height: 50px; + width: 100%; + border: none; + border-radius: 25px; + padding: 20px; + color: #000; } - .home-v2-newsletter-form { - margin-top: 30px; - input { - background-color: #E0E0DF; - height: 50px; - width: 100%; - border: none; - border-radius: 25px; - padding: 20px; - color: #000; - } - button { - background-color: #E61E24; - height: 50px; - width: 100%; - color: #fff; - text-transform: uppercase; - font-size: 16px; - font-family: 'Jura', sans-serif; - border: none; - border-radius: 25px; - margin-top: 20px; - transition: all 0.3s; - &:hover { - background-color: #9A0D28; - text-decoration: none; - } - } - p { - font-family: 'Roboto', sans-serif; - color: #161616; - text-align: center; - font-size: 16px; - margin: 15px 0; - } - @media screen and (min-width: 576px) { - margin-top: 50px; - display: flex; - button { - margin-left: 18px; - max-width: 240px; - margin-top: 0; - } - input { - max-width: 400px; - } - } + button { + background-color: #e61e24; + height: 50px; + width: 100%; + color: #fff; + text-transform: uppercase; + font-size: 16px; + font-family: "Jura", sans-serif; + border: none; + border-radius: 25px; + margin-top: 20px; + transition: all 0.3s; + &:hover { + background-color: #9a0d28; + text-decoration: none; + } + } + p { + font-family: "Roboto", sans-serif; + color: #161616; + text-align: center; + font-size: 16px; + margin: 15px 0; } - .home-v2-newsletter-disclaimer { - color: #888; - margin-top: 24px; + @media screen and (min-width: 576px) { + margin-top: 50px; + display: flex; + button { + margin-left: 18px; + max-width: 240px; + margin-top: 0; + } + input { + max-width: 400px; + } } + } + .home-v2-newsletter-disclaimer { + color: #888; + margin-top: 24px; + } } .home-v2-communities-section { - background-color: #F6F6F5; - padding-bottom: 100px; - padding-top: 10px; - &.home-v2-communities-section-1 { - background-image: url('/img/homeV2/background-images/communities-background-1.svg'); - background-repeat: no-repeat; - background-position: top center; - background-size: cover; - padding-bottom: 25px; - padding-top: 150px + background-color: #f6f6f5; + padding-bottom: 100px; + padding-top: 10px; + &.home-v2-communities-section-1 { + background-image: url("/img/homeV2/background-images/communities-background-1.svg"); + background-repeat: no-repeat; + background-position: top center; + background-size: cover; + padding-bottom: 25px; + padding-top: 150px; + } + &.home-v2-communities-section-2 { + background-image: url("/img/homeV2/background-images/communities-background-2.svg"); + background-repeat: no-repeat; + background-position: top center; + background-size: cover; + } + h2.home-v2-community-header { + text-align: center; + margin-top: 20px; + max-width: 750px; + margin: 20px auto 50px; + } + .home-v2-community-subheader { + color: #888; + font-family: "Jura", sans-serif; + font-size: 22px; + text-align: center; + margin: 100px 0 25px; + text-transform: uppercase; + &.home-v2-community-subheader-margin { + margin-bottom: 50px; } - &.home-v2-communities-section-2 { - background-image: url('/img/homeV2/background-images/communities-background-2.svg'); - background-repeat: no-repeat; - background-position: top center; - background-size: cover; + &.home-v2-community-subheader-platinum { + margin-top: 30px; } - h2.home-v2-community-header { - text-align: center; - margin-top: 20px; - max-width: 750px; - margin: 20px auto 50px; + } + p.home-v2-community-paragraph { + font-family: "Roboto", sans-serif; + color: #161616; + text-align: center; + font-size: 16px; + max-width: 900px; + margin: 0 auto 50px; + } + .home-v2-community-btn-container { + display: flex; + max-width: 728px; + margin: 100px auto 0; + a { + display: inline-block; + width: 100%; + color: #161616; + &:hover { + color: #fff; + text-decoration: none; + } } - .home-v2-community-subheader { - color: #888; - font-family: 'Jura', sans-serif; - font-size: 22px; - text-align: center; - margin: 100px 0 25px; - text-transform: uppercase; - &.home-v2-community-subheader-margin { - margin-bottom: 50px; + .home-v2-community-btn { + max-width: 344px; + height: 54px; + background-color: rgba(0, 0, 0, 0); + border: 1px solid #161616; + color: #161616; + border-radius: 30px; + text-decoration: none; + text-align: center; + padding: 13px 0; + font-family: "Jura", sans-serif; + text-transform: uppercase; + font-size: 18px; + transition: all 0.3s; + .secondary-btn-arrow { + position: relative; + right: 15px; + &:after { + background-image: url("/img/homeV2/secondary-arrow-gray.svg"); + position: absolute; + content: ""; + right: -30px; + top: -3px; + height: 30px; + width: 30px; } - &.home-v2-community-subheader-platinum { - margin-top: 30px; + } + &:hover { + background-color: #888; + border: 1px solid #888; + color: #fff; + text-decoration: none; + .secondary-btn-arrow { + &:after { + background-image: url("/img/homeV2/secondary-arrow-white.svg"); + } } + } } - p.home-v2-community-paragraph { - font-family: 'Roboto', sans-serif; - color: #161616; - text-align: center; - font-size: 16px; - max-width: 900px; - margin: 0 auto 50px; + .home-v2-community-btn-primary { + background-color: #e61e24; + border: 1px solid #e61e24; + color: #fff; + &:hover { + text-decoration: none; + background-color: #9a0d28; + border: 1px solid #9a0d28; + } } - .home-v2-community-btn-container { - display: flex; - max-width: 728px; - margin: 100px auto 0; - a { - display: inline-block; - width: 100%; - color: #161616; - &:hover { - color: #fff; - text-decoration: none; - } - } - .home-v2-community-btn { - max-width: 344px; - height: 54px; - background-color: rgba(0,0,0,0); - border: 1px solid #161616; - color: #161616; - border-radius: 30px; - text-decoration: none; - text-align: center; - padding: 13px 0; - font-family: 'Jura', sans-serif; - text-transform: uppercase; - font-size: 18px; - transition: all 0.3s; - .secondary-btn-arrow { - position: relative; - right: 15px; - &:after { - background-image: url('/img/homeV2/secondary-arrow-gray.svg'); - position: absolute; - content: ''; - right: -30px; - top: -3px; - height: 30px; - width: 30px; - } - } - &:hover { - background-color: #888; - border: 1px solid #888; - color: #fff; - text-decoration: none; - .secondary-btn-arrow { - &:after { - background-image: url('/img/homeV2/secondary-arrow-white.svg'); - } - } - } - } - .home-v2-community-btn-primary { - background-color: #E61E24; - border: 1px solid #E61E24; - color: #fff; - &:hover { - text-decoration: none; - background-color: #9A0D28; - border: 1px solid #9A0D28; - } - } - @media screen and (max-width: 992px) { - gap: 20px; - } - @media screen and (max-width: 600px) { - display: block; - .home-v2-community-btn { - width: 100%; - max-width: none; - margin: 10px auto; - } - } + @media screen and (max-width: 992px) { + gap: 20px; + } + @media screen and (max-width: 600px) { + display: block; + .home-v2-community-btn { + width: 100%; + max-width: none; + margin: 10px auto; + } } + } } .home-v2-gold-container { - position: relative; - width: 100%; + position: relative; + width: 100%; + height: 100%; + margin-top: 12px; + overflow: hidden; + &:before { + content: ""; + position: absolute; height: 100%; - margin-top: 12px; - overflow: hidden; - &:before { - content: ''; - position: absolute; - height: 100%; - width: 75px; - top: 0; - left: 0; - background-image: linear-gradient(90deg, rgba(246, 246, 245,1) 25%, rgba(39,39,39,0) 100%); - z-index: 100; - } - &:after { - content: ''; - position: absolute; - height: 100%; - width: 100px; - top: 0; - right: 0; - background-image: linear-gradient(270deg, rgba(246, 246, 245,1) 25%, rgba(39,39,39,0) 100%); - z-index: 100; - } - .home-v2-gold-sponsor { - background-color: #fff; - border-radius: 20px; - height: 112px; - box-shadow: 0px 4px 4px rgba(0,0,0,.25); - margin: 0 10px; - img { - margin: 20px auto; - max-width: 140px; - position: relative; - top: 20px; - } + width: 75px; + top: 0; + left: 0; + background-image: linear-gradient( + 90deg, + rgba(246, 246, 245, 1) 25%, + rgba(39, 39, 39, 0) 100% + ); + z-index: 100; + } + &:after { + content: ""; + position: absolute; + height: 100%; + width: 100px; + top: 0; + right: 0; + background-image: linear-gradient( + 270deg, + rgba(246, 246, 245, 1) 25%, + rgba(39, 39, 39, 0) 100% + ); + z-index: 100; + } + .home-v2-gold-sponsor { + background-color: #fff; + border-radius: 20px; + height: 112px; + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + margin: 0 10px; + img { + margin: 20px auto; + max-width: 140px; + position: relative; + top: 20px; } + } } .home-v2-platinum-container { - position: relative; - width: 100%; + position: relative; + width: 100%; + height: 100%; + margin-top: 12px; + overflow: hidden; + padding-bottom: 10px; + > div { + height: 170px; + } + &:before { + content: ""; + position: absolute; height: 100%; - margin-top: 12px; - overflow: hidden; - padding-bottom: 10px; - > div { - height: 170px; - } - &:before { - content: ''; - position: absolute; - height: 100%; - width: 75px; - top: 0; - left: 0; - background-image: linear-gradient(90deg, rgba(246, 246, 245,1) 25%, rgba(39,39,39,0) 100%); - z-index: 100; + width: 75px; + top: 0; + left: 0; + background-image: linear-gradient( + 90deg, + rgba(246, 246, 245, 1) 25%, + rgba(39, 39, 39, 0) 100% + ); + z-index: 100; + } + &:after { + content: ""; + position: absolute; + height: 100%; + width: 100px; + top: 0; + right: 0; + background-image: linear-gradient( + 270deg, + rgba(246, 246, 245, 1) 25%, + rgba(39, 39, 39, 0) 100% + ); + z-index: 100; + } + .home-v2-platinum-sponsor { + background-color: #fff; + border-radius: 20px; + height: 156px; + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + margin: 0 10px; + padding-top: 5px; + img { + margin: 25px auto; + max-width: 180px; + width: 98%; } - &:after { - content: ''; - position: absolute; - height: 100%; - width: 100px; - top: 0; - right: 0; - background-image: linear-gradient(270deg, rgba(246, 246, 245,1) 25%, rgba(39,39,39,0) 100%); - z-index: 100; - } - .home-v2-platinum-sponsor { - background-color: #fff; - border-radius: 20px; - height: 156px; - box-shadow: 0px 4px 4px rgba(0,0,0,.25); - margin: 0 10px; - padding-top: 5px; - img { - margin: 25px auto; - max-width: 180px; - width: 98%; - } - @media screen and (max-width: 400px) { - height: 140px; - } + @media screen and (max-width: 400px) { + height: 140px; } + } } .home-v2-quotes-container { - margin-top: 200px; + margin-top: 200px; + position: relative; + max-width: 1350px; + margin: 180px auto 0; + &:before { + display: none; + content: ""; + position: absolute; + height: 100%; + width: 75px; + top: 0; + left: -1px; + background-image: linear-gradient( + 90deg, + #f6f6f5 25%, + rgba(39, 39, 39, 0) 100% + ); + z-index: 100; + @media screen and (min-width: 1750px) { + display: block; + } + } + &:after { + display: none; + content: ""; + position: absolute; + height: 100%; + width: 75px; + top: 0; + right: -1px; + background-image: linear-gradient( + 270deg, + #f6f6f5 25%, + rgba(39, 39, 39, 0) 100% + ); + z-index: 100; + @media screen and (min-width: 1750px) { + display: block; + } + } + .home-v2-quote { + background-color: #272727; + border-radius: 25px; + padding: 30px; + margin: 0 10px; + min-height: 350px; position: relative; - max-width: 1350px; - margin: 180px auto 0; - &:before { - display: none; - content: ''; - position: absolute; - height: 100%; - width: 75px; - top: 0; - left: -1px; - background-image: linear-gradient(90deg, #f6f6f5 25%, rgba(39, 39, 39, 0) 100%); - z-index: 100; - @media screen and (min-width: 1750px) { - display: block; - } + .home-v2-quote-inner-container { + position: absolute; + bottom: 30px; + width: 80%; } - &:after { - display: none; - content: ''; - position: absolute; - height: 100%; - width: 75px; - top: 0; - right: -1px; - background-image: linear-gradient(270deg, #f6f6f5 25%, rgba(39, 39, 39, 0) 100%); - z-index: 100; - @media screen and (min-width: 1750px) { - display: block; - } + .home-v2-quote-text { + color: #fff; + font-family: "Roboto Flex", sans-serif; + opacity: 0.5; + transition: all 0.5s; + margin-bottom: 40px; } - .home-v2-quote { - background-color: #272727; - border-radius: 25px; - padding: 30px; - margin: 0 10px; - min-height: 350px; - position: relative; - .home-v2-quote-inner-container { - position: absolute; - bottom: 30px; - width: 80%; - } - .home-v2-quote-text { - color: #fff; - font-family: 'Roboto Flex', sans-serif; - opacity: 0.5; - transition: all 0.5s; - margin-bottom: 40px; - } - .home-v2-quote-name { - color: #FEC84B; - font-family: 'Jura', sans-serif; - opacity: 0.5; - transition: all 0.5s; - margin-bottom: 0; - font-size: 16px; - } - .home-v2-quote-title { - color: #E0E0DF; - font-family: 'Roboto Flex', sans-serif; - opacity: 0.5; - transition: all 0.5s; - } - img { - opacity: 0.5; - transition: all 0.5s; - &.home-v2-quote-logo-resize { - height: 25px; - } - } - @media screen and (max-width: 991px) { - .home-v2-quote-text, - .home-v2-quote-name, - .home-v2-quote-title { - opacity: 1; - } - } - @media screen and (max-width: 767px) { - min-height: 425px; - } - @media screen and (max-width: 550px) { - min-height: 350px; - } - @media screen and (max-width: 440px) { - min-height: 400px; - } - @media screen and (max-width: 400px) { - min-height: 350px; - } + .home-v2-quote-name { + color: #fec84b; + font-family: "Jura", sans-serif; + opacity: 0.5; + transition: all 0.5s; + margin-bottom: 0; + font-size: 16px; + } + .home-v2-quote-title { + color: #e0e0df; + font-family: "Roboto Flex", sans-serif; + opacity: 0.5; + transition: all 0.5s; + } + img { + opacity: 0.5; + transition: all 0.5s; + &.home-v2-quote-logo-resize { + height: 25px; + } + } + @media screen and (max-width: 991px) { + .home-v2-quote-text, + .home-v2-quote-name, + .home-v2-quote-title { + opacity: 1; + } + } + @media screen and (max-width: 767px) { + min-height: 425px; } + @media screen and (max-width: 550px) { + min-height: 350px; + } + @media screen and (max-width: 440px) { + min-height: 400px; + } + @media screen and (max-width: 400px) { + min-height: 350px; + } + } } .home-v2-quote-btn-container { - margin: 0 auto 50px; - max-width: 152px; - display: flex; - justify-content: space-between; - .quote-button { - height: 56px; - width: 56px; - border-radius: 50%; - background-color: #fff; - color: #111C3C; - border: none; - transition: all .5s; - &:hover { - box-shadow: 0px 4px 4px rgba(0,0,0,.25); - } - img { - margin: 0 auto; - display: block; - height: 15px; - width: 15px; - top: calc(50% - 7px); - } + margin: 0 auto 50px; + max-width: 152px; + display: flex; + justify-content: space-between; + .quote-button { + height: 56px; + width: 56px; + border-radius: 50%; + background-color: #fff; + color: #111c3c; + border: none; + transition: all 0.5s; + &:hover { + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } + img { + margin: 0 auto; + display: block; + height: 15px; + width: 15px; + top: calc(50% - 7px); + } + } } .home-v2-projects-container { - position: relative; - max-width: 1350px; - margin: 0 auto; - .home-v2-project-link { - &:hover { - text-decoration: none; - } + position: relative; + max-width: 1350px; + margin: 0 auto; + .home-v2-project-link { + &:hover { + text-decoration: none; } - &:before { - display: none; - content: ''; - position: absolute; - height: 100%; - width: 75px; - top: 0; - left: 0; - background-image: linear-gradient(90deg, #f6f6f5 25%, rgba(39, 39, 39, 0) 100%); - z-index: 100; - @media screen and (min-width: 1750px) { - display: block; - } + } + &:before { + display: none; + content: ""; + position: absolute; + height: 100%; + width: 75px; + top: 0; + left: 0; + background-image: linear-gradient( + 90deg, + #f6f6f5 25%, + rgba(39, 39, 39, 0) 100% + ); + z-index: 100; + @media screen and (min-width: 1750px) { + display: block; } - &:after { - display: none; - content: ''; - position: absolute; - height: 100%; - width: 75px; - top: 0; - right: 0; - background-image: linear-gradient(270deg, #f6f6f5 25%, rgba(39, 39, 39, 0) 100%); - z-index: 100; - @media screen and (min-width: 1750px) { - display: block; - } + } + &:after { + display: none; + content: ""; + position: absolute; + height: 100%; + width: 75px; + top: 0; + right: 0; + background-image: linear-gradient( + 270deg, + #f6f6f5 25%, + rgba(39, 39, 39, 0) 100% + ); + z-index: 100; + @media screen and (min-width: 1750px) { + display: block; } - .home-v2-project { - background-color: #EEE; - border-radius: 25px; - padding: 40px 30px; - margin: 0 10px; - transition: all .5s; - min-height: 330px; - @media screen and (max-width: 1199px) { - min-height: 370px; - padding: 30px 30px 50px; - } - @media screen and (max-width: 991px) { - min-height: 300px; - } - @media screen and (max-width: 767px) { - min-height: 275px; - padding-bottom: 0px; - } - @media screen and (max-width: 375px) { - min-height: 325px; - } - @media screen and (max-width: 350px) { - opacity: 1; - min-height: 275px; - } - .home-v2-project-title { - font-family: 'Roboto Flex', sans-serif; - color: #141F47; - font-weight: 700; - font-size: 18px; - text-align: center; - margin-top: 18px; - margin-bottom: 20px; - &.starlingx-project-title { - color: #330072; - } - &.airship-project-title { - color: #65C7C2; - } - } - .home-v2-project-text { - font-family: 'Roboto Flex', sans-serif; - color: #111C3C; - text-align: center; - } - img { - height: 90px; - width: auto; - margin: 0 auto; - } - &:hover { - box-shadow: 3px 25px 40px -3px rgba(0,0,0,.25); - } + } + .home-v2-project { + background-color: #eee; + border-radius: 25px; + padding: 40px 30px; + margin: 0 10px; + transition: all 0.5s; + min-height: 330px; + @media screen and (max-width: 1199px) { + min-height: 370px; + padding: 30px 30px 50px; } -} - - -// Temporary Homepage Styles - -.home-v2-sfa-section { - background-color: #161616; - background-image: url('/img/homeV2/background-images/clouds-background.svg'); - background-position: center; - background-size: cover; - background-repeat: no-repeat; - .home-v2-header-sfa { - text-align: center; - color: #fff; + @media screen and (max-width: 991px) { + min-height: 300px; } - - .sfa-paragraph-container { - max-width: 600px; - margin: 0 auto; - p { - font-family: 'Roboto Flex', sans-serif; - color: #fff; - text-align: center; - } + @media screen and (max-width: 767px) { + min-height: 275px; + padding-bottom: 0px; } - .sfa-highlight-container { - padding: 50px 40px; - margin: 100px auto 50px; - .sfa-highlight-options { - max-width: 800px; - margin: 60px auto; - ul { - padding-top: 30px; - display: flex; - list-style-type: none; - justify-content: space-between; - margin-left: 0; - flex: 1 1 auto; - padding-left: 0; - gap: 25px; - align-items: center; - margin-top: 20px; - li { - width: 16%; - position: relative; - img { - width: 100%; - height: auto; - @media screen and (max-width: 575px) { - width: 100px; - display: block; - margin: 0 auto; - } - } - span { - position: absolute; - top: -90px; - font-family: 'Jura', sans-serif; - font-weight: 700; - left: 0; - text-transform: uppercase; - width: 100%; - text-align: center; - padding: 0 5px; - display: none; - } - &.active { - // @media screen and (max-width: 575px) { - // &:after { - // content: ''; - // position: absolute; - // left: 10%; - // bottom: -10px; - // height: 4px; - // width: 80%; - // background-color: #fff; - // border-radius: 25px; - // } - // } - &.sfa-1 { - @media screen and (max-width: 575px) { - width: 200px; - } - span { - display: block; - &:after { - content: ''; - position: absolute; - background-image: url('/img/homeV2/sfa-images/sfa-arrow-blue.svg'); - background-position: center; - height: 20px; - width: 20px; - background-repeat: no-repeat; - left: calc(50% - 10px); - bottom: -30px; - } - @media screen and (max-width: 1000px) { - font-size: 11px; - } - @media screen and (max-width: 575px) { - position: relative; - text-align: center; - width: 162px; - display: block; - margin: 0 auto; - top: 0; - font-size: 14px; - &:after { - display: none; - } - } - } - } - &.sfa-2 { - @media screen and (max-width: 575px) { - width: 200px; - } - span { - display: block; - &:after { - content: ''; - position: absolute; - background-image: url('/img/homeV2/sfa-images/sfa-arrow-yellow.svg'); - background-position: center; - height: 20px; - width: 20px; - background-repeat: no-repeat; - left: calc(50% - 10px); - bottom: -30px; - } - @media screen and (max-width: 1000px) { - font-size: 11px; - } - @media screen and (max-width: 575px) { - position: relative; - text-align: center; - width: 162px; - display: block; - margin: 0 auto; - top: 0; - font-size: 14px; - &:after { - display: none; - } - } - } - } - &.sfa-3 { - @media screen and (max-width: 575px) { - width: 200px; - } - span { - display: block; - &:after { - content: ''; - position: absolute; - background-image: url('/img/homeV2/sfa-images/sfa-arrow-gray.svg'); - background-position: center; - height: 20px; - width: 20px; - background-repeat: no-repeat; - left: calc(50% - 10px); - bottom: -30px; - } - @media screen and (max-width: 1000px) { - font-size: 11px; - } - @media screen and (max-width: 575px) { - position: relative; - text-align: center; - width: 162px; - display: block; - margin: 0 auto; - top: 0; - font-size: 14px; - &:after { - display: none; - } - } - } - } - &.sfa-4 { - @media screen and (max-width: 575px) { - width: 200px; - } - span { - display: block; - &:after { - content: ''; - position: absolute; - background-image: url('/img/homeV2/sfa-images/sfa-arrow-red.svg'); - background-position: center; - height: 20px; - width: 20px; - background-repeat: no-repeat; - left: calc(50% - 10px); - bottom: -30px; - } - @media screen and (max-width: 1000px) { - font-size: 11px; - } - @media screen and (max-width: 575px) { - position: relative; - text-align: center; - width: 162px; - display: block; - margin: 0 auto; - top: 0; - font-size: 14px; - &:after { - display: none; - } - } - } - } - &.sfa-5 { - @media screen and (max-width: 575px) { - width: 200px; - } - span { - display: block; - &:after { - content: ''; - position: absolute; - background-image: url('/img/homeV2/sfa-images/sfa-arrow-green.svg'); - background-position: center; - height: 20px; - width: 20px; - background-repeat: no-repeat; - left: calc(50% - 10px); - bottom: -30px; - } - @media screen and (max-width: 1000px) { - font-size: 11px; - } - @media screen and (max-width: 575px) { - position: relative; - text-align: center; - width: 162px; - display: block; - margin: 0 auto; - top: 0; - font-size: 14px; - &:after { - display: none; - } - } - } - } - } - } - } - @media screen and (max-width: 575px) { - margin: 0 auto; - padding-top: 0; - margin-top: 0; - ul { - margin: 0 auto; - display: block; - li { - margin: 20px auto; - width: 100px; - } - } - } - } - .sfa-project-highlight-link { - color: #fff; - background-color: #E61E24; - border-radius: 25px; - font-family: 'Jura', sans-serif; - text-align: center; - display: block; - font-size: 18px; - padding-top: 12px; - height: 50px; - width: 180px; - margin: 50px auto; - text-transform: uppercase; - transition: all 0.3s; - &:hover { - background-color: #9A0D28; - text-decoration: none; - } - } + @media screen and (max-width: 375px) { + min-height: 325px; } -} - - - -// Our Focus Fullscreen Section - - -// Second Attempt - -.homepage-panels-container { - top: 0; - width: 100%; - height: 100vh; - overflow: visible; - padding-right: 17px; - box-sizing: content-box; - } - - .homepage-panel { - position: relative; - width: 100%; - height: 100vh; - display:flex; - justify-content: center; - align-items: center; - &:nth-child(1) { - background-color: brown; + @media screen and (max-width: 350px) { + opacity: 1; + min-height: 275px; } - &:nth-child(2) { - background-color: yellow; + .home-v2-project-title { + font-family: "Roboto Flex", sans-serif; + color: #141f47; + font-weight: 700; + font-size: 18px; + text-align: center; + margin-top: 18px; + margin-bottom: 20px; + &.starlingx-project-title { + color: #330072; + } + &.airship-project-title { + color: #65c7c2; + } } - &:nth-child(3) { - background-color: green; + .home-v2-project-text { + font-family: "Roboto Flex", sans-serif; + color: #111c3c; + text-align: center; } - &:nth-child(4) { - background-color: purple; + img { + height: 90px; + width: auto; + margin: 0 auto; + } + &:hover { + box-shadow: 3px 25px 40px -3px rgba(0, 0, 0, 0.25); } } +} +// Temporary Homepage Styles +.home-v2-sfa-section { + background-color: #161616; + background-image: url("/img/homeV2/background-images/clouds-background.svg"); + background-position: center; + background-size: cover; + background-repeat: no-repeat; + .home-v2-header-sfa { + text-align: center; + color: #fff; + } -// Third attempt - - .try-box { - width: 100%; - height: 100%; - text-align: center; - margin-left: 20px; - will-change: transform; - } - .try-box.active { - border: 2px solid white; - } - - .try-container { - width: 100%; - height: 100%; - &.enable { - position: fixed; - } - } - - .try-container-mobile { - width: 100%; - height: 100%; - } - - .try-panel, - .try-panel-mobile { - font-weight: 300; - width: 100%; - height: calc(100vh + 1px); - bottom: 1px; + .sfa-paragraph-container { + max-width: 600px; + margin: 0 auto; + p { + font-family: "Roboto Flex", sans-serif; + color: #fff; + text-align: center; + } + } + .sfa-highlight-container { + padding: 50px 40px; + margin: 100px auto 50px; + .sfa-highlight-options { + max-width: 800px; + margin: 60px auto; + ul { + padding-top: 30px; display: flex; - justify-content: center; + list-style-type: none; + justify-content: space-between; + margin-left: 0; + flex: 1 1 auto; + padding-left: 0; + gap: 25px; align-items: center; - font-weight: 600; - font-size: 1.5em; - text-align: center; - color: white; - position: relative; - box-sizing: border-box; - padding: 0; - background-repeat: no-repeat; - background-position: center; - .try-box { - .our-focus-heading-left, - .our-focus-heading-right { - transition: all 0.5s; - } - } - &.enable { - .try-box { - .our-focus-heading-left, - .our-focus-heading-right { - transform: translate(0,0) !important; - } - } - } - &.blue { - background-color: #14619D; - &:after { - content: ""; - background-image: url('/img/homeV2/background-images/focus-background-1.png'); - background-size: cover; - position: absolute; - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; - opacity: 0.5; - background-position: center; - } - .try-box { - background-image: url('/img/homeV2/background-images/focus-bubbles-1.svg'); - background-repeat: no-repeat; - background-position: center; - position: relative; - z-index: 5; - background-size: contain; - transition: all .5s; - @media screen and (min-height: 950px) { - background-size: cover; - } - } - } - - &.red { - background-color: #F4A939; - &:after { - content: ""; - background-image: url('/img/homeV2/background-images/focus-background-2.png'); - background-size: cover; - position: absolute; - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; - opacity: 0.5; - background-position: center; - } - .try-box { - background-image: url('/img/homeV2/background-images/focus-bubbles-2.svg'); - background-repeat: no-repeat; - background-position: center; - position: relative; - z-index: 5; - background-size: cover; - transition: all .25s; - @media screen and (min-height: 950px) { - background-size: contain; - } - } - } - &.gray { - background-color: #161616; - &:after { - content: ""; - background-image: url('/img/homeV2/background-images/focus-background-3.png'); - background-size: cover; - position: absolute; - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; - opacity: 0.5; - background-position: center; - } - &:before { - position: absolute; - content: ''; - bottom: -1px; - left: 0; - height: 1px; - width: 100%; - background-color: #161616; - } - .try-box { - background-image: url('/img/homeV2/background-images/focus-bubbles-3.svg'); - background-repeat: no-repeat; - background-position: center; - position: relative; - z-index: 5; - transition: all .25s; - @media screen and (min-height: 950px) { - background-size: contain; - } + margin-top: 20px; + li { + width: 16%; + position: relative; + img { + width: 100%; + height: auto; + @media screen and (max-width: 575px) { + width: 100px; + display: block; + margin: 0 auto; } - } - .our-focus-heading { - font-family: 'Jura', sans-serif; + } + span { + position: absolute; + top: -90px; + font-family: "Jura", sans-serif; font-weight: 700; - font-size: 36px; + left: 0; text-transform: uppercase; - color: #fff; + width: 100%; text-align: center; - max-width: 650px; - margin: 25vh auto; - z-index: 10; - position: relative; - .our-focus-heading-break { - display: none; - } - &.our-focus-heading-2 { - max-width: 900px; - } - .our-focus-heading-link { - font-size: 28px; - position: relative; - color: #fff; - font-weight: 400; - &:hover { - text-decoration: underline; + padding: 0 5px; + display: none; + } + &.active { + // @media screen and (max-width: 575px) { + // &:after { + // content: ''; + // position: absolute; + // left: 10%; + // bottom: -10px; + // height: 4px; + // width: 80%; + // background-color: #fff; + // border-radius: 25px; + // } + // } + &.sfa-1 { + @media screen and (max-width: 575px) { + width: 200px; + } + span { + display: block; + &:after { + content: ""; + position: absolute; + background-image: url("/img/homeV2/sfa-images/sfa-arrow-blue.svg"); + background-position: center; + height: 20px; + width: 20px; + background-repeat: no-repeat; + left: calc(50% - 10px); + bottom: -30px; } - img { - position: relative; - bottom: 5px; + @media screen and (max-width: 1000px) { + font-size: 11px; } - } - span { - &.our-focus-heading-primary { - display: inline-block; - font-size: 60px; - font-family: 'Roboto Condensed', sans-serif; - padding: 20px 40px; - border-radius: 70px; - margin: 15px 0; + @media screen and (max-width: 575px) { + position: relative; + text-align: center; + width: 162px; + display: block; + margin: 0 auto; + top: 0; + font-size: 14px; + &:after { + display: none; + } } - &.our-focus-heading-top { - margin-bottom: 25px; - display: inline-block; + } + } + &.sfa-2 { + @media screen and (max-width: 575px) { + width: 200px; + } + span { + display: block; + &:after { + content: ""; + position: absolute; + background-image: url("/img/homeV2/sfa-images/sfa-arrow-yellow.svg"); + background-position: center; + height: 20px; + width: 20px; + background-repeat: no-repeat; + left: calc(50% - 10px); + bottom: -30px; } - &.our-focus-heading-bottom { - margin-top: 25px; - display: inline-block; + @media screen and (max-width: 1000px) { + font-size: 11px; } - &.our-focus-heading-1-db { - background-color: #1D80BC; - color: #fff; + @media screen and (max-width: 575px) { + position: relative; + text-align: center; + width: 162px; + display: block; + margin: 0 auto; + top: 0; + font-size: 14px; + &:after { + display: none; + } } - &.our-focus-heading-1-lb { - background-color: #7CDFF4; - color: #000; + } + } + &.sfa-3 { + @media screen and (max-width: 575px) { + width: 200px; + } + span { + display: block; + &:after { + content: ""; + position: absolute; + background-image: url("/img/homeV2/sfa-images/sfa-arrow-gray.svg"); + background-position: center; + height: 20px; + width: 20px; + background-repeat: no-repeat; + left: calc(50% - 10px); + bottom: -30px; } - &.our-focus-heading-1-bl { - background-color: #000; - color: #28A4DB; + @media screen and (max-width: 1000px) { + font-size: 11px; } - &.our-focus-heading-2-lw { - background-color: #fff; - color: #F4A93A; + @media screen and (max-width: 575px) { + position: relative; + text-align: center; + width: 162px; + display: block; + margin: 0 auto; + top: 0; + font-size: 14px; + &:after { + display: none; + } } - &.our-focus-heading-2-dy { - background-color: #D1872A; - color: #000; + } + } + &.sfa-4 { + @media screen and (max-width: 575px) { + width: 200px; + } + span { + display: block; + &:after { + content: ""; + position: absolute; + background-image: url("/img/homeV2/sfa-images/sfa-arrow-red.svg"); + background-position: center; + height: 20px; + width: 20px; + background-repeat: no-repeat; + left: calc(50% - 10px); + bottom: -30px; } - &.our-focus-heading-2-ly { - background-color: #FBD688; - color: #D1872A; + @media screen and (max-width: 1000px) { + font-size: 11px; } - &.our-focus-heading-2-dw { - background-color: #fff; - color: #161616; + @media screen and (max-width: 575px) { + position: relative; + text-align: center; + width: 162px; + display: block; + margin: 0 auto; + top: 0; + font-size: 14px; + &:after { + display: none; + } } - &.our-focus-heading-3-rd { - background-color: #E61E24; - color: #fff; + } + } + &.sfa-5 { + @media screen and (max-width: 575px) { + width: 200px; + } + span { + display: block; + &:after { + content: ""; + position: absolute; + background-image: url("/img/homeV2/sfa-images/sfa-arrow-green.svg"); + background-position: center; + height: 20px; + width: 20px; + background-repeat: no-repeat; + left: calc(50% - 10px); + bottom: -30px; } - &.our-focus-heading-3-lb { - background-color: #7CDFF4; - color: #fff; + @media screen and (max-width: 1000px) { + font-size: 11px; } - &.our-focus-heading-3-yl { - background-color: #F4A93A; - color: #161616; + @media screen and (max-width: 575px) { + position: relative; + text-align: center; + width: 162px; + display: block; + margin: 0 auto; + top: 0; + font-size: 14px; + &:after { + display: none; + } } + } } + } } } - - .scroller-container { - overflow: hidden; - .scroller-buttons { - position: fixed; - right: -50px; - top: calc(50% - 42px); - z-index: 100; - opacity: 0; - transition: all .25s; - .scroller-button { - height: 10px; - width: 10px; - border-radius: 50%; - border: 2px solid #fff; - background-color: #fff; - margin: 30px 0; - transition: all .25s; - } - } - &.enable { - .scroller-buttons { - right: 25px; - opacity: 1; - } - } - &.enable-slide-1 { - #scroller-button-1 { - border: 2px solid #FB0009; - background-color: #FB0009; - } - } - &.enable-slide-2 { - #scroller-button-2 { - border: 2px solid #FB0009; - background-color: #FB0009; - } - } - &.enable-slide-3 { - #scroller-button-3 { - border: 2px solid #FB0009; - background-color: #FB0009; - } - } - @media screen and (max-width: 1005px) { - .try-panel .try-box { - margin-left: 0; - } - } - - @media screen and (max-width: 900px) { - .try-panel .try-box, - .try-panel-mobile .try-box { - margin-left: 0; - background-size: cover; - .our-focus-heading { - font-size: 25px; - .our-focus-heading-break { - display: inline-block; - } - span.our-focus-heading-primary { - font-size: 40px; - } - .our-focus-heading-top { - margin-bottom: 10px; - } - .our-focus-heading-bottom { - margin-top: 10px; - } - } - } - } - @media screen and (max-width: 400px) { - .try-panel .try-box, - .try-panel-mobile .try-box { - .our-focus-heading { - font-size: 22px; - span.our-focus-heading-primary { - font-size: 30px; - } - .our-focus-heading-top { - margin-bottom: 5px; - } - .our-focus-heading-bottom { - margin-top: 5px; - } - } - } + @media screen and (max-width: 575px) { + margin: 0 auto; + padding-top: 0; + margin-top: 0; + ul { + margin: 0 auto; + display: block; + li { + margin: 20px auto; + width: 100px; + } } + } + } + .sfa-project-highlight-link { + color: #fff; + background-color: #e61e24; + border-radius: 25px; + font-family: "Jura", sans-serif; + text-align: center; + display: block; + font-size: 18px; + padding-top: 12px; + height: 50px; + width: 180px; + margin: 50px auto; + text-transform: uppercase; + transition: all 0.3s; + &:hover { + background-color: #9a0d28; + text-decoration: none; + } } + } +} +// Our Focus Fullscreen Section +// Second Attempt +.homepage-panels-container { + top: 0; + width: 100%; + height: 100vh; + overflow: visible; + padding-right: 17px; + box-sizing: content-box; +} +.homepage-panel { + position: relative; + width: 100%; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + &:nth-child(1) { + background-color: brown; + } + &:nth-child(2) { + background-color: yellow; + } + &:nth-child(3) { + background-color: green; + } + &:nth-child(4) { + background-color: purple; + } +} - .home-v2-our-focus-section { - display: flex; - flex-direction: row; - height: 100vh; - justify-content: space-around; - align-items: flex-start; - padding-top: 0px !important; +// Third attempt + +.try-box { + width: 100%; + height: 100%; + text-align: center; + margin-left: 20px; + will-change: transform; +} +.try-box.active { + border: 2px solid white; +} + +.try-container { + width: 100%; + height: 100%; + &.enable { + position: fixed; + } +} + +.try-container-mobile { + width: 100%; + height: 100%; +} + +.try-panel, +.try-panel-mobile { + font-weight: 300; + width: 100%; + height: calc(100vh + 1px); + bottom: 1px; + display: flex; + justify-content: center; + align-items: center; + font-weight: 600; + font-size: 1.5em; + text-align: center; + color: white; + position: relative; + box-sizing: border-box; + padding: 0; + background-repeat: no-repeat; + background-position: center; + .try-box { + .our-focus-heading-left, + .our-focus-heading-right { + transition: all 0.5s; + } + } + &.enable { + .try-box { + .our-focus-heading-left, + .our-focus-heading-right { + transform: translate(0, 0) !important; + } + } + } + &.blue { + background-color: #14619d; + &:after { + content: ""; + background-image: url("/img/homeV2/background-images/focus-background-1.png"); + background-size: cover; + position: absolute; + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + opacity: 0.5; + background-position: center; + } + .try-box { + background-image: url("/img/homeV2/background-images/focus-bubbles-1.svg"); + background-repeat: no-repeat; + background-position: center; + position: relative; + z-index: 5; + background-size: contain; + transition: all 0.5s; + @media screen and (min-height: 950px) { + background-size: cover; + } + } + } + &.red { + background-color: #f4a939; + &:after { + content: ""; + background-image: url("/img/homeV2/background-images/focus-background-2.png"); + background-size: cover; + position: absolute; + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + opacity: 0.5; + background-position: center; + } + .try-box { + background-image: url("/img/homeV2/background-images/focus-bubbles-2.svg"); + background-repeat: no-repeat; + background-position: center; + position: relative; + z-index: 5; + background-size: cover; + transition: all 0.25s; + @media screen and (min-height: 950px) { + background-size: contain; + } + } + } + &.gray { + background-color: #161616; + &:after { + content: ""; + background-image: url("/img/homeV2/background-images/focus-background-3.png"); + background-size: cover; + position: absolute; + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + opacity: 0.5; + background-position: center; + } + &:before { + position: absolute; + content: ""; + bottom: -1px; + left: 0; + height: 1px; + width: 100%; + background-color: #161616; + } + .try-box { + background-image: url("/img/homeV2/background-images/focus-bubbles-3.svg"); + background-repeat: no-repeat; + background-position: center; + position: relative; + z-index: 5; + transition: all 0.25s; + @media screen and (min-height: 950px) { + background-size: contain; + } + } } - .home-v2-focus-box { + .our-focus-heading { + font-family: "Jura", sans-serif; + font-weight: 700; + font-size: 36px; + text-transform: uppercase; + color: #fff; + text-align: center; + max-width: 650px; + margin: 25vh auto; + z-index: 10; position: relative; - display: flex; - align-items: center; - justify-content: left; - height: 100%; - width: 100%; - font-size: 40px; - .scroll-heading { - opacity: 0; - position: absolute; - height: inherit; - width: inherit; - &.scroll-heading-1 { - background-color: #14619D; - opacity: 1; + .our-focus-heading-break { + display: none; + } + &.our-focus-heading-2 { + max-width: 900px; + } + .our-focus-heading-link { + font-size: 28px; + position: relative; + color: #fff; + font-weight: 400; + &:hover { + text-decoration: underline; + } + img { + position: relative; + bottom: 5px; + } + } + span { + &.our-focus-heading-primary { + display: inline-block; + font-size: 60px; + font-family: "Roboto Condensed", sans-serif; + padding: 20px 40px; + border-radius: 70px; + margin: 15px 0; + } + &.our-focus-heading-top { + margin-bottom: 25px; + display: inline-block; + } + &.our-focus-heading-bottom { + margin-top: 25px; + display: inline-block; + } + &.our-focus-heading-1-db { + background-color: #1d80bc; + color: #fff; + } + &.our-focus-heading-1-lb { + background-color: #7cdff4; + color: #000; + } + &.our-focus-heading-1-bl { + background-color: #000; + color: #28a4db; + } + &.our-focus-heading-2-lw { + background-color: #fff; + color: #f4a93a; + } + &.our-focus-heading-2-dy { + background-color: #d1872a; + color: #000; + } + &.our-focus-heading-2-ly { + background-color: #fbd688; + color: #d1872a; + } + &.our-focus-heading-2-dw { + background-color: #fff; + color: #161616; + } + &.our-focus-heading-3-rd { + background-color: #e61e24; + color: #fff; + } + &.our-focus-heading-3-lb { + background-color: #7cdff4; + color: #fff; + } + &.our-focus-heading-3-yl { + background-color: #f4a93a; + color: #161616; + } + } + } +} + +.scroller-container { + overflow: hidden; + .scroller-buttons { + position: fixed; + right: -50px; + top: calc(50% - 42px); + z-index: 100; + opacity: 0; + transition: all 0.25s; + .scroller-button { + height: 10px; + width: 10px; + border-radius: 50%; + border: 2px solid #fff; + background-color: #fff; + margin: 30px 0; + transition: all 0.25s; + } + } + &.enable { + .scroller-buttons { + right: 25px; + opacity: 1; + } + } + &.enable-slide-1 { + #scroller-button-1 { + border: 2px solid #fb0009; + background-color: #fb0009; + } + } + &.enable-slide-2 { + #scroller-button-2 { + border: 2px solid #fb0009; + background-color: #fb0009; + } + } + &.enable-slide-3 { + #scroller-button-3 { + border: 2px solid #fb0009; + background-color: #fb0009; + } + } + @media screen and (max-width: 1005px) { + .try-panel .try-box { + margin-left: 0; + } + } + + @media screen and (max-width: 900px) { + .try-panel .try-box, + .try-panel-mobile .try-box { + margin-left: 0; + background-size: cover; + .our-focus-heading { + font-size: 25px; + .our-focus-heading-break { + display: inline-block; } - &.scroll-heading-2 { - background-color: #F4A939; + span.our-focus-heading-primary { + font-size: 40px; } - &.scroll-heading-3 { - background-color: #161616; + .our-focus-heading-top { + margin-bottom: 10px; } - } - .our-focus-heading { - font-family: 'Jura', sans-serif; - font-weight: 700; - font-size: 36px; - text-transform: uppercase; - color: #fff; - text-align: center; - max-width: 650px; - margin: 25vh auto; - span { - display: inline-block; - font-size: 60px; - font-family: 'Roboto Condensed', sans-serif; - padding: 20px 40px; - border-radius: 70px; - margin: 15px 0; - &.our-focus-heading-1-db { - background-color: #1D80BC; - color: #fff; - } - &.our-focus-heading-1-lb { - background-color: #7CDFF4; - color: #000; - } - &.our-focus-heading-1-bl { - background-color: #000; - color: #28A4DB; - } + .our-focus-heading-bottom { + margin-top: 10px; } + } } } - .images-box { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - position: absolute; - right: 30px; - height: 100px; - width: 100px; - top: calc(50% - 50px); + @media screen and (max-width: 400px) { + .try-panel .try-box, + .try-panel-mobile .try-box { + .our-focus-heading { + font-size: 22px; + span.our-focus-heading-primary { + font-size: 30px; + } + .our-focus-heading-top { + margin-bottom: 5px; + } + .our-focus-heading-bottom { + margin-top: 5px; + } + } + } } - .scroll-img { - width: 30vw; - // display: none; +} + +.home-v2-our-focus-section { + display: flex; + flex-direction: row; + height: 100vh; + justify-content: space-around; + align-items: flex-start; + padding-top: 0px !important; +} +.home-v2-focus-box { + position: relative; + display: flex; + align-items: center; + justify-content: left; + height: 100%; + width: 100%; + font-size: 40px; + .scroll-heading { opacity: 0; position: absolute; - top: 5em; + height: inherit; + width: inherit; + &.scroll-heading-1 { + background-color: #14619d; + opacity: 1; + } + &.scroll-heading-2 { + background-color: #f4a939; + } + &.scroll-heading-3 { + background-color: #161616; + } } - .active { - opacity: 1; - // display: block; + .our-focus-heading { + font-family: "Jura", sans-serif; + font-weight: 700; + font-size: 36px; + text-transform: uppercase; + color: #fff; + text-align: center; + max-width: 650px; + margin: 25vh auto; + span { + display: inline-block; + font-size: 60px; + font-family: "Roboto Condensed", sans-serif; + padding: 20px 40px; + border-radius: 70px; + margin: 15px 0; + &.our-focus-heading-1-db { + background-color: #1d80bc; + color: #fff; + } + &.our-focus-heading-1-lb { + background-color: #7cdff4; + color: #000; + } + &.our-focus-heading-1-bl { + background-color: #000; + color: #28a4db; + } + } } +} +.images-box { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + position: absolute; + right: 30px; + height: 100px; + width: 100px; + top: calc(50% - 50px); +} +.scroll-img { + width: 30vw; + // display: none; + opacity: 0; + position: absolute; + top: 5em; +} +.active { + opacity: 1; + // display: block; +} - @mixin white-gradient { - background: linear-gradient(90deg, #f6f6f5 25%, rgba(39, 39, 39, 0) 100%); +@mixin white-gradient { + background: linear-gradient(90deg, #f6f6f5 25%, rgba(39, 39, 39, 0) 100%); } .home-v2-slider-container { - position: relative; - max-width: 1550px; - margin: 0 auto; - &::before, - &::after { - display: none; - @include white-gradient; - content: ""; - height: 100%; - position: absolute; - width: 100px; - z-index: 2; - @media screen and (min-width: 1550px) { - display: block; - } - } - - &::after { - right: -1px; - top: 0; - transform: rotateZ(180deg); + position: relative; + max-width: 1550px; + margin: 0 auto; + &::before, + &::after { + display: none; + @include white-gradient; + content: ""; + height: 100%; + position: absolute; + width: 100px; + z-index: 2; + @media screen and (min-width: 1550px) { + display: block; } + } - &::before { - left: -1px; - top: 0; - } + &::after { + right: -1px; + top: 0; + transform: rotateZ(180deg); + } + + &::before { + left: -1px; + top: 0; + } } - .home-v2-slider-body { - align-items: center; - display: flex; - justify-content: center; - margin: 20px 0; +.home-v2-slider-body { + align-items: center; + display: flex; + justify-content: center; + margin: 20px 0; } $animationSpeedPlatinum1: 40s; @@ -1476,126 +1588,149 @@ $animationSpeedGold2Mobile: 75s; // Animation @keyframes scrollPlatinum1 { - 0% { transform: translateX(0); } - 100% { transform: translateX(calc(-360px * 4))} + 0% { + transform: translateX(0); + } + 100% { + transform: translateX(calc(-360px * 4)); + } } @keyframes scrollPlatinum2 { - 0% { transform: translateX(0); } - 100% { transform: translateX(calc(-360px * 5))} + 0% { + transform: translateX(0); + } + 100% { + transform: translateX(calc(-360px * 5)); + } } @keyframes scrollGold1 { - 0% { transform: translateX(-190px * 9); } - 100% { transform: translateX(calc(0))} + 0% { + transform: translateX(-190px * 9); + } + 100% { + transform: translateX(calc(0)); + } } @keyframes scrollGold2 { - 0% { transform: translateX(-190px * 10); } - 100% { transform: translateX(calc(0))} + 0% { + transform: translateX(-190px * 10); + } + 100% { + transform: translateX(calc(0)); + } } @media screen and (max-width: 768px) { - @keyframes scrollPlatinum1 { - 0% { transform: translateX(0); } - 100% { transform: translateX(calc(-250px * 4))} + @keyframes scrollPlatinum1 { + 0% { + transform: translateX(0); } - - @keyframes scrollPlatinum2 { - 0% { transform: translateX(0); } - 100% { transform: translateX(calc(-250px * 5))} + 100% { + transform: translateX(calc(-250px * 4)); } -} + } + @keyframes scrollPlatinum2 { + 0% { + transform: translateX(0); + } + 100% { + transform: translateX(calc(-250px * 5)); + } + } +} // Styling .home-v2-slider { - height: 160px; - margin: auto; - overflow:hidden; - position: relative; - width: 100%; - &.home-v2-slider-gold { - height: 125px; - } - - .slide-track { - display: flex; - } - .slide-track-offset { - position: relative; - left: 180px; - @media screen and (max-width: 768px) { - left: 125px; - } - } + height: 160px; + margin: auto; + overflow: hidden; + position: relative; + width: 100%; + &.home-v2-slider-gold { + height: 125px; + } - .slide-track-offset-gold { - position: relative; - left: -95px; - } + .slide-track { + display: flex; + } + .slide-track-offset { + position: relative; + left: 180px; + @media screen and (max-width: 768px) { + left: 125px; + } + } - .slide-track-platinum-1 { - width: calc(360px * 8); - animation: scrollPlatinum1 $animationSpeedPlatinum1 linear infinite; - @media screen and (max-width: 768px) { - width: calc(250px * 8); - } + .slide-track-offset-gold { + position: relative; + left: -95px; + } + + .slide-track-platinum-1 { + width: calc(360px * 8); + animation: scrollPlatinum1 $animationSpeedPlatinum1 linear infinite; + @media screen and (max-width: 768px) { + width: calc(250px * 8); } - .slide-track-platinum-2 { - width: calc(360px * 10); - animation: scrollPlatinum2 $animationSpeedPlatinum2 linear infinite; - @media screen and (max-width: 768px) { - width: calc(250px * 10); - } + } + .slide-track-platinum-2 { + width: calc(360px * 10); + animation: scrollPlatinum2 $animationSpeedPlatinum2 linear infinite; + @media screen and (max-width: 768px) { + width: calc(250px * 10); } - .slide-track-gold-1 { - width: calc(190px * 18); - animation: scrollGold1 $animationSpeedGold1 linear infinite; - @media screen and (max-width: 768px) { - animation: scrollGold1 $animationSpeedGold1Mobile linear infinite; - } + } + .slide-track-gold-1 { + width: calc(190px * 18); + animation: scrollGold1 $animationSpeedGold1 linear infinite; + @media screen and (max-width: 768px) { + animation: scrollGold1 $animationSpeedGold1Mobile linear infinite; } + } - .slide-track-gold-2 { - width: calc(190px * 20); - animation: scrollGold2 $animationSpeedGold2 linear infinite; - @media screen and (max-width: 768px) { - animation: scrollGold2 $animationSpeedGold2Mobile linear infinite; - } + .slide-track-gold-2 { + width: calc(190px * 20); + animation: scrollGold2 $animationSpeedGold2 linear infinite; + @media screen and (max-width: 768px) { + animation: scrollGold2 $animationSpeedGold2Mobile linear infinite; } - - .slide { - width: 360px; - background-color: #fff; - border-radius: 20px; - height: 156px; - box-shadow: 0px 4px 4px rgba(0, 0, 0, .25); - margin: 0 10px; - padding-top: 5px; - img { - margin: 25px auto; - max-width: 180px; - width: 98%; - display: block; - } - @media screen and (max-width: 768px) { - width: 250px; - } - &.slide-gold { - width: 190px; - background-color: #fff; - border-radius: 20px; - height: 112px; - box-shadow: 0px 4px 4px rgba(0, 0, 0, .25); - margin: 0 10px; - padding-top: 5px; - - img { - margin: 20px auto; - max-width: 140px; - position: relative; - } - } - } -} \ No newline at end of file + } + + .slide { + width: 360px; + background-color: #fff; + border-radius: 20px; + height: 156px; + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + margin: 0 10px; + padding-top: 5px; + img { + margin: 25px auto; + max-width: 180px; + width: 98%; + display: block; + } + @media screen and (max-width: 768px) { + width: 250px; + } + &.slide-gold { + width: 190px; + background-color: #fff; + border-radius: 20px; + height: 112px; + box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + margin: 0 10px; + padding-top: 5px; + + img { + margin: 20px auto; + max-width: 140px; + position: relative; + } + } + } +} diff --git a/src/templates/index-page.js b/src/templates/index-page.js index f0b14a631..e90bc72e4 100644 --- a/src/templates/index-page.js +++ b/src/templates/index-page.js @@ -1,36 +1,40 @@ -import React from 'react' -import PropTypes from 'prop-types' -import { graphql } from 'gatsby' -import Layout from '../components/Layout' -import Header from '../components/Header' -import TopBar from '../components/TopBar' -import NavbarV2 from '../components/NavbarV2' -import SEO from '../components/SEO' +import React from "react"; +import PropTypes from "prop-types"; +import { graphql } from "gatsby"; +import Layout from "../components/Layout"; +import Header from "../components/Header"; +import TopBar from "../components/TopBar"; +import NavbarV2 from "../components/NavbarV2"; +import SEO from "../components/SEO"; import { connect } from "react-redux"; -import OurFocusSection4 from '../components/HomeV2/OurFocusSection4' -import SFASection from '../components/HomeV2/SFASection' -import ProjectsSection from '../components/HomeV2/ProjectsSection' -import QuotesSection from '../components/HomeV2/QuotesSection' -import PlatinumMembersSection2 from '../components/HomeV2/PlatinumMembersSection2' -import CommunitiesSection from '../components/HomeV2/CommunitiesSection' -import NewsSection from '../components/HomeV2/NewsSection' +import OurFocusSection4 from "../components/HomeV2/OurFocusSection4"; +import SFASection from "../components/HomeV2/SFASection"; +import ProjectsSection from "../components/HomeV2/ProjectsSection"; +import QuotesSection from "../components/HomeV2/QuotesSection"; +import PlatinumMembersSection2 from "../components/HomeV2/PlatinumMembersSection2"; +import CommunitiesSection from "../components/HomeV2/CommunitiesSection"; +import EuropeAsiaBtnSection from "../components/HomeV2/EuropeAsiaBtnSection"; +import NewsSection from "../components/HomeV2/NewsSection"; -export const IndexPageTemplate = ({ - isLoggedUser, - header -}) => ( +export const IndexPageTemplate = ({ isLoggedUser, header }) => (
-
+
- @@ -40,16 +44,15 @@ export const IndexPageTemplate = ({
- - + +
- + -
-) +); IndexPageTemplate.propTypes = { header: PropTypes.object, @@ -58,16 +61,16 @@ IndexPageTemplate.propTypes = { projects: PropTypes.object, people: PropTypes.object, sponsor: PropTypes.object, -} +}; const IndexPage = ({ isLoggedUser, data }) => { - const { frontmatter } = data.markdownRemark + const { frontmatter } = data.markdownRemark; return ( { sponsor={frontmatter.sponsor} /> - ) -} + ); +}; IndexPage.propTypes = { data: PropTypes.shape({ @@ -85,12 +88,14 @@ IndexPage.propTypes = { frontmatter: PropTypes.object, }), }), -} - -export default connect(state => ({ - isLoggedUser: state.loggedUserState.isLoggedUser -}), null)(IndexPage) +}; +export default connect( + (state) => ({ + isLoggedUser: state.loggedUserState.isLoggedUser, + }), + null +)(IndexPage); export const pageQuery = graphql` query IndexPage { @@ -113,7 +118,7 @@ export const pageQuery = graphql` header { upperTitle title - subTitle + subTitle buttons { text link @@ -149,7 +154,7 @@ export const pageQuery = graphql` publicURL } } - } + } } whyExpand { title @@ -165,7 +170,7 @@ export const pageQuery = graphql` extension } text - } + } } projects { title @@ -231,4 +236,4 @@ export const pageQuery = graphql` } } } -` +`; diff --git a/src/templates/ptg-page.js b/src/templates/ptg-page.js index 69b11e696..ac0d96360 100644 --- a/src/templates/ptg-page.js +++ b/src/templates/ptg-page.js @@ -1,19 +1,19 @@ -import React from 'react'; -import PropTypes from 'prop-types'; -import { graphql } from 'gatsby'; -import Content, { HTMLContent } from '../components/Content'; -import Layout from '../components/Layout'; -import LinkComponent from '../components/LinkComponent'; -import TopBar from '../components/TopBar'; -import NavbarV2 from '../components/NavbarV2'; -import Hero from '../components/Hero'; -import SEO from '../components/SEO'; -import PTGSubNav from '../components/PTGSubNav'; -import ColorBar from '../img/color-bar.png' +import React from "react"; +import PropTypes from "prop-types"; +import { graphql } from "gatsby"; +import Content, { HTMLContent } from "../components/Content"; +import Layout from "../components/Layout"; +import LinkComponent from "../components/LinkComponent"; +import TopBar from "../components/TopBar"; +import NavbarV2 from "../components/NavbarV2"; +import Hero from "../components/Hero"; +import SEO from "../components/SEO"; +import PTGSubNav from "../components/PTGSubNav"; +import ColorBar from "../img/color-bar.png"; import { connect } from "react-redux"; -import leftArrow from '../img/svg/arrow-left.svg' +import leftArrow from "../img/svg/arrow-left.svg"; export const PTGPageTemplate = ({ isLoggedUser, @@ -21,44 +21,60 @@ export const PTGPageTemplate = ({ form, footer, content, - contentComponent + contentComponent, }) => { - const PageContent = contentComponent || Content + const PageContent = contentComponent || Content; return (
- +
- {header && header.display && + {header && header.display && (
-
- {/* +
+ {/* {header.upperTitle} */} - - PTG logo - - - {header.description} -
- - {/* OpenInfra Summit + PTG */} - - {header.date.text} - - - Virtual - -{/*
+ + PTG logo + + + {header.description} +
+ + {/* OpenInfra Summit + PTG */} + + {" "} + {header.date.text} + + + {" "} + Virtual + + {/*
    {header.buttons.map((button, index) => { @@ -76,44 +92,66 @@ export const PTGPageTemplate = ({ })}
*/} +
+
+
+ img
-
-
- img +
+
+ {/*

Upcoming PTG:

*/} +
+
+ Virtual PTG + + {" "} + {header.date.text} + + + {" "} + Virtual + +
+ {header.buttons.map((button, index) => { + return ( + + {button.text} left + + ); + })}
-
-
- {/*

Upcoming PTG:

*/} -
- {/*
- Virtual PTG - - {header.date.text} - - - Virtual - -
- {header.buttons.map((button, index) => { - return ( - - {button.text} left - - ) - })} -
-

Make sure you sign up your team if that hasn't been done already

- -
*/} - {/*
+

+ Make sure you{" "} + + sign up your team + {" "} + if that hasn't been done already +

+
+ {/*
OpenInfra Summit + PTG Make sure you sign up your team if that hasn't been done already

Make sure you sign up your team if that hasn't been done already

-
*/} -
+
*/}
+
- } + )}
-

The October 2023 Project Teams List is Official!

-

If your team was planning to meet and isn't in this list, please contact ptg@openinfra.dev

-
OpenInfra Foundation Teams
+

+ The October 2023 Project Teams List is Official! +

+

+ If your team was planning to meet and isn't in this list, + please contact{" "} + ptg@openinfra.dev +

+
+ OpenInfra Foundation Teams +
  • Diversity & Inclusion Working Group
    • @@ -155,7 +201,9 @@ export const PTGPageTemplate = ({
  • Kata Containers
-
OpenStack Service Teams
+
+ OpenStack Service Teams +
  • Blazar
    • @@ -180,7 +228,9 @@ export const PTGPageTemplate = ({
  • Tacker
-
Other OpenStack Teams
+
+ Other OpenStack Teams +
  • Interoperability Working Group
    • @@ -190,18 +240,20 @@ export const PTGPageTemplate = ({
  • OpenStack Technical Committee
-
OpenInfra Adjacent Communities
+
+ OpenInfra Adjacent Communities +
    -
  • Confidential Containers
    • +
  • Confidential Containers
-
+
-
+

Who Should Attend @@ -209,34 +261,66 @@ export const PTGPageTemplate = ({

PROJECT CONTRIBUTORS

- Contributors actively involved in an Open Infrastructure project team that is meeting at the PTG. Attendees should have existing knowledge of the teams whose meetings they are planning to attend. If you are hoping to get started with a particular team, check with them to make sure they are planning to do onboarding before you book travel because many teams will have full agendas. + Contributors actively involved in an Open Infrastructure + project team that is meeting at the PTG. Attendees should + have existing knowledge of the teams whose meetings they are + planning to attend. If you are hoping to get started with a + particular team, check with them to make sure they are + planning to do onboarding before you book travel because + many teams will have full agendas.

OPERATORS / END USERS

- Operators who deploy the software (and end users who directly interact with those deployments) are encouraged to attend, interact with upstream contributors for the projects you run, plan to run or have feedback for. You will also have the opportunity to collaborate with fellow operators to discuss common pain points and best practices. + Operators who deploy the software (and end users who + directly interact with those deployments) are encouraged to + attend, interact with upstream contributors for the projects + you run, plan to run or have feedback for. You will also + have the opportunity to collaborate with fellow operators to + discuss common pain points and best practices.

TEAM LEADERS

- Leaders from teams, SIGs, working groups that decide not to meet are encouraged to attend the PTG anyway to represent the views of their group at the event. + Leaders from teams, SIGs, working groups that decide not to + meet are encouraged to attend the PTG anyway to represent + the views of their group at the event.

-
+

Who Should Not Attend

- The PTG is intended for engaged community members that are involved in open source teams working on one of the projects supported by the OpenInfra Foundation or adjacent project communities. This includes workgroups, development teams, external open source projects (like Ceph or Kubernetes, SIG, etc). If you're brand new to a project, we recommend attending the OpenInfra Summit first, which features presentations, Forum sessions (designed to get wider community feedback) and on-boarding sessions. + The PTG is intended for engaged community members that are + involved in open source teams working on one of the projects + supported by the OpenInfra Foundation or adjacent project + communities. This includes workgroups, development teams, + external open source projects (like Ceph or Kubernetes, SIG, + etc). If you're brand new to a project, we recommend + attending the{" "} + + OpenInfra Summit + {" "} + first, which features presentations, Forum sessions + (designed to get wider community feedback) and on-boarding + sessions.

- Usually this event is not for new contributors; however, we are including the possibility for teams to do project onboarding as a part of the PTG. That being said, not all teams will be participating, only those that want to. + Usually this event is not for new contributors; however, we + are including the possibility for teams to do project + onboarding as a part of the PTG. That being said, not all + teams will be participating, only those that want to.

- Color Bar + Color Bar
@@ -251,42 +335,55 @@ export const PTGPageTemplate = ({
- form image + form image
- - {form.title} - -

- Most questions can be answered by reading the PTG FAQs. Still more questions? Email ptg@openinfra.dev or subscribe to our newsletter to be kept up to date with the latest about Project Teams Gathering. -

+ {form.title} +

+ Most questions can be answered by reading the{" "} + PTG FAQs. Still more questions? + Email{" "} + ptg@openinfra.dev{" "} + or subscribe to our newsletter to be kept up to date with + the latest about Project Teams Gathering. +

- {form.button.text} + + {form.button.text} +
- {footer && - - } + {footer && }
- ) -} + ); +}; PTGPageTemplate.propTypes = { companies: PropTypes.object, header: PropTypes.object, form: PropTypes.object, footer: PropTypes.object, -} +}; const PTGPage = ({ isLoggedUser, data }) => { - const { markdownRemark: post } = data + const { markdownRemark: post } = data; return ( @@ -300,16 +397,19 @@ const PTGPage = ({ isLoggedUser, data }) => { content={post.html} /> - ) -} + ); +}; PTGPage.propTypes = { data: PropTypes.object.isRequired, -} +}; -export default connect(state => ({ - isLoggedUser: state.loggedUserState.isLoggedUser -}), null)(PTGPage) +export default connect( + (state) => ({ + isLoggedUser: state.loggedUserState.isLoggedUser, + }), + null +)(PTGPage); export const PTGPageQuery = graphql` query PTGPage($id: String!) { @@ -401,4 +501,4 @@ export const PTGPageQuery = graphql` } } } -` +`; diff --git a/static/img/homeV2/eurasia-btn-images/logo asia.png b/static/img/homeV2/eurasia-btn-images/logo asia.png new file mode 100644 index 0000000000000000000000000000000000000000..c2932b98c0cd36baccd130f04ab1ba08eeb5eb2b GIT binary patch literal 16758 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

ThA{QIjJ%IUNB*_f6Hr_QVdbKb}=aW zw*B)bTTeXD{l2{Lk}GN>)t^iGDO7l1kylKLBb`qE%+9VWgWXvDz8c0KaPv3a>oqki zS>^M70ctP2yG+0dxFu11(6VI6!-YnJUv$$p*LXvl`iEUWU)uVu&t`ib6DWbtAGdB= z>1>a+IJPyrN0Bw19~|GA9(VMAJ5O}RyiOBdZt&~IWH>uUzAGiJPQ4HsKgNux3_hD#U{C=K@Y-$lXnNLdg$9@xZ!d%Lsr6< RcI*PVcIk$8In4Iq{{y!DxZnT) literal 0 HcmV?d00001 diff --git a/static/img/homeV2/eurasia-btn-images/logo europe.png b/static/img/homeV2/eurasia-btn-images/logo europe.png new file mode 100644 index 0000000000000000000000000000000000000000..3ba2c535a7e784fce7a7d1969bc09ee5aa5b3196 GIT binary patch literal 16256 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 Nbiw329`1bq{{e}pN^k%G literal 0 HcmV?d00001 From f01563c634c6715dafe857ab4accea679ad08f47 Mon Sep 17 00:00:00 2001 From: Peter Shine Date: Sun, 11 Feb 2024 14:24:15 -0600 Subject: [PATCH 2/4] added src/content/settings.json & .python-version to .gitignore --- .env | 15 +++++++++++++++ .gitignore | 4 ++-- src/content/settings.json | 2 +- src/pages/election/previous-elections/44602.md | 12 ++++++++++++ .../candidates/44602_candidates.md | 12 ++++++++++++ .../candidates/gold/44602_gold_candidates.md | 12 ++++++++++++ 6 files changed, 54 insertions(+), 3 deletions(-) create mode 100644 .env create mode 100644 src/pages/election/previous-elections/44602.md create mode 100644 src/pages/election/previous-elections/candidates/44602_candidates.md create mode 100644 src/pages/election/previous-elections/candidates/gold/44602_gold_candidates.md diff --git a/.env b/.env new file mode 100644 index 000000000..bc5e56140 --- /dev/null +++ b/.env @@ -0,0 +1,15 @@ +GATSBY_API_BASE_URL=https://openstackid-resources.openstack.org +GATSBY_BUILD_SCOPES=https://openstackid-resources.openstack.org/summits/read elections/read +GATSBY_FRIENDLY_CAPTCHA_API_KEY=A1DIAJU833CPQ4P1HU2CMI75PIOMC3LPG4BG12RN93R1PC3QH41FNNQ4MM +GATSBY_FRIENDLY_CAPTCHA_SITE_KEY=FCMLO9OV7A0PENUN +GATSBY_IDP_BASE_URL=https://id.openinfra.dev +GATSBY_MEMBERS_SUBPROJECT_ID=10 +GATSBY_OAUTH2_CLIENT_ID=JEzV9jaLmPyeXJq~B51TP6qPjAB6GT1B.openstack.client +GATSBY_OAUTH2_CLIENT_ID_BUILD=LsZqQEE_P7lO4cIP1niVer8y0PMPvOHB.openstack.client +GATSBY_OAUTH2_CLIENT_SECRET_BUILD=YhuXjHOqEdJIXzJoWT_k37C~y4gJ57-3rabtLWXfsmwOdN59WW7IN~Lgtj-OMUHV +GATSBY_OAUTH2_FLOW=code +GATSBY_OAUTH_TOKEN_PATH=/oauth2/token +GATSBY_SCOPES=openid profile email address offline_access https://openstackid-resources.openstack.org/members/write/me https://openstackid-resources.openstack.org/members/read/me https://openstackid-resources.openstack.org/organizations/read https://openstackid-resources.openstack.org/organizations/write elections/candidates/nominate elections/candidates/write/me https://openstackid-resources.openstack.org/me/read https://openstackid-resources.openstack.org/me/summits/events/schedule/add https://openstackid-resources.openstack.org/me/summits/events/schedule/delete https://openstackid-resources.openstack.org/me/summits/events/schedule/shareable/add https://openstackid-resources.openstack.org/me/summits/events/schedule/shareable/delete me/write https://openstackid-resources.openstack.org/speakers/read/me https://openstackid-resources.openstack.org/speakers/write/me +GATSBY_SF_OID=00DG0000000lhAF +GATSBY_SPONSORED_PROJECT_ID=1 +GATSBY_SUMMIT_ID=32 diff --git a/.gitignore b/.gitignore index aed3eb67b..a4a182cba 100644 --- a/.gitignore +++ b/.gitignore @@ -9,13 +9,13 @@ node_modules public/ static/admin/*.bundle.* .idea/ -.env.* -.env +.python-version src/content/events.json src/content/summit.json src/content/current-release.json src/content/legal-document.json src/content/sponsorship-types.json src/content/sponsored-projects.json +src/content/settings.json # Local Netlify folder .netlify diff --git a/src/content/settings.json b/src/content/settings.json index a3ef022a8..032c97458 100644 --- a/src/content/settings.json +++ b/src/content/settings.json @@ -1 +1 @@ -{"lastBuild":1701627528441} \ No newline at end of file +{"lastBuild":1707682578921} \ No newline at end of file diff --git a/src/pages/election/previous-elections/44602.md b/src/pages/election/previous-elections/44602.md new file mode 100644 index 000000000..0d8757b87 --- /dev/null +++ b/src/pages/election/previous-elections/44602.md @@ -0,0 +1,12 @@ +--- +templateKey: election-page-previous +electionYear: "2024" +electionId: 44602 +title: January 2024 Board Elections +seo: + image: /img/OpenInfra-icon-white.jpg + twitterUsername: "@OpenInfraDev" + title: January 2024 Board Elections + url: https://openinfra.dev/election/2024-individual-director-election + description: Individual Member Director elections for the 2024 Board of Directors +--- diff --git a/src/pages/election/previous-elections/candidates/44602_candidates.md b/src/pages/election/previous-elections/candidates/44602_candidates.md new file mode 100644 index 000000000..c8e31815a --- /dev/null +++ b/src/pages/election/previous-elections/candidates/44602_candidates.md @@ -0,0 +1,12 @@ +--- +templateKey: election-candidates-page-previous +electionYear: "2024" +electionId: 44602 +title: January 2024 Board Elections Candidates +seo: + image: /img/OpenInfra-icon-white.jpg + twitterUsername: "@OpenInfraDev" + title: January 2024 Board Elections + url: https://openinfra.dev/election/2024-individual-director-election/candidates + description: Individual Member Director elections for the 2024 Board of Directors +--- diff --git a/src/pages/election/previous-elections/candidates/gold/44602_gold_candidates.md b/src/pages/election/previous-elections/candidates/gold/44602_gold_candidates.md new file mode 100644 index 000000000..07b0c2f6a --- /dev/null +++ b/src/pages/election/previous-elections/candidates/gold/44602_gold_candidates.md @@ -0,0 +1,12 @@ +--- +templateKey: election-gold-candidates-page-previous +electionYear: "2024" +electionId: 44602 +title: January 2024 Board Elections Gold Candidates +seo: + image: /img/OpenInfra-icon-white.jpg + twitterUsername: "@OpenInfraDev" + title: January 2024 Board Elections + url: https://openinfra.dev/election/2024-individual-director-election/candidates/gold + description: Individual Member Director elections for the 2024 Board of Directors +--- From 7ea7bed4b7ba823b1e6a0ab729a205dfe054228f Mon Sep 17 00:00:00 2001 From: Peter Shine Date: Sun, 11 Feb 2024 14:31:14 -0600 Subject: [PATCH 3/4] put .env and .env* back into .gitignore --- .gitignore | 2 ++ 1 file changed, 2 insertions(+) diff --git a/.gitignore b/.gitignore index a4a182cba..2497f7308 100644 --- a/.gitignore +++ b/.gitignore @@ -9,6 +9,8 @@ node_modules public/ static/admin/*.bundle.* .idea/ +.env.* +.env .python-version src/content/events.json src/content/summit.json From 2a4619d3912c42ea6813b9ab8cba5398d144dbc7 Mon Sep 17 00:00:00 2001 From: Peter Shine Date: Sun, 11 Feb 2024 14:46:20 -0600 Subject: [PATCH 4/4] big fixes --- src/content/settings.json | 2 +- src/pages/ptg/index.md | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/content/settings.json b/src/content/settings.json index 032c97458..b754e0a3b 100644 --- a/src/content/settings.json +++ b/src/content/settings.json @@ -1 +1 @@ -{"lastBuild":1707682578921} \ No newline at end of file +{"lastBuild":1707684181998} \ No newline at end of file diff --git a/src/pages/ptg/index.md b/src/pages/ptg/index.md index 8e128c2aa..e726b8136 100644 --- a/src/pages/ptg/index.md +++ b/src/pages/ptg/index.md @@ -18,9 +18,9 @@ header: location: icon: /img/summit/Vector-world.svg text: Virtual - button: - - text: Register Now - link: https://ptg2023.openinfra.dev/ + # button: + # - text: Register Now + # link: https://ptg2023.openinfra.dev/ image: /img/ptg-page/hero-image.png form: display: true