This is an automated email from the ASF dual-hosted git repository. shahar pushed a commit to branch improve-dark-mode-toggling-and-color-constrast in repository https://gitbox.apache.org/repos/asf/airflow-site.git
commit 2c2a0bd94072f5b36024c7582c2e9fe618081a83 Author: Shahar Epstein <[email protected]> AuthorDate: Sat Dec 27 17:07:26 2025 +0200 Improve dark mode toggling, color constrast, and logos --- .../site/assets/scss/_community-page.scss | 12 +++ landing-pages/site/assets/scss/_list-boxes.scss | 75 ++++++++++++++- landing-pages/site/assets/scss/_navbar.scss | 41 +++++++- landing-pages/site/content/en/use-cases/sift.md | 2 +- .../site/layouts/partials/boxes/testimonial.html | 10 +- .../site/static/usecase-logos/adobe-logo.svg | 24 ++++- .../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-white.svg | 1 + .../site/static/usecase-logos/sift-logo.svg | 1 + .../sphinx_airflow_theme/header.html | 68 ++++++------- 12 files changed, 311 insertions(+), 49 deletions(-) diff --git a/landing-pages/site/assets/scss/_community-page.scss b/landing-pages/site/assets/scss/_community-page.scss index 6d5464ccd8..b3074b6815 100644 --- a/landing-pages/site/assets/scss/_community-page.scss +++ b/landing-pages/site/assets/scss/_community-page.scss @@ -242,4 +242,16 @@ .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, + .counter-blue li, + .ticks-blue li, + 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..490f840ce1 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,56 @@ $card-margin: 20px; &__integration--name { color: var(--bs-emphasis-color); } + + // Testimonials (Transparent BG) - Consistent Gray + &__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) - Keep inverted to stay white, but rotate hue to restore colors + &.hoverable-icon:hover { + .box-event__use-cases--logo img { + filter: invert(1) hue-rotate(180deg); + opacity: 1; + } + } + + // Hover state for Testimonials - Restore original colors + &.hoverable-icon:hover { + .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..4b3275b917 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,22 @@ 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; svg { width: 0.875rem; height: 0.875rem; + fill: currentColor; + } + + .ms-auto { + margin-left: 0.5rem !important; } } } @@ -174,6 +187,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 +258,25 @@ } } } + + .dropdown-menu { + background-color: #1a1a1a; + border-color: #333; + + .dropdown-item { + color: rgba(255, 255, 255, 0.85); + + &:hover, &:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #fff; + } + + &.active { + background-color: map-get($colors, cerulean-blue); + color: #fff; + } + } + } } } } diff --git a/landing-pages/site/content/en/use-cases/sift.md b/landing-pages/site/content/en/use-cases/sift.md index 5aa2d009a1..9d874dc238 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..8f687b5405 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/static/usecase-logos/adobe-logo.svg b/landing-pages/site/static/usecase-logos/adobe-logo.svg index 292815a14e..04c2ce861a 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> +<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> \ No newline at end of file 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..137a567bb5 --- /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-white.svg b/landing-pages/site/static/usecase-logos/sift-logo-white.svg new file mode 100644 index 0000000000..589c4d36c4 --- /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. [...] \ No newline at end of file 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..76ba0b7c20 --- /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 [...] \ No newline at end of file diff --git a/sphinx_airflow_theme/sphinx_airflow_theme/header.html b/sphinx_airflow_theme/sphinx_airflow_theme/header.html index 9bdc02163f..fe9f6471be 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"><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"><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"><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">
