This is an automated email from the ASF dual-hosted git repository.
kamilbregula pushed a commit to branch aip-11
in repository https://gitbox.apache.org/repos/asf/airflow-site.git
The following commit(s) were added to refs/heads/aip-11 by this push:
new ccc6c45 Add navbar (#99)
ccc6c45 is described below
commit ccc6c456a09de22150af750e94252baa30f8c0f4
Author: Kamil Gabryjelski <[email protected]>
AuthorDate: Wed Oct 30 01:28:49 2019 +0100
Add navbar (#99)
---
landing-pages/site/assets/icons/airflow-logo.svg | 25 ++++
landing-pages/site/assets/icons/close-icon.svg | 10 ++
landing-pages/site/assets/icons/hamburger-icon.svg | 13 ++
landing-pages/site/assets/scss/_base-layout.scss | 16 ++-
landing-pages/site/assets/scss/_navbar.scss | 154 +++++++++++++++++++++
landing-pages/site/assets/scss/main-custom.scss | 1 +
landing-pages/site/content/en/blog/_index.md | 2 +-
.../site/content/en/case-studies/_index.html | 2 +-
landing-pages/site/content/en/docs/_index.md | 2 +-
landing-pages/site/content/en/install/_index.html | 2 +-
landing-pages/site/content/en/meetups/_index.html | 2 +-
landing-pages/site/layouts/partials/navbar.html | 77 +++++++++++
landing-pages/src/index.js | 2 +
.../scss/main-custom.scss => src/js/drawer.js} | 39 +++---
landing-pages/src/{index.js => js/navbarScroll.js} | 12 +-
15 files changed, 322 insertions(+), 37 deletions(-)
diff --git a/landing-pages/site/assets/icons/airflow-logo.svg
b/landing-pages/site/assets/icons/airflow-logo.svg
new file mode 100644
index 0000000..bd3a762
--- /dev/null
+++ b/landing-pages/site/assets/icons/airflow-logo.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg"; width="155.314" height="60" viewBox="0
0 155.314 60">
+ <defs>
+ <clipPath id="clip-path">
+ <path id="Rectangle_1" d="M0 0h155.314v60H0z" fill="none"
data-name="Rectangle 1"/>
+ </clipPath>
+ </defs>
+ <g id="logo" transform="translate(-1305 -780.355)">
+ <g id="Group_2" clip-path="url(#clip-path)" data-name="Group 2"
transform="translate(1305 780.355)">
+ <g id="Group_1" data-name="Group 1" transform="translate(.486
.486)">
+ <path id="Path_1" d="M1307.562 880.867l28.187-28.893a.521.521
0 0 0
.063-.666c-1.714-2.393-4.877-2.808-6.049-4.416-3.472-4.763-4.353-7.459-5.845-7.292a.456.456
0 0 0-.271.143l-10.182 10.438c-5.858 6-6.7 19.225-6.852 30.3a.552.552 0 0 0
.949.386z" fill="#017cee" data-name="Path 1" transform="translate(-1306.613
-822.232)"/>
+ <path id="Path_2" d="M1405.512 908.489l-28.893-28.189a.521.521
0 0 0-.667-.063c-2.393 1.715-2.808 4.877-4.416 6.049-4.763 3.472-7.459
4.353-7.292 5.845a.456.456 0 0 0 .143.27l10.438 10.182c6 5.858 19.225 6.7 30.3
6.852a.552.552 0 0 0 .387-.946z" fill="#00ad46" data-name="Path 2"
transform="translate(-1346.876 -850.567)"/>
+ <path id="Path_3" d="M1373.909 902.252c-3.28-3.2-4.8-9.53
1.486-22.583-10.219 4.567-13.8 10.57-12.039 12.289z" fill="#04d659"
data-name="Path 3" transform="translate(-1345.96 -850.233)"/>
+ <path id="Path_4" d="M1433.132 782.359l-28.186 28.893a.52.52 0
0 0-.063.666c1.715 2.393 4.876 2.808 6.049 4.416 3.472 4.763 4.354 7.459 5.845
7.292a.454.454 0 0 0 .271-.143l10.182-10.438c5.858-6 6.7-19.225
6.852-30.3a.553.553 0 0 0-.95-.386z" fill="#00c7d4" data-name="Path 4"
transform="translate(-1375.21 -782.123)"/>
+ <path id="Path_5" d="M1426.9 881.155c-3.2 3.28-9.53
4.8-22.584-1.486 4.567 10.219 10.57 13.8 12.289 12.039z" fill="#11e1ee"
data-name="Path 5" transform="translate(-1374.875 -850.233)"/>
+ <path id="Path_6" d="M1307 782.919l28.893 28.186a.521.521 0 0
0 .666.063c2.393-1.715 2.808-4.877 4.416-6.049 4.763-3.472 7.459-4.353
7.292-5.845a.459.459 0 0
0-.143-.271l-10.438-10.182c-6-5.858-19.225-6.7-30.3-6.852a.552.552 0 0
0-.386.95z" fill="#e43921" data-name="Path 6" transform="translate(-1306.766
-781.97)"/>
+ <path id="Path_7" d="M1405.8 804.711c3.28 3.2 4.8 9.53-1.486
22.584 10.219-4.567 13.8-10.571 12.039-12.289z" fill-rule="evenodd"
fill="#ff7557" data-name="Path 7" transform="translate(-1374.875 -797.859)"/>
+ <path id="Path_8" d="M1329.355 849.266c3.2-3.28 9.53-4.8
22.584 1.486-4.567-10.219-10.57-13.8-12.289-12.039z" fill="#0cb6ff"
data-name="Path 8" transform="translate(-1322.503 -821.316)"/>
+ <circle id="Ellipse_1" cx="1.26" cy="1.26" r="1.26"
fill="#4a4848" data-name="Ellipse 1" transform="translate(28.18 28.171)"/>
+ <path id="Path_9" d="M1527.558 827.347a.229.229 0 0
1-.223-.223.458.458 0 0 1 .011-.123l2.766-7.214a.346.346 0 0 1
.357-.245h.758a.348.348 0 0 1 .357.245l2.754 7.214.022.123a.228.228 0 0
1-.223.223h-.568a.288.288 0 0 1-.19-.056.352.352 0 0
1-.089-.134l-.613-1.583h-3.657l-.613 1.583a.317.317 0 0 1-.1.134.269.269 0 0
1-.178.056zm4.795-2.732l-1.505-3.958-1.505 3.958zm3.322 4.85a.258.258 0 0
1-.189-.078.241.241 0 0 1-.067-.178v-7.4a.241.241 0 0 1 .067-.178.258.258 0 0 1
.189- [...]
+ <path id="Path_10" d="M1527.2
827.081l-.061.061zm-.056-.279l-.08-.031zm2.766-7.214l.08.031zm1.472
0l-.081.029zm2.754 7.214l.084-.015a.064.064 0 0 0
0-.015zm.022.123h.086v-.015zm-.067.156l.06.061zm-.914.011l-.061.061.006.005zm-.089-.134l.081-.027zm-.613-1.583l.08-.031a.086.086
0 0 0-.08-.055zm-3.657 0v-.086a.086.086 0 0 0-.08.055zm-.613
1.583l-.08-.031zm-.1.134l.055.066zm4.047-2.676v.086a.086.086 0 0 0
.08-.116zm-1.505-3.958l.08-.03a.086.086 0 0 0-.16 0zm-1.505 3.958l-.08- [...]
+ <path id="Path_11" d="M1519.066 884.011a.581.581 0 0
1-.567-.567 1.151 1.151 0 0 1 .028-.312l7.026-18.328a.881.881 0 0 1
.906-.623h1.926a.882.882 0 0 1 .907.623l7 18.328.057.312a.583.583 0 0
1-.567.567h-1.445a.735.735 0 0 1-.482-.142.9.9 0 0
1-.226-.34l-1.558-4.023h-9.292l-1.558 4.023a.8.8 0 0 1-.255.34.688.688 0 0
1-.453.142zm12.181-6.94l-3.824-10.056-3.823 10.055zm8.184-10.538a.592.592 0 0
1-.652-.651v-1.53a.714.714 0 0 1 .17-.482.656.656 0 0 1 .482-.2h1.785a.677.677
0 [...]
+ </g>
+ </g>
+ </g>
+</svg>
diff --git a/landing-pages/site/assets/icons/close-icon.svg
b/landing-pages/site/assets/icons/close-icon.svg
new file mode 100644
index 0000000..765b595
--- /dev/null
+++ b/landing-pages/site/assets/icons/close-icon.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg"; width="19.799" height="19.799"
viewBox="0 0 19.799 19.799">
+ <g id="Group_1574" data-name="Group 1574" transform="translate(-41.892
290.899)">
+ <g id="Group_1291" data-name="Group 1291" transform="rotate(-45
-308.114 -187.077)">
+ <rect id="Rectangle_461" width="26" height="2" fill="#51504f"
data-name="Rectangle 461" rx="1" transform="translate(-.209)"/>
+ </g>
+ <g id="Group_1292" data-name="Group 1292" transform="rotate(45 372.48
-93.011)">
+ <rect id="Rectangle_462" width="26" height="2" fill="#51504f"
data-name="Rectangle 462" rx="1" transform="translate(-.209 -.178)"/>
+ </g>
+ </g>
+</svg>
diff --git a/landing-pages/site/assets/icons/hamburger-icon.svg
b/landing-pages/site/assets/icons/hamburger-icon.svg
new file mode 100644
index 0000000..0c7567c
--- /dev/null
+++ b/landing-pages/site/assets/icons/hamburger-icon.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg"; width="26" height="20" viewBox="0 0 26
20">
+ <g id="Group_1294" data-name="Group 1294" transform="translate(-38.791
291)">
+ <g id="Group_1291" data-name="Group 1291" transform="translate(39
-291)">
+ <rect id="Rectangle_461" width="26" height="2" fill="#51504f"
data-name="Rectangle 461" rx="1" transform="translate(-.209)"/>
+ </g>
+ <g id="Group_1292" data-name="Group 1292" transform="translate(39
-281.822)">
+ <rect id="Rectangle_462" width="26" height="2" fill="#51504f"
data-name="Rectangle 462" rx="1" transform="translate(-.209 -.178)"/>
+ </g>
+ <g id="Group_1293" data-name="Group 1293" transform="translate(39
-272.644)">
+ <rect id="Rectangle_463" width="26" height="2" fill="#51504f"
data-name="Rectangle 463" rx="1" transform="translate(-.209 -.356)"/>
+ </g>
+ </g>
+</svg>
diff --git a/landing-pages/site/assets/scss/_base-layout.scss
b/landing-pages/site/assets/scss/_base-layout.scss
index 5fe0023..be4dfef 100644
--- a/landing-pages/site/assets/scss/_base-layout.scss
+++ b/landing-pages/site/assets/scss/_base-layout.scss
@@ -20,7 +20,7 @@
@import "fonts";
.base-layout {
- padding: 44px 0 40px;
+ padding: 123px 0 40px;
&--button {
display: flex;
@@ -34,7 +34,7 @@
@media (max-width: $mobile) {
.base-layout {
- padding: 0 0 60px;
+ padding: 76px 0 60px;
&--button {
display: none;
@@ -98,3 +98,15 @@
margin-top: 30px;
}
}
+
+.desktop-only {
+ @media (max-width: $mobile) {
+ display: none;
+ }
+}
+
+.mobile-only {
+ @media (min-width: calc(#{$mobile} + 1px)) {
+ display: none;
+ }
+}
diff --git a/landing-pages/site/assets/scss/_navbar.scss
b/landing-pages/site/assets/scss/_navbar.scss
new file mode 100644
index 0000000..f4f1659
--- /dev/null
+++ b/landing-pages/site/assets/scss/_navbar.scss
@@ -0,0 +1,154 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+@import "colors";
+@import "media";
+
+.navbar {
+ position: fixed;
+ top: 0;
+ width: 100%;
+ background-color: white;
+ justify-content: flex-start;
+ border-bottom: solid 1px map-get($colors, very-light-pink);
+ z-index: 32;
+ padding: 30px 60px;
+
+ &__menu-container {
+ flex-grow: 1;
+ }
+
+ &__menu-content {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding-top: 16px;
+ padding-left: 88px;
+ }
+
+ &__links-container {
+ display: flex;
+ }
+
+ &__text-link {
+ @extend .bodytext__medium--greyish-brown;
+ margin-right: 30px;
+ position: relative;
+
+ &::before, &::after {
+ content: "";
+ position: absolute;
+ top: 100%;
+ width: 0;
+ right: 0;
+ height: 2px;
+ background-color: map-get($colors, cerulean-blue);
+ transition: 0.2s ease-out;
+ }
+
+ &:hover, &.active {
+ color: map-get($colors, greyish-brown);
+ &::before, &::after {
+ width: 100%;
+ left: 0;
+ }
+ }
+ }
+
+ &--box-shadow {
+ box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .12);
+ }
+}
+
+@media (max-width: $mobile) {
+ .navbar {
+ padding: 20px;
+
+ &__icon-container svg {
+ width: 93px;
+ height: auto;
+ }
+
+ &__menu-content {
+ flex-direction: column;
+ align-items: flex-start;
+ padding-left: 0;
+ padding-top: 0;
+ }
+
+ &__drawer-container {
+ display: flex;
+ flex-grow: 1;
+ justify-content: flex-end;
+ }
+
+ &__toggle-button {
+ border: none;
+ background: none;
+ padding: 0;
+ position: relative;
+ width: 26px;
+ height: 20px;
+
+ &--icon {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ visibility: hidden;
+ opacity: 0;
+ transition: 0.2s ease-out;
+
+ &.visible {
+ visibility: visible;
+ opacity: 1;
+ }
+ }
+ }
+
+ &__drawer {
+ position: fixed;
+ top: 77px;
+ left: 0;
+ width: 100%;
+ height: calc(100% - 77px);
+ background-color: white;
+ transform: translateX(100%);
+ transition: 0.2s ease-out;
+ padding: 40px 40px 30px;
+
+ &--open {
+ transform: translateX(0);
+ }
+ }
+
+ &__links-container {
+ flex-direction: column;
+ }
+
+ &__text-link {
+ margin-right: 0;
+ margin-bottom: 10px;
+
+ &:last-child {
+ margin-bottom: 20px;
+ }
+ }
+ }
+}
diff --git a/landing-pages/site/assets/scss/main-custom.scss
b/landing-pages/site/assets/scss/main-custom.scss
index 893539e..9470988 100644
--- a/landing-pages/site/assets/scss/main-custom.scss
+++ b/landing-pages/site/assets/scss/main-custom.scss
@@ -41,3 +41,4 @@
@import "community-page";
@import "install-page";
@import "footer";
+@import "navbar";
diff --git a/landing-pages/site/content/en/blog/_index.md
b/landing-pages/site/content/en/blog/_index.md
index 05f7f30..c9aa61b 100644
--- a/landing-pages/site/content/en/blog/_index.md
+++ b/landing-pages/site/content/en/blog/_index.md
@@ -3,5 +3,5 @@ title: "Blog"
linkTitle: "Blog"
menu:
main:
- weight: 30
+ weight: 25
---
diff --git a/landing-pages/site/content/en/case-studies/_index.html
b/landing-pages/site/content/en/case-studies/_index.html
index 90f08e3..7c349f9 100644
--- a/landing-pages/site/content/en/case-studies/_index.html
+++ b/landing-pages/site/content/en/case-studies/_index.html
@@ -3,5 +3,5 @@ title: "Case studies"
linkTitle: "Case studies"
menu:
main:
- weight: 6
+ weight: 20
---
diff --git a/landing-pages/site/content/en/docs/_index.md
b/landing-pages/site/content/en/docs/_index.md
index d178a77..7387a2d 100644
--- a/landing-pages/site/content/en/docs/_index.md
+++ b/landing-pages/site/content/en/docs/_index.md
@@ -5,7 +5,7 @@ linkTitle: "Documentation"
weight: 20
menu:
main:
- weight: 20
+ weight: 10
---
{{% pageinfo %}}
diff --git a/landing-pages/site/content/en/install/_index.html
b/landing-pages/site/content/en/install/_index.html
index c0e70b6..86c8f0a 100644
--- a/landing-pages/site/content/en/install/_index.html
+++ b/landing-pages/site/content/en/install/_index.html
@@ -2,7 +2,7 @@
title: Install
menu:
main:
- weight: 20
+ weight: 30
---
<div class="install__accordions--wrapper">
diff --git a/landing-pages/site/content/en/meetups/_index.html
b/landing-pages/site/content/en/meetups/_index.html
index 391f69c..15a4361 100644
--- a/landing-pages/site/content/en/meetups/_index.html
+++ b/landing-pages/site/content/en/meetups/_index.html
@@ -3,5 +3,5 @@ title: "Meetups"
linkTitle: "Meetups"
menu:
main:
- weight: 3
+ weight: 5
---
diff --git a/landing-pages/site/layouts/partials/navbar.html
b/landing-pages/site/layouts/partials/navbar.html
new file mode 100644
index 0000000..a90d9f6
--- /dev/null
+++ b/landing-pages/site/layouts/partials/navbar.html
@@ -0,0 +1,77 @@
+{{/*
+ Licensed to the Apache Software Foundation (ASF) under one
+ or more contributor license agreements. See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership. The ASF licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing,
+ software distributed under the License is distributed on an
+ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ KIND, either express or implied. See the License for the
+ specific language governing permissions and limitations
+ under the License.
+*/}}
+
+{{ $cover := .HasShortcode "blocks/cover" }}
+<nav class="js-navbar-scroll navbar">
+ <div class="navbar__icon-container">
+ <a href="{{ .Site.Home.RelPermalink }}">
+ {{ with resources.Get "icons/airflow-logo.svg" }}{{ .Content |
safeHTML }}{{ end }}
+ </a>
+ </div>
+ <div class="desktop-only navbar__menu-container">
+ {{ template "menu-content" . }}
+ </div>
+ <div class="mobile-only navbar__drawer-container">
+ <button class="navbar__toggle-button" id="navbar-toggle-button">
+ {{ with resources.Get "icons/hamburger-icon.svg" }}
+ <div id="hamburger-icon" class="navbar__toggle-button--icon
visible">
+ {{ .Content | safeHTML }}
+ </div>
+ {{ end }}
+ {{ with resources.Get "icons/close-icon.svg" }}
+ <div id="close-icon" class="navbar__toggle-button--icon">
+ {{ .Content | safeHTML }}
+ </div>
+ {{ end }}
+ </button>
+ <div class="navbar__drawer" id="navbar-drawer">{{ template
"menu-content" . }}</div>
+ </div>
+</nav>
+
+{{ define "menu-content" }}
+ <div class="navbar__menu-content" id="main_navbar">
+ {{ $p := . }}
+ {{ $menusLen := len .Site.Menus.main }}
+ <div class="navbar__links-container">
+ {{ range $index, $el := .Site.Menus.main }}
+ {{ if ne (add $index 1) $menusLen }}
+ {{ $active := or ($p.IsMenuCurrent "main" $el)
($p.HasMenuCurrent "main" $el) }}
+ {{ with $el.Page }}
+ {{ $active = or $active ( $.IsDescendant .) }}
+ {{ end }}
+ {{ $url := urls.Parse $el.URL }}
+ {{ $baseurl := urls.Parse $.Site.Params.Baseurl }}
+ <a class="navbar__text-link {{if $active }}active{{end}}"
+ href="{{ with $el.Page }}{{ .RelPermalink }}{{ else
}}{{ $el.URL | relLangURL }}{{ end }}"
+ {{ if ne $url.Host $baseurl.Host }}target="_blank" {{
end }}>
+ {{ $el.Name }}
+ </a>
+ {{ end }}
+ {{ end }}
+ </div>
+ {{ with index .Site.Menus.main (sub $menusLen 1) }}
+ {{ $url := urls.Parse .URL }}
+ {{ $baseurl := urls.Parse $.Site.Params.Baseurl }}
+ <a href="{{ with .Page }}{{ .RelPermalink }}{{ else }}{{ .URL |
relLangURL }}{{ end }}"
+ {{ if ne $url.Host $baseurl.Host }}target="_blank" {{ end }}>
+ {{ partial "buttons/button-filled" (dict "text" .Name) }}
+ </a>
+ {{ end }}
+ </div>
+{{ end }}
diff --git a/landing-pages/src/index.js b/landing-pages/src/index.js
index 33097b9..4da5e47 100644
--- a/landing-pages/src/index.js
+++ b/landing-pages/src/index.js
@@ -19,6 +19,8 @@
import {showMore} from "./js/showAllCommiters";
import {handleActiveVideo} from "./js/handleActiveVideo";
+import "./js/navbarScroll";
+import "./js/drawer";
showMore("#commiters-container", "#show-more-commiters");
showMore("#pmc-container", "#show-more-pmcs");
diff --git a/landing-pages/site/assets/scss/main-custom.scss
b/landing-pages/src/js/drawer.js
similarity index 54%
copy from landing-pages/site/assets/scss/main-custom.scss
copy to landing-pages/src/js/drawer.js
index 893539e..39e6043 100644
--- a/landing-pages/site/assets/scss/main-custom.scss
+++ b/landing-pages/src/js/drawer.js
@@ -17,27 +17,20 @@
* under the License.
*/
-@import url('https://fonts.googleapis.com/css?family=Rubik:500&display=swap');
-@import
url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700&display=swap');
-@import
url('https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap');
+const toggleDrawer = () => {
+ const drawer = window.document.querySelector("#navbar-drawer");
+ const hamburgerIcon = window.document.querySelector("#hamburger-icon");
+ const closeIcon = window.document.querySelector("#close-icon");
-@import "typography";
-@import "accordion";
-@import "buttons";
-@import "ol-ul";
-@import "list-boxes";
-@import "avatar";
-@import "quote";
-@import "pager";
-@import "case-study";
-@import "markdown-content";
-@import "base-layout";
-@import "feature";
-@import "text-with-icon";
-@import "video";
-@import "blog-page";
-@import "home-page";
-@import "meetups";
-@import "community-page";
-@import "install-page";
-@import "footer";
+ if (drawer.classList.contains("navbar__drawer--open")) {
+ drawer.classList.remove("navbar__drawer--open");
+ hamburgerIcon.classList.add("visible");
+ closeIcon.classList.remove("visible");
+ } else {
+ drawer.classList.add("navbar__drawer--open");
+ hamburgerIcon.classList.remove("visible");
+ closeIcon.classList.add("visible");
+ }
+};
+
+window.document.querySelector("#navbar-toggle-button").addEventListener("click",
toggleDrawer);
diff --git a/landing-pages/src/index.js b/landing-pages/src/js/navbarScroll.js
similarity index 73%
copy from landing-pages/src/index.js
copy to landing-pages/src/js/navbarScroll.js
index 33097b9..5b8ef08 100644
--- a/landing-pages/src/index.js
+++ b/landing-pages/src/js/navbarScroll.js
@@ -17,10 +17,8 @@
* under the License.
*/
-import {showMore} from "./js/showAllCommiters";
-import {handleActiveVideo} from "./js/handleActiveVideo";
-
-showMore("#commiters-container", "#show-more-commiters");
-showMore("#pmc-container", "#show-more-pmcs");
-showMore("#case-studies-container", "#show-more-case-studies");
-handleActiveVideo();
+window.addEventListener("scroll", () => {
+ if (window.scrollY > 0) {
+
window.document.querySelector(".js-navbar-scroll").classList.add("navbar--box-shadow");
+ }
+});
