This is an automated email from the ASF dual-hosted git repository.
potiuk pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/airflow-site.git
The following commit(s) were added to refs/heads/main by this push:
new 347c2f9a3b Improve dark mode toggling, color constrast, and logos
(#1355)
347c2f9a3b is described below
commit 347c2f9a3bfc1615d1eb00c78b47814711971b2b
Author: Shahar Epstein <[email protected]>
AuthorDate: Sat Dec 27 22:39:13 2025 +0200
Improve dark mode toggling, color constrast, and logos (#1355)
---
landing-pages/site/assets/js/dark-mode.js | 119 +++++++++++++++++++++
.../site/assets/scss/_community-page.scss | 10 ++
landing-pages/site/assets/scss/_list-boxes.scss | 76 ++++++++++++-
landing-pages/site/assets/scss/_navbar.scss | 45 +++++++-
landing-pages/site/assets/scss/_quote.scss | 48 ++++++++-
.../site/assets/scss/_usecasedescription.scss | 26 +++++
landing-pages/site/content/en/use-cases/sift.md | 2 +-
.../site/layouts/partials/boxes/testimonial.html | 10 +-
landing-pages/site/layouts/partials/quote.html | 14 ++-
.../site/layouts/partials/theme-toggler.html | 77 +++++++++++++
.../site/static/usecase-logos/adobe-logo.svg | 22 +++-
.../download-idR6yyb4TP-1766854345548.zip | Bin 0 -> 39135 bytes
.../site/static/usecase-logos/onefootball-logo.svg | 20 +++-
.../static/usecase-logos/rancher-suse-white.svg | 106 ++++++++++++++++++
.../site/static/usecase-logos/sift_logo.svg | 1 +
.../site/static/usecase-logos/sift_logo_white.svg | 1 +
.../sphinx_airflow_theme/header.html | 68 ++++++------
17 files changed, 593 insertions(+), 52 deletions(-)
diff --git a/landing-pages/site/assets/js/dark-mode.js
b/landing-pages/site/assets/js/dark-mode.js
new file mode 100644
index 0000000000..856cb6ff0b
--- /dev/null
+++ b/landing-pages/site/assets/js/dark-mode.js
@@ -0,0 +1,119 @@
+/**
+ * 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.
+ */
+
+/*!
+ * This is a Docsy-adapted version of
https://github.com/twbs/examples/blob/main/color-modes/js/color-modes.js.
+ *
+ * Original header:
+ *
+ * Color mode toggler for Bootstrap's docs (https://getbootstrap.com/)
+ * Copyright 2011-2024 The Bootstrap Authors
+ * Licensed under the Creative Commons Attribution 3.0 Unported License.
+ */
+
+(() => {
+ 'use strict'
+
+ const themeKey = 'td-color-theme'
+ const getStoredTheme = () => localStorage.getItem(themeKey)
+ const setStoredTheme = theme => localStorage.setItem(themeKey, theme)
+
+ const getPreferredTheme = () => {
+ const storedTheme = getStoredTheme()
+ if (storedTheme) {
+ return storedTheme
+ }
+
+ return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark'
: 'light'
+ }
+
+ const setTheme = theme => {
+ if (theme === 'auto') {
+ document.documentElement.setAttribute('data-bs-theme',
(window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'))
+ } else {
+ document.documentElement.setAttribute('data-bs-theme', theme)
+ }
+ }
+
+ setTheme(getPreferredTheme())
+
+ const showActiveTheme = (theme, focus = false) => {
+ const themeSwitchers = document.querySelectorAll('.theme-switcher')
+
+ if (!themeSwitchers.length) {
+ return
+ }
+
+ themeSwitchers.forEach(themeSwitcher => {
+ const themeSwitcherText = document.querySelector('#bd-theme-text')
+ const activeThemeIcon =
themeSwitcher.querySelector('.theme-icon-active use')
+ const dropdownMenu = themeSwitcher.nextElementSibling
+
+ if (!dropdownMenu) return
+
+ const btnToActive =
dropdownMenu.querySelector(`[data-bs-theme-value="${theme}"]`)
+
+ if (!btnToActive) return
+
+ const svgOfActiveBtn = btnToActive.querySelector('svg
use').getAttribute('href')
+
+ dropdownMenu.querySelectorAll('[data-bs-theme-value]').forEach(element
=> {
+ element.classList.remove('active')
+ element.setAttribute('aria-pressed', 'false')
+ })
+
+ btnToActive.classList.add('active')
+ btnToActive.setAttribute('aria-pressed', 'true')
+
+ if (activeThemeIcon) {
+ activeThemeIcon.setAttribute('href', svgOfActiveBtn)
+ }
+
+ if (themeSwitcherText) {
+ const themeSwitcherLabel = `${themeSwitcherText.textContent}
(${btnToActive.dataset.bsThemeValue})`
+ themeSwitcher.setAttribute('aria-label', themeSwitcherLabel)
+ }
+
+ if (focus) {
+ themeSwitcher.focus()
+ }
+ })
+ }
+
+ window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change',
() => {
+ const storedTheme = getStoredTheme()
+ if (storedTheme !== 'light' && storedTheme !== 'dark') {
+ setTheme(getPreferredTheme())
+ }
+ })
+
+ window.addEventListener('DOMContentLoaded', () => {
+ showActiveTheme(getPreferredTheme())
+
+ document.querySelectorAll('[data-bs-theme-value]')
+ .forEach(toggle => {
+ toggle.addEventListener('click', () => {
+ const theme = toggle.getAttribute('data-bs-theme-value')
+ setStoredTheme(theme)
+ setTheme(theme)
+ showActiveTheme(theme, true)
+ })
+ })
+ })
+})()
diff --git a/landing-pages/site/assets/scss/_community-page.scss
b/landing-pages/site/assets/scss/_community-page.scss
index 6d5464ccd8..5a15778211 100644
--- a/landing-pages/site/assets/scss/_community-page.scss
+++ b/landing-pages/site/assets/scss/_community-page.scss
@@ -242,4 +242,14 @@
.community--accordion-container .dev-list {
color: var(--bs-body-color);
}
+
+ // Improve readability for body text and accordion content on dark
backgrounds
+ .community--accordion-container {
+ .accordion__summary-content--header { color: var(--bs-emphasis-color); }
+ .bodytext__medium--brownish-grey,
+ p,
+ li {
+ color: var(--bs-body-color);
+ }
+ }
}
diff --git a/landing-pages/site/assets/scss/_list-boxes.scss
b/landing-pages/site/assets/scss/_list-boxes.scss
index 5040422c46..28967f604d 100644
--- a/landing-pages/site/assets/scss/_list-boxes.scss
+++ b/landing-pages/site/assets/scss/_list-boxes.scss
@@ -77,6 +77,10 @@ $card-margin: 20px;
flex-direction: column;
align-items: center;
+ .logo-dark-mode {
+ display: none;
+ }
+
&__blogpost {
display: flex;
flex-direction: column;
@@ -147,6 +151,7 @@ $card-margin: 20px;
&__use-cases {
padding: 18px 18px 0;
justify-content: space-between;
+ height: 100%;
&--logo {
display: flex;
@@ -274,15 +279,29 @@ $card-margin: 20px;
&.hoverable-icon {
svg, img {
- filter: grayscale(1);
- opacity: 0.6;
+ // Default for transparent logos (Testimonials): Uniform Dark Gray
+ filter: brightness(0) opacity(0.6);
transition: all 0.2s;
}
+ // Specific for Use Cases (White BG) in Light Mode
+ .box-event__use-cases--logo img {
+ // Normalize to B/W (Text=Black, BG=White) then Gray
+ filter: brightness(0.6) contrast(25) grayscale(1) opacity(0.6);
+ mix-blend-mode: multiply;
+ }
+
+ // Experity: Revert to original (White BG JPG)
+ .logo-experity img {
+ filter: none;
+ opacity: 0.6;
+ }
+
&:hover {
- svg, img {
+ svg, img, .box-event__use-cases--logo img {
filter: none;
opacity: 1;
+ mix-blend-mode: normal;
}
}
}
@@ -307,6 +326,57 @@ $card-margin: 20px;
&__integration--name {
color: var(--bs-emphasis-color);
}
+
+ // Testimonials (Transparent BG) - Consistent Gray
+ &.hoverable-icon {
+ .box-event__use-cases--testimonial--logo img {
+ filter: brightness(0) invert(0.6);
+ opacity: 1;
+ }
+
+ // Experity: Revert to original (White BG JPG)
+ .logo-experity img {
+ filter: none;
+ opacity: 0.6;
+ }
+ }
+
+ // Rancher SUSE & Sift specific: Swap logo in dark mode
+ .logo-rancherbysuse,
+ .logo-sift {
+ .logo-default { display: none; }
+ .logo-dark-mode { display: block; }
+ }
+
+ // Use Cases (White BG) - Consistent Gray via Screen Blend
+ &.hoverable-icon .box-event__use-cases--logo img {
+ // Normalize to B/W (Text=Black, BG=White) then Invert (Text=White,
BG=Black) then Gray
+ filter: brightness(0.6) contrast(25) grayscale(1) invert(1)
brightness(0.6);
+ mix-blend-mode: screen;
+ opacity: 1;
+ }
+
+ // Hover state for Use Cases (Top boxes) & Testimonials
+ &.hoverable-icon:hover {
+ // Use Cases (Top boxes) - Keep inverted to stay white, but rotate hue
to restore colors
+ .box-event__use-cases--logo img {
+ filter: invert(1) hue-rotate(180deg);
+ opacity: 1;
+ }
+
+ // Testimonials - Restore original colors
+ .box-event__use-cases--testimonial--logo img {
+ filter: none;
+ opacity: 1;
+ mix-blend-mode: normal;
+ }
+ // Plarium & Onefootball specific: White on hover in dark mode
+ .logo-plarium-krasnodar img,
+ .logo-onefootball img {
+ filter: brightness(0) invert(1);
+ }
+ }
+
&__case-study--quote,
&__use-cases--usecasedescription,
&__use-cases--testimonial--quote {
diff --git a/landing-pages/site/assets/scss/_navbar.scss
b/landing-pages/site/assets/scss/_navbar.scss
index d5a20a318b..01f7d56a96 100644
--- a/landing-pages/site/assets/scss/_navbar.scss
+++ b/landing-pages/site/assets/scss/_navbar.scss
@@ -82,6 +82,13 @@
display: inline-flex;
align-items: center;
position: relative;
+ margin-top: 0;
+ transform: translateY(-2px);
+
+ @media (max-width: $tablet) {
+ transform: none;
+ margin-right: 16px;
+ }
.btn {
padding: 0.25rem 0.5rem;
@@ -99,16 +106,26 @@
font-size: 0.8125rem;
min-width: 7rem;
padding: 0.25rem 0;
- left: 0 !important;
- right: auto !important;
+ left: auto !important;
+ right: 0 !important;
.dropdown-item {
padding: 0.375rem 0.75rem;
font-size: 0.8125rem;
+ justify-content: center;
+
+ &:not(.active):hover, &:not(.active):focus {
+ background-color: map-get($colors, very-light-pink);
+ }
svg {
width: 0.875rem;
height: 0.875rem;
+ fill: currentColor;
+ }
+
+ .ms-auto {
+ margin-left: 0.5rem !important;
}
}
}
@@ -174,6 +191,11 @@
transition: 0.2s ease-out;
padding: 40px 40px 30px;
+ // Do not duplicate the theme toggle inside the drawer
+ .navbar__theme-toggle {
+ display: none !important;
+ }
+
&--open {
transform: translateX(0);
}
@@ -240,6 +262,25 @@
}
}
}
+
+ .dropdown-menu {
+ background-color: #1a1a1a;
+ border-color: #333;
+
+ .dropdown-item:not(.active) {
+ color: rgba(255, 255, 255, 0.85);
+
+ &:hover, &:focus {
+ background-color: rgba(255, 255, 255, 0.1);
+ color: #fff;
+ }
+ }
+
+ .dropdown-item.active {
+ background-color: map-get($colors, cerulean-blue);
+ color: #fff;
+ }
+ }
}
}
}
diff --git a/landing-pages/site/assets/scss/_quote.scss
b/landing-pages/site/assets/scss/_quote.scss
index 4808bc801b..7aa258e76e 100644
--- a/landing-pages/site/assets/scss/_quote.scss
+++ b/landing-pages/site/assets/scss/_quote.scss
@@ -38,6 +38,10 @@
&::after {
content: "”";
}
+
+ [data-bs-theme="dark"] & {
+ color: var(--bs-body-color);
+ }
}
&--author {
@@ -45,12 +49,54 @@
text-align: center;
font-weight: 500;
margin-bottom: 32px;
+
+ [data-bs-theme="dark"] & {
+ color: var(--bs-secondary-color);
+ }
+ }
+
+ &--logo-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin: 40px 0 auto;
+ max-height: 240px;
+
+ .logo-dark-mode {
+ display: none;
+ }
+
+ [data-bs-theme="dark"] & {
+ // Rancher & Sift swap
+ &.logo-rancherbysuse,
+ &.logo-sift {
+ .logo-default { display: none; }
+ .logo-dark-mode { display: block; }
+ }
+ }
}
&--logo {
max-height: 240px;
+ max-width: 100%;
width: auto;
- margin: 40px 0 auto;
+
+ // Default: Full Color (Same as hover state)
+ filter: none;
+ opacity: 1;
+
+ [data-bs-theme="dark"] & {
+ filter: none;
+ opacity: 1;
+ }
+ }
+
+ // Plarium & Onefootball Override for Dark Mode (White)
+ &--logo-container.logo-plarium-krasnodar .quote--logo,
+ &--logo-container.logo-onefootball .quote--logo {
+ [data-bs-theme="dark"] & {
+ filter: brightness(0) invert(1);
+ }
}
}
diff --git a/landing-pages/site/assets/scss/_usecasedescription.scss
b/landing-pages/site/assets/scss/_usecasedescription.scss
index 7b440d1616..f501349eee 100644
--- a/landing-pages/site/assets/scss/_usecasedescription.scss
+++ b/landing-pages/site/assets/scss/_usecasedescription.scss
@@ -25,12 +25,22 @@
flex-direction: column;
border-bottom: solid 1px map-get($colors, very-light-pink);
padding: 0 78px 60px;
+ background-color: map-get($colors, white);
+
+ [data-bs-theme="dark"] & {
+ background: rgba(255, 255, 255, 0.03);
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ border-bottom: none;
+ }
&--text {
@extend .subtitle__large--brownish-grey;
text-align: center;
font-weight: normal;
+ [data-bs-theme="dark"] & {
+ color: var(--bs-body-color);
+ }
}
&--author {
@@ -38,11 +48,27 @@
text-align: center;
font-weight: 500;
margin-bottom: 32px;
+
+ [data-bs-theme="dark"] & {
+ color: var(--bs-secondary-color);
+ }
}
&--logo {
max-height: 140px;
margin: 0 auto;
+
+ // Light Mode: Full Color (Same as hover state in list boxes)
+ filter: none;
+ opacity: 1;
+ mix-blend-mode: normal;
+
+ [data-bs-theme="dark"] & {
+ // Dark Mode: Inverted + Hue Rotate to restore colors (Same as hover
state in list boxes)
+ filter: invert(1) hue-rotate(180deg);
+ mix-blend-mode: screen;
+ opacity: 1;
+ }
}
}
diff --git a/landing-pages/site/content/en/use-cases/sift.md
b/landing-pages/site/content/en/use-cases/sift.md
index 5aa2d009a1..3a40e7f93b 100644
--- a/landing-pages/site/content/en/use-cases/sift.md
+++ b/landing-pages/site/content/en/use-cases/sift.md
@@ -4,7 +4,7 @@ linkTitle: "Sift"
quote:
text: "Airflow helped us to define and organize our ML pipeline
dependencies, and empowered us to introduce new, diverse batch processes at
increasing scale."
author: "Handong Park"
-logo: "sift_logo.png"
+logo: "sift_logo.svg"
blocktype: "testimonial"
---
diff --git a/landing-pages/site/layouts/partials/boxes/testimonial.html
b/landing-pages/site/layouts/partials/boxes/testimonial.html
index ec1e552fa4..48e81248da 100644
--- a/landing-pages/site/layouts/partials/boxes/testimonial.html
+++ b/landing-pages/site/layouts/partials/boxes/testimonial.html
@@ -20,9 +20,15 @@
{{ $title := .title }}
<div class="card">
<div class="box-event box-event__use-cases hoverable-icon">
- <div class="box-event__use-cases--testimonial--logo">
+ <div class="box-event__use-cases--testimonial--logo logo-{{ $title
| urlize }}">
{{ with .logo }}
- <img src="/usecase-logos/{{ . }}" alt="{{ $title }} logo" />
+ <img class="logo-default" src="/usecase-logos/{{ . }}"
alt="{{ $title }} logo" />
+ {{ end }}
+ {{ if eq $title "RancherBySUSE" }}
+ <img class="logo-dark-mode"
src="/usecase-logos/rancher-suse-white.svg" alt="{{ $title }} logo" />
+ {{ end }}
+ {{ if eq $title "Sift" }}
+ <img class="logo-dark-mode"
src="/usecase-logos/sift_logo_white.svg" alt="{{ $title }} logo" />
{{ end }}
</div>
<p class="box-event__use-cases--testimonial--quote"
diff --git a/landing-pages/site/layouts/partials/quote.html
b/landing-pages/site/layouts/partials/quote.html
index 3c11ffa129..ff766bbbe2 100644
--- a/landing-pages/site/layouts/partials/quote.html
+++ b/landing-pages/site/layouts/partials/quote.html
@@ -21,7 +21,15 @@
<div class="quote">
<p class="quote--text">{{ .quote.text }}</p>
<p class="quote--author">{{ .quote.author }}</p>
- {{ with .logo }}
- <img src="/usecase-logos/{{ . }}" alt="{{ $title }} logo"
class="quote--logo" />
- {{ end }}
+ <div class="quote--logo-container logo-{{ $title | urlize }}">
+ {{ with .logo }}
+ <img src="/usecase-logos/{{ . }}" alt="{{ $title }} logo"
class="quote--logo logo-default" />
+ {{ end }}
+ {{ if eq $title "RancherBySUSE" }}
+ <img class="quote--logo logo-dark-mode"
src="/usecase-logos/rancher-suse-white.svg" alt="{{ $title }} logo" />
+ {{ end }}
+ {{ if eq $title "Sift" }}
+ <img class="quote--logo logo-dark-mode"
src="/usecase-logos/sift-logo-white.svg" alt="{{ $title }} logo" />
+ {{ end }}
+ </div>
</div>
diff --git a/landing-pages/site/layouts/partials/theme-toggler.html
b/landing-pages/site/layouts/partials/theme-toggler.html
new file mode 100644
index 0000000000..4f2d7f2ced
--- /dev/null
+++ b/landing-pages/site/layouts/partials/theme-toggler.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.
+*/}}
+
+{{/* Adapted from:
https://github.com/twbs/bootstrap/blob/main/site/layouts/partials/icons.html */
-}}
+
+<svg xmlns="http://www.w3.org/2000/svg"; class="d-none">
+ <symbol id="check2" viewBox="0 0 16 16">
+ <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708
0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
+ </symbol>
+ <symbol id="circle-half" viewBox="0 0 16 16">
+ <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
+ </symbol>
+ <symbol id="moon-stars-fill" viewBox="0 0 16 16">
+ <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0
4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1
.81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0
7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
+ <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924
1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097
1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31
6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0
1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274
0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0
.274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-
[...]
+ </symbol>
+ <symbol id="sun-fill" viewBox="0 0 16 16">
+ <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0
1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8
13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0
1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0
.707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193
9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1
.707 0zm9.193 2.121a.5.5 0 0 1-.70 [...]
+ </symbol>
+</svg>
+
+{{/* Adapted from:
https://github.com/twbs/bootstrap/blob/main/site/layouts/partials/theme-toggler.html
*/ -}}
+
+{{ $isExamples := eq .Layout "examples" -}}
+<button class="btn
+ {{- if $isExamples }} btn-bd-primary
+ {{- else }} btn-link nav-link
+ {{- end }} dropdown-toggle d-flex align-items-center
theme-switcher"
+ type="button"
+ aria-expanded="false"
+ data-bs-toggle="dropdown"
+ {{ if not $isExamples }}data-bs-display="static"{{ end }}
+ aria-label="Toggle theme (auto)">
+ <svg class="bi my-1 theme-icon-active"><use href="#circle-half"></use></svg>
+ {{- /* Disable menu name for Docsy:
+ <span class="{{ if $isExamples }}visually-hidden{{ else }}d-lg-none ms-2{{
end }}" id="bd-theme-text">Toggle theme</span>
+ */}}
+</button>
+<ul class="dropdown-menu dropdown-menu-end{{ if $isExamples }} shadow{{ end
}}">
+ <li>
+ <button type="button" class="dropdown-item d-flex align-items-center"
data-bs-theme-value="light" aria-pressed="false">
+ <svg class="bi me-2 opacity-50"><use href="#sun-fill"></use></svg>
+ Light
+ <svg class="bi ms-auto d-none"><use href="#check2"></use></svg>
+ </button>
+ </li>
+ <li>
+ <button type="button" class="dropdown-item d-flex align-items-center"
data-bs-theme-value="dark" aria-pressed="false">
+ <svg class="bi me-2 opacity-50"><use href="#moon-stars-fill"></use></svg>
+ Dark
+ <svg class="bi ms-auto d-none"><use href="#check2"></use></svg>
+ </button>
+ </li>
+ <li>
+ <button type="button" class="dropdown-item d-flex align-items-center
active" data-bs-theme-value="auto" aria-pressed="true">
+ <svg class="bi me-2 opacity-50"><use href="#circle-half"></use></svg>
+ Auto
+ <svg class="bi ms-auto d-none"><use href="#check2"></use></svg>
+ </button>
+ </li>
+</ul>
diff --git a/landing-pages/site/static/usecase-logos/adobe-logo.svg
b/landing-pages/site/static/usecase-logos/adobe-logo.svg
index 292815a14e..631add4eea 100644
--- a/landing-pages/site/static/usecase-logos/adobe-logo.svg
+++ b/landing-pages/site/static/usecase-logos/adobe-logo.svg
@@ -1,5 +1,19 @@
-<svg xmlns="http://www.w3.org/2000/svg"; width="183.122" height="48.105">
- <path fill="#FFF" d="M3.701 4.24h45.573v40.331H3.701z"/>
- <path fill="#E20025" d="M32.428 4.24l16.846 40.331V4.24H32.428zm-28.727
0v40.331L20.56 4.24H3.701zm15.427 32.219h7.855l3.21 8.112h7.034L26.495
19.103l-7.367 17.356z"/>
- <path d="M73.332 4.134l-9.12 40.438h5.52l2.4-11.159h8.4l2.34
11.159h5.58l-8.58-40.438h-6.54zm-.54 24.778l1.92-9.659c.54-2.58 1.14-6.3
1.56-9.239h.24c.42 2.88.96 6.479 1.5 9.239l1.86
9.659h-7.08zm36.729-25.858h-5.64v15.179h-.12c-1.02-2.22-2.88-3.3-5.22-3.3-4.619
0-9 4.858-9 15.179 0 9.06 3.3 14.939 8.7 14.939 2.938 0 5.159-1.98
6.119-4.021h.181l.359
3.54h4.859c-.12-2.04-.24-5.279-.24-7.499l.002-34.017zm-5.64 31.259c0 .659-.061
1.38-.18 1.858-.96 3.479-2.641 4.141-3.9 4.141-3 0-4.56-4. [...]
+<svg xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 54.424461 14.339843"
fill="#fa0c00">
+ <g>
+ <path d="M 5.996094,0 H 0 v 14.339843 z m 0,0" />
+ <path d="m 10.214844,0 h 5.988281 v 14.339843 z m 0,0" />
+ <path d="m 8.105469,5.285156 3.816406,9.054687 H 9.417969 L
8.277344,11.457031 H 5.484375 Z m 0,0" />
+ </g>
+ <g>
+ <path
+ d="m 25.985303,9.11922 0.707031,2.027344 c 0.02344,0.05078
0.05859,0.07422 0.121094,0.07422 h 1.359375 c 0.07422,0 0.08594,-0.03516
0.07422,-0.109375 L 25.438428,3.310627 c -0.01172,-0.0625 -0.02344,-0.074219
-0.08594,-0.074219 h -1.6875 c -0.04687,0 -0.07422,0.035156 -0.07422,0.085937
-0.02344,0.410157 -0.05859,0.535157 -0.109375,0.65625 l -2.503906,7.121094 c
-0.01172,0.08594 0.01563,0.121094 0.08594,0.121094 h 1.214843 c 0.07422,0
0.109375,-0.02344 0.136719,-0.09766 L 23.0829 [...]
+ <path
+ d="m 31.857666,11.341877 c 0.730469,0 1.507813,-0.132813
2.296875,-0.472657 0.0625,-0.02344 0.07422,-0.05078 0.07422,-0.109375
-0.02344,-0.21875 -0.05078,-0.535156 -0.05078,-0.777343 v -7.34375 c
0,-0.046875 0,-0.070313 -0.05859,-0.070313 h -1.324219 c -0.05078,0
-0.07422,0.023438 -0.07422,0.085938 V 5.142658 C 32.513916,5.11922
32.369385,5.107502 32.19751,5.107502 c -2.136719,0 -3.449219,1.410156
-3.449219,3.171875 0,2.042968 1.347656,3.0625 3.109375,3.0625 z m
0.863281,-1.3593 [...]
+ <path
+ d="m 38.453285,5.107502 c -1.824219,0 -2.953125,1.398437
-2.953125,3.125 0,1.542968 0.898438,3.109375 2.925781,3.109375 1.714844,0
2.917969,-1.261719 2.917969,-3.148438 0,-1.664062 -1.019531,-3.085937
-2.890625,-3.085937 z m -0.07422,1.226562 c 1.03125,0 1.46875,0.886719
1.46875,1.898438 0,1.25 -0.644531,1.871093 -1.394531,1.871093 -0.925781,0
-1.472656,-0.777343 -1.472656,-1.898437 0,-1.152344 0.582031,-1.871094
1.398437,-1.871094 z m 0,0" />
+ <path
+ d="m 42.712968,2.568439 c -0.05078,0 -0.08594,0.023438
-0.08594,0.085938 v 8.3125 c 0,0.03516 0.03516,0.09766 0.08594,0.109375
0.582031,0.179687 1.191406,0.265625 1.820312,0.265625 1.800781,0
3.550781,-1.117188 3.550781,-3.367188 0,-1.628906 -1.117187,-2.867187
-2.867187,-2.867187 -0.402344,0 -0.777344,0.0625 -1.105469,0.171875 L
44.09578,2.666095 c 0,-0.085937 -0.02344,-0.097656 -0.109375,-0.097656 z m
3.875,5.554688 c 0,1.347656 -0.921875,1.980468 -1.917969,1.980468 -0.207031,
[...]
+ <path
+ d="m 53.026024,8.560627 c 0.59375,0 1.082031,-0.011719 1.25,-0.050782
0.0625,-0.011718 0.08594,-0.035156 0.09766,-0.085937 0.03516,-0.132813
0.05078,-0.410156 0.05078,-0.75 0,-1.15625 -0.695312,-2.566406
-2.492187,-2.566406 -1.835938,0 -2.855469,1.496093 -2.855469,3.183593
0,1.496094 0.789063,3.050782 3,3.050782 0.828125,0 1.363281,-0.132813
1.824219,-0.351563 0.04687,-0.02344 0.07031,-0.0625 0.07031,-0.132812 V
9.845783 c 0,-0.058594 -0.03516,-0.070313 -0.07031,-0.046875 -0.460 [...]
+ </g>
</svg>
diff --git
a/landing-pages/site/static/usecase-logos/download-idR6yyb4TP-1766854345548.zip
b/landing-pages/site/static/usecase-logos/download-idR6yyb4TP-1766854345548.zip
new file mode 100644
index 0000000000..b15e51788e
Binary files /dev/null and
b/landing-pages/site/static/usecase-logos/download-idR6yyb4TP-1766854345548.zip
differ
diff --git a/landing-pages/site/static/usecase-logos/onefootball-logo.svg
b/landing-pages/site/static/usecase-logos/onefootball-logo.svg
index 6a45ace7d0..4595b21fbf 100644
--- a/landing-pages/site/static/usecase-logos/onefootball-logo.svg
+++ b/landing-pages/site/static/usecase-logos/onefootball-logo.svg
@@ -1,3 +1,19 @@
-<svg xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 353.2 68">
- <path fill="#32B846" d="M38.9 17.2c0 2-1.6 3.6-3.6 3.6s-3.6-1.6-3.6-3.6
1.6-3.6 3.6-3.6 3.6 1.7 3.6 3.6zm-9 38.6c0 2-1.6 3.6-3.6 3.6s-3.6-1.6-3.6-3.6
1.6-3.6 3.6-3.6 3.6 1.6 3.6 3.6zM41.6 38c-.2.2-.7.2-.9 0L39 36.4c-.3-.2-.3-.7
0-.9l3.6-3.6-3.8-3.7-9.2 9.1c-.2.2-.7.2-.9 0l-5.4-5.4c-.2-.2-.2-.7
0-.9l4.8-4.8H12.3c-.5 0-.7-.6-.4-.9l2-2c.3-.2.9-.7 1.5-.7h22.3c.2 0 .7.1 1
.4l8.5 8.5c.2.2.2.7 0 .9L41.6 38zm-20.3-5c.2-.2.7-.2.9 0l1.6 1.6c.2.2.2.7 0
.9L14.3 45c-.2.2-.7.2-.9 0l-1.6-1.6c-.2-.2 [...]
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd";>
+<!-- Created with Inkscape (http://www.inkscape.org/) by Marsupilami -->
+<svg
+ xmlns:svg="http://www.w3.org/2000/svg";
+ xmlns="http://www.w3.org/2000/svg";
+ id="svg2763"
+ version="1.1"
+ width="1024"
+ height="142"
+ viewBox="-0.59222409 -0.59222409 151.20444818 20.92525118">
+ <defs
+ id="defs2760" />
+ <path
+ id="path2741"
+ d="m 55.514,4.19 h 8.71 v 2.644 h -5.79 v 1.691 h 5.473 v 2.551 h -5.472
v 1.917 h 5.79 v 2.643 h -8.711 z m 10.706,11.4 h 2.901 v -4.533 h 4.838 V
8.506 H 69.148 V 6.807 h 5.617 V 4.164 H 66.22 Z M 99.581,6.814 h 3.305 v 8.776
h 2.908 V 6.814 h 3.304 V 4.17 h -9.517 z m 20.488,5.412 c 0,1.93 -1.183,3.37
-3.867,3.37 h -5.637 V 4.19 h 5.466 c 2.544,0 3.747,1.44 3.747,3.133 a
2.564,2.564 0 0 1 -1.144,2.233 v 0.357 c 0.428,0.227 0.786,0.565 1.038,0.977
0.252,0.413 0.389,0.886 0.397,1.3 [...]
+ style="fill:currentColor" />
</svg>
+<!-- version: 20171223, original size: 150.02 19.740803, border: 3% -->
diff --git a/landing-pages/site/static/usecase-logos/rancher-suse-white.svg
b/landing-pages/site/static/usecase-logos/rancher-suse-white.svg
new file mode 100644
index 0000000000..232a7d29b6
--- /dev/null
+++ b/landing-pages/site/static/usecase-logos/rancher-suse-white.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version:
6.00 Build 0) -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg";
xmlns:xlink="http://www.w3.org/1999/xlink"; x="0px" y="0px"
+ viewBox="0 0 255.12 90.74" style="enable-background:new 0 0 255.12
90.74;" xml:space="preserve">
+<style type="text/css">
+ .st0{display:none;}
+ .st1{display:inline;}
+ .st2{fill:#FFFFFF;}
+</style>
+<g id="padding" class="st0">
+ <path class="st1"
d="M118.37-0.13h9.41c4.47,0,7.48,2.17,7.48,6.36c0,3.42-2.33,5.48-4.6,6.19c0.68,0.58,1.18,1.35,1.59,2.17
+
c0.95,1.93,1.59,4.06,3.59,4.06c0.51,0,0.91-0.17,0.91-0.17l-0.44,4.03c0,0-1.22,0.3-2.27,0.3c-2.71,0-4.26-1.05-5.85-4.67
+ c-0.68-1.62-1.62-4.47-2.88-4.47h-1.29v9.03h-5.65V-0.13
M124.02,3.96v5.62h2.03c1.62,0,3.52-0.51,3.52-2.94
+ c0-2-1.29-2.67-2.84-2.67H124.02z"/>
+ <g class="st1">
+ <path
d="M0,54.39v-9.41c0-4.47,2.17-7.48,6.36-7.48c3.42,0,5.48,2.33,6.19,4.6c0.58-0.68,1.35-1.18,2.17-1.59
+
c1.93-0.95,4.06-1.59,4.06-3.59c0-0.51-0.17-0.91-0.17-0.91l4.03,0.44c0,0,0.3,1.22,0.3,2.27c0,2.71-1.05,4.26-4.67,5.85
+ c-1.62,0.68-4.47,1.62-4.47,2.88v1.29h9.03v5.65H0
M4.09,48.74h5.62v-2.03c0-1.62-0.51-3.52-2.94-3.52c-2,0-2.67,1.29-2.67,2.84
+ V48.74z"/>
+ <path
d="M232.18,54.39v-9.41c0-4.47,2.17-7.48,6.36-7.48c3.42,0,5.48,2.33,6.19,4.6c0.58-0.68,1.35-1.18,2.17-1.59
+
c1.93-0.95,4.06-1.59,4.06-3.59c0-0.51-0.17-0.91-0.17-0.91l4.03,0.44c0,0,0.3,1.22,0.3,2.27c0,2.71-1.05,4.26-4.67,5.85
+ c-1.62,0.68-4.47,1.62-4.47,2.88v1.29h9.03v5.65H232.18
M236.27,48.74h5.62v-2.03c0-1.62-0.51-3.52-2.94-3.52
+ c-2,0-2.67,1.29-2.67,2.84V48.74z"/>
+ </g>
+ <path class="st1"
d="M118.37,67.7h9.41c4.47,0,7.48,2.17,7.48,6.36c0,3.42-2.33,5.48-4.6,6.19c0.68,0.58,1.18,1.35,1.59,2.17
+
c0.95,1.93,1.59,4.06,3.59,4.06c0.51,0,0.91-0.17,0.91-0.17l-0.44,4.03c0,0-1.22,0.3-2.27,0.3c-2.71,0-4.26-1.05-5.85-4.67
+ c-0.68-1.62-1.62-4.47-2.88-4.47h-1.29v9.03h-5.65V67.7
M124.02,71.79v5.62h2.03c1.62,0,3.52-0.51,3.52-2.94
+ c0-2-1.29-2.67-2.84-2.67H124.02z"/>
+</g>
+<g id="logo">
+ <g>
+ <path class="st2"
d="M88.78,29.59l-0.71-4.29c-0.23-1.38-0.77-2.5-1.19-2.5c-0.43,0-0.77,1.14-0.77,2.54v1.12
+
c0,1.39-1.14,2.54-2.54,2.54h-1.12c-0.08,0-0.16,0-0.24,0.01v3.08c0.08,0,0.16,0.01,0.24,0.01h4.22
+ C88.06,32.09,89.01,30.97,88.78,29.59"/>
+ <path class="st2"
d="M78.67,25.96h-6.84c-0.06,0-0.11,0-0.17,0.01h-7.02c-0.08,0-0.16,0.01-0.24,0.02v-0.65
+
c0-1.39-0.35-2.54-0.77-2.54c-0.43,0-0.96,1.13-1.19,2.5l-0.71,4.29c-0.23,1.38,0.72,2.5,2.12,2.5h4.22c0.43,0,0.84-0.07,1.2-0.19
+
c-0.13,0.72-0.76,1.26-1.52,1.26h-5.91c-0.96,0-1.68-0.86-1.53-1.8l0.6-3.59c0.16-0.94-0.57-1.8-1.53-1.8H29.95
+
c-0.63,0-1.17,0.37-1.41,0.91L23,35.31c-0.09,0.14-0.08,0.33,0.03,0.46l1.08,1.27c0.13,0.16,0.37,0.18,0.53,0.05l3.77-2.97v18.04
+
c0,0.86,0.69,1.55,1.55,1.55h8.35c0.86,0,1.55-0.69,1.55-1.55v-6.27c0-0.85,0.69-1.55,1.55-1.55h20.85c0.86,0,1.55,0.69,1.55,1.55
+
v6.27c0,0.86,0.69,1.55,1.55,1.55h8.35c0.85,0,1.55-0.69,1.55-1.55v-6.75h-4.44c-1.39,0-2.54-1.14-2.54-2.54v-4.34
+
c0-0.83,0.4-1.56,1.02-2.02v5.18c0,1.39,1.14,2.54,2.54,2.54h6.84c1.39,0,2.54-1.14,2.54-2.54V28.5
+ C81.21,27.11,80.07,25.96,78.67,25.96"/>
+ </g>
+ <g>
+ <g id="Layer_1_00000116952799159011174390000017168342625225811855_">
+ <g>
+ <path class="st2"
d="M223.38,67.58c-0.96,0-1.74-0.78-1.74-1.74v-5.17c0-0.96,0.78-1.74,1.74-1.74h3.97
+
c0.31,0,0.56,0.25,0.56,0.56c0,0.31-0.25,0.56-0.56,0.56h-3.97c-0.34,0-0.62,0.28-0.62,0.62v2.03h3.89
+
c0.29,0,0.53,0.24,0.53,0.53c0,0.29-0.24,0.53-0.53,0.53h-3.89v2.07c0,0.34,0.28,0.62,0.62,0.62h3.97
+
c0.31,0,0.56,0.25,0.56,0.56c0,0.31-0.25,0.56-0.56,0.56H223.38z
M205.6,67.69c-1.14,0-2.02-0.29-2.62-0.86
+
c-0.59-0.57-0.89-1.43-0.89-2.56v-4.81c0-0.36,0.29-0.65,0.65-0.65c0.36,0,0.65,0.29,0.65,0.65v4.63c0,0.84,0.18,1.47,0.54,1.87
+
c0.36,0.4,0.92,0.61,1.67,0.61c0.75,0,1.31-0.21,1.67-0.61c0.36-0.4,0.54-1.03,0.54-1.87v-4.63c0-0.36,0.29-0.65,0.65-0.65
+
s0.65,0.29,0.65,0.65v4.81c0,1.12-0.3,1.98-0.89,2.56C207.62,67.4,206.74,67.69,205.6,67.69
M215.41,67.69
+
c-1.47,0-2.59-0.42-3.33-1.24c-0.21-0.24-0.2-0.61,0.03-0.84l0,0l0,0c0.12-0.12,0.27-0.18,0.44-0.18c0.18,0,0.34,0.07,0.45,0.21
+
c0.21,0.24,0.44,0.43,0.7,0.58c0.45,0.25,1.02,0.38,1.69,0.38c0.64,0,1.14-0.11,1.51-0.33c0.38-0.23,0.57-0.55,0.57-0.97
+
c0-0.34-0.17-0.62-0.51-0.82c-0.33-0.2-0.89-0.37-1.71-0.52c-0.8-0.15-1.44-0.33-1.91-0.55c-0.46-0.21-0.8-0.48-1.01-0.8
+
c-0.21-0.31-0.31-0.7-0.31-1.16c0-0.48,0.13-0.92,0.4-1.32c0.27-0.39,0.66-0.71,1.16-0.94c0.51-0.23,1.11-0.35,1.78-0.35
+
c0.79,0,1.47,0.14,2.03,0.43c0.37,0.19,0.71,0.46,1.01,0.78c0.23,0.25,0.2,0.64-0.05,0.87c-0.11,0.1-0.26,0.16-0.41,0.16
+
c-0.19,0-0.37-0.09-0.49-0.24c-0.17-0.22-0.36-0.39-0.56-0.53c-0.38-0.24-0.89-0.37-1.52-0.37c-0.62,0-1.11,0.13-1.45,0.38
+
c-0.35,0.25-0.53,0.58-0.53,0.98c0,0.37,0.17,0.67,0.52,0.89c0.33,0.21,0.91,0.39,1.77,0.55c0.78,0.14,1.4,0.32,1.86,0.53
+
c0.45,0.21,0.78,0.47,0.99,0.79c0.2,0.31,0.31,0.7,0.31,1.16c0,0.5-0.14,0.94-0.42,1.31c-0.28,0.38-0.69,0.67-1.2,0.87
+ C216.69,67.59,216.09,67.69,215.41,67.69
M195.86,67.7c-1.47,0-2.59-0.42-3.33-1.24c-0.21-0.24-0.2-0.61,0.03-0.84l0,0
+
c0.12-0.12,0.27-0.18,0.44-0.18c0.18,0,0.34,0.07,0.45,0.21c0.21,0.24,0.44,0.43,0.7,0.58c0.45,0.25,1.02,0.38,1.69,0.38
+
c0.64,0,1.14-0.11,1.51-0.33c0.38-0.23,0.57-0.55,0.57-0.97c0-0.34-0.17-0.62-0.51-0.82c-0.33-0.2-0.89-0.37-1.71-0.52
+
c-0.79-0.15-1.44-0.33-1.91-0.55c-0.46-0.22-0.81-0.48-1.01-0.8c-0.21-0.31-0.31-0.7-0.31-1.16c0-0.48,0.13-0.92,0.4-1.32
+
c0.27-0.39,0.66-0.71,1.16-0.94c0.51-0.23,1.1-0.35,1.78-0.35c0.79,0,1.47,0.14,2.03,0.43c0.38,0.19,0.71,0.46,1.01,0.78
+
c0.23,0.25,0.2,0.64-0.05,0.87c-0.11,0.1-0.26,0.16-0.41,0.16c-0.19,0-0.37-0.09-0.49-0.24c-0.17-0.22-0.36-0.39-0.56-0.53
+
c-0.38-0.24-0.89-0.37-1.52-0.37c-0.62,0-1.11,0.13-1.45,0.38c-0.35,0.25-0.53,0.59-0.53,0.98c0,0.37,0.17,0.67,0.52,0.89
+
c0.33,0.21,0.91,0.39,1.77,0.55c0.78,0.14,1.4,0.32,1.86,0.53c0.45,0.21,0.78,0.48,0.99,0.79c0.2,0.31,0.31,0.7,0.31,1.16
+
c0,0.5-0.14,0.94-0.42,1.31c-0.28,0.38-0.69,0.67-1.2,0.87C197.14,67.59,196.54,67.7,195.86,67.7"/>
+ </g>
+ </g>
+ <g>
+ <path class="st2"
d="M175.81,67.69h-3.31v-8.88h3.18c1.87,0,2.81,1.02,2.81,2.25c0,1.12-0.7,1.77-1.55,2.05
+
c0.97,0.17,1.76,1.1,1.76,2.19C178.7,66.65,177.65,67.69,175.81,67.69z
M175.58,59.77h-1.92v2.88h1.95
+
c1.08,0,1.71-0.53,1.71-1.44C177.32,60.33,176.72,59.77,175.58,59.77z
M175.67,63.6h-2.01v3.13h2.05c1.15,0,1.83-0.57,1.83-1.54
+ C177.54,64.22,176.81,63.6,175.67,63.6z"/>
+ <path class="st2"
d="M180.21,58.81h1.29l2.19,4.5l2.19-4.5h1.29l-2.89,5.53v3.35h-1.16v-3.35L180.21,58.81z"/>
+ </g>
+ </g>
+ <path class="st2"
d="M94.4,26.84h9.41c4.47,0,7.48,2.17,7.48,6.36c0,3.42-2.33,5.48-4.6,6.19c0.68,0.58,1.18,1.35,1.59,2.17
+
c0.95,1.93,1.59,4.06,3.59,4.06c0.51,0,0.91-0.17,0.91-0.17l-0.44,4.03c0,0-1.22,0.3-2.27,0.3c-2.71,0-4.26-1.05-5.85-4.67
+ c-0.68-1.62-1.62-4.47-2.88-4.47h-1.29v9.03H94.4V26.84
M100.05,30.93v5.62h2.03c1.62,0,3.52-0.51,3.52-2.94
+ c0-2-1.29-2.67-2.84-2.67H100.05z"/>
+ <path class="st2"
d="M118.92,26.84h5.72l7.71,22.84h-5.72l-1.42-4.33h-7.65l-1.39,4.33h-4.94L118.92,26.84
M118.92,41.15h4.91
+
l-1.56-4.8c-0.54-1.62-0.78-3.92-0.78-3.92h-0.14c0,0-0.34,2.33-0.85,3.89L118.92,41.15z"/>
+ <path class="st2"
d="M132.59,26.84h6.06l5.99,11.33c0.51,0.98,1.18,2.71,1.73,4.06h0.14c-0.07-1.29-0.24-3.11-0.24-4.43V26.84h4.63
+
v22.84h-5.92l-6.22-11.3c-0.58-1.02-1.18-2.5-1.66-3.72h-0.14c0.1,1.29,0.27,2.81,0.27,4.06v10.96h-4.64V26.84"/>
+ <path class="st2"
d="M152.1,38.1c0-8.25,4.09-11.67,10.42-11.67c6.66,0,9.34,3.65,8.59,8.59l-5.28,0.47
+
c0.58-3.62-0.85-5.07-3.42-5.07c-2.47,0-4.47,1.83-4.47,7.71c0,6.23,2.17,7.82,4.63,7.82c2.33,0,4.23-1.46,3.82-4.43l4.94,0.51
+ c0.37,4.63-2.98,8.05-9.07,8.05C156.1,50.08,152.1,46.43,152.1,38.1"/>
+ <polyline class="st2" points="172.5,26.84 178.15,26.84 178.15,35.47
185.09,35.47 185.09,26.84 190.74,26.84 190.74,49.68
+ 185.09,49.68 185.09,40 178.15,40 178.15,49.68 172.5,49.68 172.5,26.84
"/>
+ <polyline class="st2" points="193,26.84 208.12,26.84 208.12,31.03
198.65,31.03 198.65,35.94 206.6,35.94 206.6,40.13
+ 198.65,40.13 198.65,45.48 208.46,45.48 208.46,49.68 193,49.68
193,26.84 "/>
+ <path class="st2"
d="M209.54,26.84h9.41c4.47,0,7.48,2.17,7.48,6.36c0,3.42-2.33,5.48-4.6,6.19c0.68,0.58,1.18,1.35,1.59,2.17
+
c0.95,1.93,1.59,4.06,3.59,4.06c0.51,0,0.91-0.17,0.91-0.17l-0.44,4.03c0,0-1.22,0.3-2.27,0.3c-2.71,0-4.26-1.05-5.85-4.67
+ c-0.68-1.62-1.62-4.47-2.88-4.47h-1.29v9.03h-5.65V26.84
M215.19,30.93v5.62h2.03c1.62,0,3.52-0.51,3.52-2.94
+ c0-2-1.29-2.67-2.84-2.67H215.19z"/>
+ <path class="st2"
d="M228.5,28.28c0-1.29,0.96-1.85,1.84-1.85c0.89,0,1.84,0.55,1.84,1.85c0,1.26-0.96,1.82-1.84,1.82
+ C229.45,30.1,228.5,29.55,228.5,28.28
M231.74,28.27c0-1.01-0.66-1.45-1.4-1.45c-0.74,0-1.42,0.44-1.42,1.45
+ c0,1,0.68,1.44,1.42,1.44C231.08,29.71,231.74,29.28,231.74,28.27z
M229.73,27.36h0.65c0.33,0,0.66,0.09,0.66,0.56
+
c0,0.28-0.18,0.43-0.43,0.48l0.43,0.74h-0.4l-0.4-0.72h-0.16v0.72h-0.36V27.36z
M230.41,28.17c0.15,0,0.28-0.09,0.28-0.26
+ c0-0.19-0.15-0.24-0.28-0.24h-0.32v0.5H230.41z"/>
+</g>
+</svg>
diff --git a/landing-pages/site/static/usecase-logos/sift_logo.svg
b/landing-pages/site/static/usecase-logos/sift_logo.svg
new file mode 100644
index 0000000000..100de60fb2
--- /dev/null
+++ b/landing-pages/site/static/usecase-logos/sift_logo.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg";
width="436" height="155" viewBox="0 0 436 155" fill="none"><g
clip-path="url(#clip0_2318_5495)"><path d="M432.284 120.838C431.665 121 430.798
121.188 429.671 121.375C428.544 121.563 427.243 121.663 425.757 121.663C423.775
121.663 421.942 121.35 420.269 120.725C418.597 120.1 417.235 118.9 416.207
117.125C415.166 115.35 414.658 112.725 414.658
109.263V56.7877H434.229V40.9877H414.658V19.2627H395.199V40.9877H356.0 [...]
diff --git a/landing-pages/site/static/usecase-logos/sift_logo_white.svg
b/landing-pages/site/static/usecase-logos/sift_logo_white.svg
new file mode 100644
index 0000000000..adc815bbe3
--- /dev/null
+++ b/landing-pages/site/static/usecase-logos/sift_logo_white.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg";
width="148" height="53" viewBox="0 0 148 53" fill="none"><g
clip-path="url(#clip0_2318_5499)"><path d="M146.738 41.2514C146.528 41.3059
146.234 41.3688 145.851 41.4317C145.468 41.4946 145.027 41.5282 144.522
41.5282C143.85 41.5282 143.227 41.4233 142.66 41.2137C142.092 41.004 141.63
40.6014 141.281 40.0059C140.928 39.4104 140.755 38.5298 140.755
37.3682V19.7637H147.398V14.463H140.755V7.17463H134.15V14.463H120. [...]
diff --git a/sphinx_airflow_theme/sphinx_airflow_theme/header.html
b/sphinx_airflow_theme/sphinx_airflow_theme/header.html
index 9bdc02163f..67f6828012 100644
--- a/sphinx_airflow_theme/sphinx_airflow_theme/header.html
+++ b/sphinx_airflow_theme/sphinx_airflow_theme/header.html
@@ -59,40 +59,6 @@
{{ link.text }}
</a>
{% endfor %}
- <div class="navbar__theme-toggle">
- <button class="btn btn-link nav-link dropdown-toggle
d-flex align-items-center"
- id="bd-theme"
- type="button"
- aria-expanded="false"
- data-bs-toggle="dropdown"
- data-bs-display="static"
- aria-label="Toggle theme (auto)">
- <svg class="bi my-1 theme-icon-active"><use
href="#circle-half"></use></svg>
- </button>
- <ul class="dropdown-menu dropdown-menu-end"
aria-labelledby="bd-theme-text">
- <li>
- <button type="button" class="dropdown-item
d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
- <svg class="bi me-2 opacity-50"><use
href="#sun-fill"></use></svg>
- Light
- <svg class="bi ms-auto d-none"><use
href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item
d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
- <svg class="bi me-2 opacity-50"><use
href="#moon-stars-fill"></use></svg>
- Dark
- <svg class="bi ms-auto d-none"><use
href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item
d-flex align-items-center active" data-bs-theme-value="auto"
aria-pressed="true">
- <svg class="bi me-2 opacity-50"><use
href="#circle-half"></use></svg>
- Auto
- <svg class="bi ms-auto d-none"><use
href="#check2"></use></svg>
- </button>
- </li>
- </ul>
- </div>
</div>
{% if not theme_hide_website_buttons %}
@@ -104,6 +70,40 @@
</div>
</div>
+ <div class="navbar__theme-toggle">
+ <button class="btn btn-link nav-link dropdown-toggle d-flex
align-items-center"
+ id="bd-theme"
+ type="button"
+ aria-expanded="false"
+ data-bs-toggle="dropdown"
+ data-bs-display="static"
+ aria-label="Toggle theme (auto)">
+ <svg class="bi my-1 theme-icon-active"><use
href="#circle-half"></use></svg>
+ </button>
+ <ul class="dropdown-menu dropdown-menu-end"
aria-labelledby="bd-theme-text">
+ <li>
+ <button type="button" class="dropdown-item d-flex
align-items-center" data-bs-theme-value="light" aria-pressed="false">
+ <svg class="bi me-2 theme-icon-active"><use
href="#sun-fill"></use></svg>
+ Light
+ <svg class="bi ms-auto d-none"><use
href="#check2"></use></svg>
+ </button>
+ </li>
+ <li>
+ <button type="button" class="dropdown-item d-flex
align-items-center" data-bs-theme-value="dark" aria-pressed="false">
+ <svg class="bi me-2 theme-icon-active"><use
href="#moon-stars-fill"></use></svg>
+ Dark
+ <svg class="bi ms-auto d-none"><use
href="#check2"></use></svg>
+ </button>
+ </li>
+ <li>
+ <button type="button" class="dropdown-item d-flex
align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
+ <svg class="bi me-2 theme-icon-active"><use
href="#circle-half"></use></svg>
+ Auto
+ <svg class="bi ms-auto d-none"><use
href="#check2"></use></svg>
+ </button>
+ </li>
+ </ul>
+ </div>
<div class="mobile-only navbar__drawer-container">
<button class="navbar__toggle-button" id="navbar-toggle-button">
