From b9025c67f2760d227de6b95a54c5f21ae87aa271 Mon Sep 17 00:00:00 2001 From: Piotr Monwid-Olechnowicz Date: Mon, 7 Jul 2025 20:21:14 +0200 Subject: [PATCH 1/6] Add logos of companies using GraphQL --- .../index-page/trusted-by/logos/AWS.svg | 5 ++ .../index-page/trusted-by/logos/AirBnB.svg | 3 ++ .../index-page/trusted-by/logos/GitHub.svg | 33 ++++++++++++ .../index-page/trusted-by/logos/IBM.svg | 51 +++++++++++++++++++ .../index-page/trusted-by/logos/Intuit.svg | 2 + .../index-page/trusted-by/logos/Meta.svg | 13 +++++ .../trusted-by/logos/NewYorkTimes.svg | 1 + .../index-page/trusted-by/logos/PayPal.svg | 10 ++++ .../index-page/trusted-by/logos/Shopify.svg | 16 ++++++ .../index-page/trusted-by/logos/Starbucks.svg | 3 ++ 10 files changed, 137 insertions(+) create mode 100644 src/components/index-page/trusted-by/logos/AWS.svg create mode 100644 src/components/index-page/trusted-by/logos/AirBnB.svg create mode 100644 src/components/index-page/trusted-by/logos/GitHub.svg create mode 100644 src/components/index-page/trusted-by/logos/IBM.svg create mode 100644 src/components/index-page/trusted-by/logos/Intuit.svg create mode 100644 src/components/index-page/trusted-by/logos/Meta.svg create mode 100644 src/components/index-page/trusted-by/logos/NewYorkTimes.svg create mode 100644 src/components/index-page/trusted-by/logos/PayPal.svg create mode 100755 src/components/index-page/trusted-by/logos/Shopify.svg create mode 100644 src/components/index-page/trusted-by/logos/Starbucks.svg diff --git a/src/components/index-page/trusted-by/logos/AWS.svg b/src/components/index-page/trusted-by/logos/AWS.svg new file mode 100644 index 0000000000..4b804676cd --- /dev/null +++ b/src/components/index-page/trusted-by/logos/AWS.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/components/index-page/trusted-by/logos/AirBnB.svg b/src/components/index-page/trusted-by/logos/AirBnB.svg new file mode 100644 index 0000000000..e7ac51a06c --- /dev/null +++ b/src/components/index-page/trusted-by/logos/AirBnB.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/index-page/trusted-by/logos/GitHub.svg b/src/components/index-page/trusted-by/logos/GitHub.svg new file mode 100644 index 0000000000..f75f0fe2b6 --- /dev/null +++ b/src/components/index-page/trusted-by/logos/GitHub.svg @@ -0,0 +1,33 @@ + + + + + + + + + diff --git a/src/components/index-page/trusted-by/logos/IBM.svg b/src/components/index-page/trusted-by/logos/IBM.svg new file mode 100644 index 0000000000..3f442a659b --- /dev/null +++ b/src/components/index-page/trusted-by/logos/IBM.svg @@ -0,0 +1,51 @@ + + + +Logo International Business Machines Corporation + + diff --git a/src/components/index-page/trusted-by/logos/Intuit.svg b/src/components/index-page/trusted-by/logos/Intuit.svg new file mode 100644 index 0000000000..42113afa7c --- /dev/null +++ b/src/components/index-page/trusted-by/logos/Intuit.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/src/components/index-page/trusted-by/logos/Meta.svg b/src/components/index-page/trusted-by/logos/Meta.svg new file mode 100644 index 0000000000..867af85ad0 --- /dev/null +++ b/src/components/index-page/trusted-by/logos/Meta.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/src/components/index-page/trusted-by/logos/NewYorkTimes.svg b/src/components/index-page/trusted-by/logos/NewYorkTimes.svg new file mode 100644 index 0000000000..67fc6137d4 --- /dev/null +++ b/src/components/index-page/trusted-by/logos/NewYorkTimes.svg @@ -0,0 +1 @@ + diff --git a/src/components/index-page/trusted-by/logos/PayPal.svg b/src/components/index-page/trusted-by/logos/PayPal.svg new file mode 100644 index 0000000000..3c41aacf02 --- /dev/null +++ b/src/components/index-page/trusted-by/logos/PayPal.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/components/index-page/trusted-by/logos/Shopify.svg b/src/components/index-page/trusted-by/logos/Shopify.svg new file mode 100755 index 0000000000..fb5491d8ba --- /dev/null +++ b/src/components/index-page/trusted-by/logos/Shopify.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + diff --git a/src/components/index-page/trusted-by/logos/Starbucks.svg b/src/components/index-page/trusted-by/logos/Starbucks.svg new file mode 100644 index 0000000000..24bafdc1c8 --- /dev/null +++ b/src/components/index-page/trusted-by/logos/Starbucks.svg @@ -0,0 +1,3 @@ + + + From c58a3e050fab67880a3c0a5963e04808341c8e30 Mon Sep 17 00:00:00 2001 From: Piotr Monwid-Olechnowicz Date: Mon, 7 Jul 2025 20:27:57 +0200 Subject: [PATCH 2/6] Rename gql-conf-section and gql-conf-container --- src/app/(development)/workroom/page.tsx | 2 +- src/app/conf/2025/code-of-conduct/page.tsx | 2 +- src/app/conf/2025/components/become-a-sponsor/index.tsx | 2 +- src/app/conf/2025/components/call-for-proposals.tsx | 2 +- src/app/conf/2025/components/cta-card-section/index.tsx | 2 +- src/app/conf/2025/components/get-your-ticket/index.tsx | 2 +- src/app/conf/2025/components/graphql-foundation-card.tsx | 2 +- src/app/conf/2025/components/hero/index.tsx | 2 +- src/app/conf/2025/components/register-section/index.tsx | 2 +- src/app/conf/2025/components/register-today/index.tsx | 2 +- src/app/conf/2025/components/sponsors.tsx | 2 +- src/app/conf/2025/components/testimonials/index.tsx | 2 +- src/app/conf/2025/components/top-minds/index.tsx | 2 +- src/app/conf/2025/components/venue/index.tsx | 2 +- src/app/conf/2025/components/what-to-expect.tsx | 2 +- src/app/conf/2025/faq.tsx | 2 +- src/app/conf/2025/page.tsx | 6 +++--- src/app/conf/2025/resources/page.tsx | 2 +- src/app/conf/2025/schedule/[id]/page.tsx | 6 +++--- src/app/conf/2025/schedule/page.tsx | 4 ++-- src/app/conf/2025/speakers/[id]/page.tsx | 6 +++--- src/app/conf/2025/speakers/page.tsx | 4 ++-- src/components/index-page/hero.tsx | 2 +- src/globals.css | 4 ++-- 24 files changed, 33 insertions(+), 33 deletions(-) diff --git a/src/app/(development)/workroom/page.tsx b/src/app/(development)/workroom/page.tsx index 34b4f0d566..4322692e81 100644 --- a/src/app/(development)/workroom/page.tsx +++ b/src/app/(development)/workroom/page.tsx @@ -33,7 +33,7 @@ export default function WorkroomPage() { } return ( -
+

SpeakerOpengraphImage

-
+
-
+

Become a Sponsor

diff --git a/src/app/conf/2025/components/call-for-proposals.tsx b/src/app/conf/2025/components/call-for-proposals.tsx index b7084564ff..2b4b2b297a 100644 --- a/src/app/conf/2025/components/call-for-proposals.tsx +++ b/src/app/conf/2025/components/call-for-proposals.tsx @@ -329,7 +329,7 @@ export function CallForProposals() {
diff --git a/src/app/conf/2025/components/cta-card-section/index.tsx b/src/app/conf/2025/components/cta-card-section/index.tsx index e690003db7..cf7d94fc1e 100644 --- a/src/app/conf/2025/components/cta-card-section/index.tsx +++ b/src/app/conf/2025/components/cta-card-section/index.tsx @@ -17,7 +17,7 @@ export function CtaCardSection({ ...rest }: CtaCardSectionProps) { return ( -
+
-
+

Get your ticket diff --git a/src/app/conf/2025/components/graphql-foundation-card.tsx b/src/app/conf/2025/components/graphql-foundation-card.tsx index ab3155f3fb..c70d76ca23 100644 --- a/src/app/conf/2025/components/graphql-foundation-card.tsx +++ b/src/app/conf/2025/components/graphql-foundation-card.tsx @@ -4,7 +4,7 @@ import FoundationWordmark from "../assets/graphql-foundation-wordmark.svg?svgr" export function GraphQLFoundationCard({ className }: { className?: string }) { return ( -
+
diff --git a/src/app/conf/2025/components/hero/index.tsx b/src/app/conf/2025/components/hero/index.tsx index 1c2ac61332..eeaa4bc8ad 100644 --- a/src/app/conf/2025/components/hero/index.tsx +++ b/src/app/conf/2025/components/hero/index.tsx @@ -38,7 +38,7 @@ export function Hero(props: HeroProps) { >
{props.stripes || } -
+
{props.pageName ? (
diff --git a/src/app/conf/2025/components/register-section/index.tsx b/src/app/conf/2025/components/register-section/index.tsx index 8b4b18ff96..148e4c3fe5 100644 --- a/src/app/conf/2025/components/register-section/index.tsx +++ b/src/app/conf/2025/components/register-section/index.tsx @@ -9,7 +9,7 @@ export function RegisterSection({ className, ...props }: RegisterSectionProps) { return (
diff --git a/src/app/conf/2025/components/sponsors.tsx b/src/app/conf/2025/components/sponsors.tsx index 3bdbb3f101..08b630588d 100644 --- a/src/app/conf/2025/components/sponsors.tsx +++ b/src/app/conf/2025/components/sponsors.tsx @@ -52,7 +52,7 @@ const sponsorTiers: Tier[] = [ export function Sponsors({ heading }: SponsorsProps) { return ( -
+

{heading}

diff --git a/src/app/conf/2025/components/testimonials/index.tsx b/src/app/conf/2025/components/testimonials/index.tsx index 4ae007a082..42a7aaa92c 100644 --- a/src/app/conf/2025/components/testimonials/index.tsx +++ b/src/app/conf/2025/components/testimonials/index.tsx @@ -52,7 +52,7 @@ export function Testimonials({ className, ...rest }: TestimonialsProps) { return (
diff --git a/src/app/conf/2025/components/what-to-expect.tsx b/src/app/conf/2025/components/what-to-expect.tsx index 0bfd71a116..9d4585ba16 100644 --- a/src/app/conf/2025/components/what-to-expect.tsx +++ b/src/app/conf/2025/components/what-to-expect.tsx @@ -11,7 +11,7 @@ export default function WhatToExpectSection({ }: WhatToExpectSectionProps) { return (

What to expect

diff --git a/src/app/conf/2025/faq.tsx b/src/app/conf/2025/faq.tsx index 9696270e18..a95deaddd2 100644 --- a/src/app/conf/2025/faq.tsx +++ b/src/app/conf/2025/faq.tsx @@ -203,7 +203,7 @@ export function FAQ({ className }: { className?: string }) {
diff --git a/src/app/conf/2025/page.tsx b/src/app/conf/2025/page.tsx index 106881110a..18a5b7e836 100644 --- a/src/app/conf/2025/page.tsx +++ b/src/app/conf/2025/page.tsx @@ -33,7 +33,7 @@ export default function Page() { Get your tickets -
+
-
+
-
+
-
+
diff --git a/src/app/conf/2025/schedule/[id]/page.tsx b/src/app/conf/2025/schedule/[id]/page.tsx index c64649d3c6..055ca10fa0 100644 --- a/src/app/conf/2025/schedule/[id]/page.tsx +++ b/src/app/conf/2025/schedule/[id]/page.tsx @@ -79,8 +79,8 @@ export default function SessionPage({ params }: SessionProps) {
-
-
+
+
-
+
-
+
-
+
-
-
+
+
-
+
*/} {/*
*/} -
+
{speakers.map(speaker => ( @@ -38,7 +38,7 @@ export default function Page() {
-
+
-
+

The query language for modern APIs diff --git a/src/globals.css b/src/globals.css index 962c829ce7..01e942d99a 100644 --- a/src/globals.css +++ b/src/globals.css @@ -503,11 +503,11 @@ div[id^="headlessui-menu-items"] { @apply focus-visible:outline focus-visible:outline-[3px] focus-visible:outline-offset-[5px] focus-visible:outline-neu-900; } -.gql-conf-container { +.gql-container { @apply mx-auto w-full max-w-[120rem]; } -.gql-conf-section { +.gql-section { @apply px-4 py-8 lg:px-12 xl:gap-x-24 xl:px-24 3xl:px-[240px]; } From 21d7e8322b94fce40b479af8438ea9b4b9610c5f Mon Sep 17 00:00:00 2001 From: Piotr Monwid-Olechnowicz Date: Mon, 7 Jul 2025 20:28:19 +0200 Subject: [PATCH 3/6] Add missing pointer-events-none to navbar --- src/components/navbar/navbar.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/navbar/navbar.tsx b/src/components/navbar/navbar.tsx index a38106de14..f971328547 100644 --- a/src/components/navbar/navbar.tsx +++ b/src/components/navbar/navbar.tsx @@ -269,7 +269,7 @@ function SubmenuBackdrop({ className }: { className: string }) { return (
From 9e47170dec82ffbc7991266aa3a3979a411f101a Mon Sep 17 00:00:00 2001 From: Piotr Monwid-Olechnowicz Date: Mon, 7 Jul 2025 20:28:37 +0200 Subject: [PATCH 4/6] Lay out the new TrustedBy section --- src/components/index-page/index.tsx | 2 + .../index-page/trusted-by/index.tsx | 133 ++++++++++++++++++ .../index-page/trusted-by/style.module.css | 11 ++ src/components/index-page/who-is-using.tsx | 3 + 4 files changed, 149 insertions(+) create mode 100644 src/components/index-page/trusted-by/index.tsx create mode 100644 src/components/index-page/trusted-by/style.module.css diff --git a/src/components/index-page/index.tsx b/src/components/index-page/index.tsx index 11040a55ad..7f43d52dca 100644 --- a/src/components/index-page/index.tsx +++ b/src/components/index-page/index.tsx @@ -1,4 +1,5 @@ import { Hero } from "./hero" +import { TrustedBy } from "./trusted-by" import { PredictableResults } from "./predictable-results" import { SingleRequest } from "./single-request" import { TypeSystem } from "./type-system" @@ -12,6 +13,7 @@ export function IndexPage() { return (
+

A query language for your API

diff --git a/src/components/index-page/trusted-by/index.tsx b/src/components/index-page/trusted-by/index.tsx new file mode 100644 index 0000000000..0275b4a218 --- /dev/null +++ b/src/components/index-page/trusted-by/index.tsx @@ -0,0 +1,133 @@ +import { clsx } from "clsx" + +import { Button } from "@/app/conf/_design-system/button" + +import MetaLockup from "./logos/Meta.svg?svgr" +import IBMWordmark from "./logos/IBM.svg?svgr" +import AirBnBLockup from "./logos/AirBnB.svg?svgr" +import IntuitWordmark from "./logos/Intuit.svg?svgr" +import AWSLogo from "./logos/AWS.svg?svgr" +import PayPalWordmark from "./logos/PayPal.svg?svgr" +import NewYorkTimesWordmark from "./logos/NewYorkTimes.svg?svgr" +import StarbucksWordmark from "./logos/Starbucks.svg?svgr" +import ShopifyLockup from "./logos/Shopify.svg?svgr" +import GitHubLockup from "./logos/GitHub.svg?svgr" + +import styles from "./style.module.css" + +const logos: LogoListItem[] = [ + { + href: "https://meta.com", + alt: "Meta", + component: MetaLockup, + }, + { + href: "https://aws.amazon.com", + alt: "AWS", + component: props => ( + + ), + }, + + // todo: Netflix? + // { + // href: "https://netflix.com", + // alt: "Netflix", + // component: NetflixWordmark, + // }, + { + href: "https://airbnb.com", + alt: "Airbnb", + component: AirBnBLockup, + }, + { + href: "https://intuit.com", + alt: "Intuit", + component: IntuitWordmark, + }, + + { + href: "https://ibm.com", + alt: "IBM", + component: props => ( + + ), + }, + + { + href: "https://paypal.com", + alt: "PayPal", + component: PayPalWordmark, + }, + { + href: "https://nytimes.com", + alt: "New York Times", + component: NewYorkTimesWordmark, + }, + { + href: "https://starbucks.com", + alt: "Starbucks", + component: props => ( + + ), + }, + { + href: "https://shopify.com", + alt: "Shopify", + component: ShopifyLockup, + }, + { + href: "https://github.com", + alt: "GitHub", + component: GitHubLockup, + }, +] + +export function TrustedBy() { + return ( +
+
+

+ GraphQL is open source and trusted by the industry +

+

+ Facebook's mobile apps have been powered by GraphQL since 2012. A + GraphQL spec was open-sourced in 2015. Now it is used by + industry-leading companies worldwide and supported by the GraphQL + Foundation, hosted since 2018 by the non-profit Linux Foundation. +

+
+
+ {logos.map(({ alt, href, component: Component }) => ( + + + + ))} +
+ + +
+ ) +} + +interface LogoListItem { + href: string + alt: string + component: React.FC<{ className?: string }> +} diff --git a/src/components/index-page/trusted-by/style.module.css b/src/components/index-page/trusted-by/style.module.css new file mode 100644 index 0000000000..1159d1c8cd --- /dev/null +++ b/src/components/index-page/trusted-by/style.module.css @@ -0,0 +1,11 @@ +.logos > a { + transition: background-color 250ms cubic-bezier(0.075, 0.82, 0.165, 1); + + & :is(svg, path) { + transition: fill 250ms cubic-bezier(0.075, 0.82, 0.165, 1); + } + + &:not(:hover) :is(svg, path) { + fill: hsl(var(--color-neu-600)); + } +} diff --git a/src/components/index-page/who-is-using.tsx b/src/components/index-page/who-is-using.tsx index d7c18ebbf3..98dc2a37e0 100644 --- a/src/components/index-page/who-is-using.tsx +++ b/src/components/index-page/who-is-using.tsx @@ -8,6 +8,9 @@ import shopifyLogo from "../../../public/users/logos/shopify.png" import NextImage from "next-image-export-optimizer" import { clsx } from "clsx" +/** + * @deprecated + */ export function WhoIsUsing() { return (
From 2940cc146f073b749804c3084adc0771075ff03d Mon Sep 17 00:00:00 2001 From: Piotr Monwid-Olechnowicz Date: Mon, 7 Jul 2025 20:36:20 +0200 Subject: [PATCH 5/6] Add a divider between logos --- .../index-page/trusted-by/index.tsx | 2 +- .../index-page/trusted-by/style.module.css | 25 +++++++++++++------ 2 files changed, 19 insertions(+), 8 deletions(-) diff --git a/src/components/index-page/trusted-by/index.tsx b/src/components/index-page/trusted-by/index.tsx index 0275b4a218..896ac9b5f8 100644 --- a/src/components/index-page/trusted-by/index.tsx +++ b/src/components/index-page/trusted-by/index.tsx @@ -102,7 +102,7 @@ export function TrustedBy() {
diff --git a/src/components/index-page/trusted-by/style.module.css b/src/components/index-page/trusted-by/style.module.css index 1159d1c8cd..d36020d592 100644 --- a/src/components/index-page/trusted-by/style.module.css +++ b/src/components/index-page/trusted-by/style.module.css @@ -1,11 +1,22 @@ -.logos > a { - transition: background-color 250ms cubic-bezier(0.075, 0.82, 0.165, 1); +.logos { + background-image: radial-gradient( + ellipse at 50% 50%, + hsl(var(--color-neu-600)) 0%, + transparent 75% + ); + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; - & :is(svg, path) { - transition: fill 250ms cubic-bezier(0.075, 0.82, 0.165, 1); - } + & > a { + transition: background-color 300ms cubic-bezier(0.075, 0.82, 0.165, 1); + + & :is(svg, path) { + transition: fill 300ms cubic-bezier(0.075, 0.82, 0.165, 1); + } - &:not(:hover) :is(svg, path) { - fill: hsl(var(--color-neu-600)); + &:not(:hover) :is(svg, path) { + fill: hsl(var(--color-neu-600)); + } } } From 69d2bf97641f441696196aa47a001073c10aa28a Mon Sep 17 00:00:00 2001 From: Piotr Monwid-Olechnowicz Date: Mon, 7 Jul 2025 22:11:42 +0200 Subject: [PATCH 6/6] Tweak the logos for mobile and dark mode --- .../index-page/trusted-by/index.tsx | 33 ++++++--- .../index-page/trusted-by/logos/AWS.svg | 36 ++++++++- .../index-page/trusted-by/logos/AirBnB.svg | 19 ++++- .../index-page/trusted-by/logos/GitHub.svg | 44 ++++++++--- .../index-page/trusted-by/logos/IBM.svg | 69 +++++------------ .../index-page/trusted-by/logos/Intuit.svg | 23 +++++- .../index-page/trusted-by/logos/Meta.svg | 35 +++++++-- .../trusted-by/logos/NewYorkTimes.svg | 20 ++++- .../index-page/trusted-by/logos/PayPal.svg | 14 +++- .../index-page/trusted-by/logos/Shopify.svg | 74 +++++++++++++++---- .../trusted-by/logos/ShopifyMonotone.svg | 11 +++ .../index-page/trusted-by/logos/Starbucks.svg | 20 ++++- .../index-page/trusted-by/style.module.css | 14 +++- 13 files changed, 306 insertions(+), 106 deletions(-) create mode 100755 src/components/index-page/trusted-by/logos/ShopifyMonotone.svg diff --git a/src/components/index-page/trusted-by/index.tsx b/src/components/index-page/trusted-by/index.tsx index 896ac9b5f8..1610f6403c 100644 --- a/src/components/index-page/trusted-by/index.tsx +++ b/src/components/index-page/trusted-by/index.tsx @@ -11,6 +11,7 @@ import PayPalWordmark from "./logos/PayPal.svg?svgr" import NewYorkTimesWordmark from "./logos/NewYorkTimes.svg?svgr" import StarbucksWordmark from "./logos/Starbucks.svg?svgr" import ShopifyLockup from "./logos/Shopify.svg?svgr" +import ShopifyMonotoneLockup from "./logos/ShopifyMonotone.svg?svgr" import GitHubLockup from "./logos/GitHub.svg?svgr" import styles from "./style.module.css" @@ -25,7 +26,10 @@ const logos: LogoListItem[] = [ href: "https://aws.amazon.com", alt: "AWS", component: props => ( - + ), }, @@ -67,17 +71,26 @@ const logos: LogoListItem[] = [ { href: "https://starbucks.com", alt: "Starbucks", - component: props => ( - - ), + component: StarbucksWordmark, }, { href: "https://shopify.com", alt: "Shopify", - component: ShopifyLockup, + component: ({ className, ...rest }) => ( +
+ + +
+ ), }, { href: "https://github.com", @@ -102,7 +115,7 @@ export function TrustedBy() {
@@ -112,7 +125,7 @@ export function TrustedBy() { href={href} target="_blank" rel="noreferrer" - className="flex shrink-0 items-center justify-center bg-neu-0 p-4 hover:bg-neu-100 md:p-6 lg:p-8 xl:p-10" + className="group flex shrink-0 items-center justify-center bg-neu-0 p-10 before:inset-2 hover:before:bg-neu-100 dark:hover:before:bg-[#202219]" > diff --git a/src/components/index-page/trusted-by/logos/AWS.svg b/src/components/index-page/trusted-by/logos/AWS.svg index 4b804676cd..8ef544d4ea 100644 --- a/src/components/index-page/trusted-by/logos/AWS.svg +++ b/src/components/index-page/trusted-by/logos/AWS.svg @@ -1,5 +1,33 @@ - - - - + + + + + diff --git a/src/components/index-page/trusted-by/logos/AirBnB.svg b/src/components/index-page/trusted-by/logos/AirBnB.svg index e7ac51a06c..88db1efba2 100644 --- a/src/components/index-page/trusted-by/logos/AirBnB.svg +++ b/src/components/index-page/trusted-by/logos/AirBnB.svg @@ -1,3 +1,18 @@ - - + + + diff --git a/src/components/index-page/trusted-by/logos/GitHub.svg b/src/components/index-page/trusted-by/logos/GitHub.svg index f75f0fe2b6..2012d422e7 100644 --- a/src/components/index-page/trusted-by/logos/GitHub.svg +++ b/src/components/index-page/trusted-by/logos/GitHub.svg @@ -1,18 +1,39 @@ - - - - + + + - + - + c-0.6,0-1.1-0.4-1.1-0.9V41c0-0.5,0.4-0.9,1.1-0.9h20.9C167,40,167.4,40.5,167.4,41z" + /> + diff --git a/src/components/index-page/trusted-by/logos/IBM.svg b/src/components/index-page/trusted-by/logos/IBM.svg index 3f442a659b..1dd25e38e9 100644 --- a/src/components/index-page/trusted-by/logos/IBM.svg +++ b/src/components/index-page/trusted-by/logos/IBM.svg @@ -1,51 +1,20 @@ - - - -Logo International Business Machines Corporation - + + + diff --git a/src/components/index-page/trusted-by/logos/Intuit.svg b/src/components/index-page/trusted-by/logos/Intuit.svg index 42113afa7c..2b758524a9 100644 --- a/src/components/index-page/trusted-by/logos/Intuit.svg +++ b/src/components/index-page/trusted-by/logos/Intuit.svg @@ -1,2 +1,21 @@ - - \ No newline at end of file + + + + diff --git a/src/components/index-page/trusted-by/logos/Meta.svg b/src/components/index-page/trusted-by/logos/Meta.svg index 867af85ad0..e771256419 100644 --- a/src/components/index-page/trusted-by/logos/Meta.svg +++ b/src/components/index-page/trusted-by/logos/Meta.svg @@ -1,13 +1,34 @@ - - - - - - + + + + + + + - + diff --git a/src/components/index-page/trusted-by/logos/NewYorkTimes.svg b/src/components/index-page/trusted-by/logos/NewYorkTimes.svg index 67fc6137d4..23c14de79f 100644 --- a/src/components/index-page/trusted-by/logos/NewYorkTimes.svg +++ b/src/components/index-page/trusted-by/logos/NewYorkTimes.svg @@ -1 +1,19 @@ - + + + + diff --git a/src/components/index-page/trusted-by/logos/PayPal.svg b/src/components/index-page/trusted-by/logos/PayPal.svg index 3c41aacf02..534e047567 100644 --- a/src/components/index-page/trusted-by/logos/PayPal.svg +++ b/src/components/index-page/trusted-by/logos/PayPal.svg @@ -1,10 +1,18 @@ - + - + - + diff --git a/src/components/index-page/trusted-by/logos/Shopify.svg b/src/components/index-page/trusted-by/logos/Shopify.svg index fb5491d8ba..661486d881 100755 --- a/src/components/index-page/trusted-by/logos/Shopify.svg +++ b/src/components/index-page/trusted-by/logos/Shopify.svg @@ -1,16 +1,64 @@ - + - - - - - - - - - - - + + + + + + + + + + + + + diff --git a/src/components/index-page/trusted-by/logos/ShopifyMonotone.svg b/src/components/index-page/trusted-by/logos/ShopifyMonotone.svg new file mode 100755 index 0000000000..31ef8769fc --- /dev/null +++ b/src/components/index-page/trusted-by/logos/ShopifyMonotone.svg @@ -0,0 +1,11 @@ + + + diff --git a/src/components/index-page/trusted-by/logos/Starbucks.svg b/src/components/index-page/trusted-by/logos/Starbucks.svg index 24bafdc1c8..b1e1287d6d 100644 --- a/src/components/index-page/trusted-by/logos/Starbucks.svg +++ b/src/components/index-page/trusted-by/logos/Starbucks.svg @@ -1,3 +1,19 @@ - - + + + diff --git a/src/components/index-page/trusted-by/style.module.css b/src/components/index-page/trusted-by/style.module.css index d36020d592..a1323e8cbc 100644 --- a/src/components/index-page/trusted-by/style.module.css +++ b/src/components/index-page/trusted-by/style.module.css @@ -8,6 +8,10 @@ background-position: center; background-repeat: no-repeat; + & .shopify > svg { + transition: opacity 300ms cubic-bezier(0.075, 0.82, 0.165, 1); + } + & > a { transition: background-color 300ms cubic-bezier(0.075, 0.82, 0.165, 1); @@ -15,8 +19,16 @@ transition: fill 300ms cubic-bezier(0.075, 0.82, 0.165, 1); } - &:not(:hover) :is(svg, path) { + &:not(:hover) svg, + &:not(:hover) path { fill: hsl(var(--color-neu-600)); } + + @media (prefers-color-scheme: dark) { + &:not(:hover) svg, + &:not(:hover) path { + fill: hsl(var(--color-neu-200)); + } + } } }